2.5D设计风格在工业互联网行业中的应用研究
【摘要】近年来2.5d插画形式除了运用在广告或平面设计中,其中以科技板块和游戏板块为主越来越多被用于互联网行业的页面设计中,工业制造行业则是以传统扁平化或3D风格为主流。文章以工业互联网行业为切入点分析2.5d风格在本行业设计中的设计方法,为推动工业互联网平台中艺术表现形式提供更多可能性。
【关键词】2.5D风格;工业互联网;页面设计
2.5D设计风格是一种介于2D和3D之间的设计风格,亦可视作一种伪3D风格,是一种带有3D视觉效果的2D艺术表现形式。其以扁平风格演变而来,运用简单几何图形,以等轴测图的方法运用电脑技术将几何图形表现出伪三维的视觉效果。设计师们通过这种表现手法增加了画面的视觉体验。
一、2.5D风格的特点
(一)2.5D风格的起源
2.5D风格起源于传统绘画技术和3d建模技术的结合,最早出现在游戏行业,后以手游《纪念碑谷》爆火并得更多人熟知(图1)。2.5D制图可以使用ps、ai、sketch等软件进行绘制,设计师们通过各种软件将平面设计中的2D元素与立体的3D效果相融合,以表现出有别于这两种风格的、独特的视觉效果。它与3维风格最大的区别在于2.5D风格没有透视,不遵循近大远小的现实规律,所有元素均以平铺的手法展示在画面中,故2.5D风格具有魔幻、伪现实的特征。
图 1 《纪念碑谷》游戏截图(图片来源:网络)
(二)2.5D设计风格的优势
与传统的2D设计和3D设计相比,2.5D的设计风格结合了二者的优点。与扁平化设计相比,它更能表现出画面的空间感,从而提升视觉表现力,优势是可以在很小的画幅中表现结构复杂的场景。与3D设计相比,它的设计门槛更低,且在进行成套系设计时对元素的复用率高,对设计师来说学习成本更小。对于更新换代节奏极快的互联网时代来说,传递信息的实效性尤为重要,进行2.5D插画对软件要求低,且不需像3D软件需大量能耗来渲染,或需要大量时间来学习建模,它可以花较少时间起到相似的视觉效果。如在品牌设计中,2.5D设计可以帮助企业通过视觉元素符号实现与消费者的沟通,使品牌形象更加亲切更加立体,生动形象地呈现品牌的特点。从视觉上有效的传递信息,在塑造品牌形象的同时,提高受众者的兴趣,引起受众者的共鸣,进而增强品牌的影响力和感染力。
二、2.5D设计风格在工业互联网行业的应用
(一)2.5D风格适用的场景:
2.5D插画在当今互联网行业的视觉设计中应用场景非常广泛,其画面形象、立体、逼真的特点给人一种独特且鲜明的视觉冲击力。例如宣传海报、h5长图、门户banner图、小图标等,常见于科技信息类、工业制造类、文娱活动板块等。
由于2.5D风格插画最早起源主要通过简单的几何立体造型表现物体的体积,所以更适合表达外形直硬且外形明确的物体和场景;在处理人物、动物等细节较多、线条柔软的事物时不能很好的表现出效果,或更考验设计师的造型功底和结构概括能力。其通过设计师将物体外形进行模块化的归纳,用几何图形进行重塑,展现出的效果更具有“像素化”的风格,故2.5D风格由于这种自身所具的独特性质更适合表达一些天马行空的场景,例如科技类场景或魔幻类场景。
另外其具有的像素化的特点,物体的造型精简,使其单独元素可以浓缩成很小单位,相比2D插画在相同画幅里可以传达更多的内容,故也很适合传达一些故事性强、重点零碎且内容丰满的场景,例如制造业流水线、城市缩影等插画作品。
在工业互联网行业的UI设计中,2.5D设计的运用可以为软件带来更好的用户体验。拟物化的视觉设计,通过材质、文理、质感等细节的刻画,不仅可以为界面增添美感,还可以使用户更直观理解软件功能和操作,减少用户对产品的理解和思考,提高用户的操作效率和满意度,进而提升产品的粘性,增强产品的竞争力。
尤其当下,在APP引导页中更多地使用2.5D风格插画。形象的画面介绍产品功能,引导用户
使用,从零开始带用户了解产品。2.5D风格的引导页,有助于用户了解需要做什么以及怎么做,才能从产品中获得需要的功能,更容易吸引用户,建立和用户之间的情感联系。从用户角度出发,以自然且富有吸引力的设计手法,简短的文案介绍和精致的视觉设计, 可以有效增加产品的转化率。
(二)2.5d风格在工业互联网行业中的设计方法
1、确定元素
由于2.5D风格绘画是一种等轴测图的伪3D风格,主要通过精简物体的造型,再由设计师进行二次加工,绝大部分2.5D设计元素都由立方体经过变形、拉伸、叠加演变而来,所以,选择适合表达的原型物体显得尤为重要。造型简单整体或有特性且大众熟知的事物相对容易进行二次创作。例如电脑、服务器、机械臂等造型整体且已经形成一定造型规律的物体;表现物体的特性如带手柄的杯子比不带手柄的杯子更易出效果等(图2)。
图 2 工业类2.5D图标设计(图片来源:网络)
确定元素之后需先将实物概括维几何平面图形,此处尽量提炼成方形及多边形,如若用球体则需要设计师具备基础的明暗知识。通过组合几何图形先调整图案的大体轮廓、组合之间的大小位置等,初步搭建完后利用软件工具进行等轴测图效果的转化将平面图形转化为3D效果。最后,再进行重新填,要将平面图形在视觉上更像立体图形靠拢,最重要的一步就是明暗关系的塑造,传统的2.5D绘画中没有过多颜的过度和素描表现中明暗交界线和反光的概念,通常只通过块面转折处表现亮面和暗面的区分和塑造空间的立体感,设计师可以通过塑造颜的冷暖来传达画面所要表现的主题。
2、用彩传达情绪
确认主题后需要选择系来配合画面主题,通常先确定画面的基础调,选择画面的主题和辅助常见的方法有冷暖法、对比法、相邻法等,例如工业类插画常用到红、黄、黑等工业常用,画面大面积选择黄或红可能会使人产生视觉疲劳,此时可以选择一个中性的灰作为主、黄和红作为点睛的辅助,再加上黑作为着重来使用;如果是科技类插画则通常选择蓝、紫、绿等冷来营造科技感和未来感。为了统
一系,在辅助灰选择时可以使用偏冷调的灰。在颜的选择上除了搭配主题外还需符合现实逻辑,如确认画面中的光源方向,物体暗部需统一朝向;工业制造类常用的警示类标志需与现实相符合等(图3)。
图 3 工业类和科技类场景配方案 (图片来源:作者自绘)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论