拟物风格ui教程(拟物图标设计风格)

拟物化风格也称为写实风格,即据实直书,真实地描绘事物。

拟物风格ui教程(拟物图标设计风格)(1)

拟物风格ui教程(拟物图标设计风格)(2)

拟物化图标基本上使用生活中原有的物象来反映产品的功能,同时图标的内部加入更多的写实细节,比如色彩、3D效果、阴影、透视效果,甚至一些简单的物理效果,使得用户认知时一目了然,视觉刺激强烈,大大提高辨识程度。

拟物风格ui教程(拟物图标设计风格)(3)

但有些时候写实的设计并不一定是原始的意思,而是一种近似的表达,比如眼睛图形可能不代表“眼睛",而代表“查看”或“视图";齿轮状的图形不一定代表的是“齿轮",可能是“设置",也可能是“调整"。

拟物风格ui教程(拟物图标设计风格)(4)

简而言之,拟物化的图标,无论是面对真实存在的物体,还是想象出来的对象,其总是在描述一个真实存在的事物,而不是抽象的符号。

拟物风格ui教程(拟物图标设计风格)(5)

拟物化风格图标的实际设计,并不一定是照着原始物体将其完全描绘出来,有时候只需要描绘基本元素即可,即将重点的部分表达出来就可以了。比如我们经常看到用户界面上的主页按钮,通常会用一个小房子作为图标,将代表房子的重点元素绘制出来。

拟物风格ui教程(拟物图标设计风格)(6)

拟物风格ui教程(拟物图标设计风格)(7)

拟物化风格设计对于初次接触电子产品的用户来说,识别直观,易用性强,可以很容易找到操作的入口。但多年一成不变的设计也造成了一些问题,比较突出地表现于以下两个方面:拟物化风格图标流行多年,造成用户的审美疲劳;过度地在意拟物化的细节表现,使得用户对产品内容的转化效率变低。

拟物风格ui教程(拟物图标设计风格)(8)

拟物风格ui教程(拟物图标设计风格)(9)

①注意取舍。在拟物化图标的创作中,细节太多或太少,都有可能造成用户看不懂的情况,所以要注意取舍。可以先在纸稿上绘制草图,用来确定哪些细节需要表达,哪些可以省略。当然,如果界面元素和生活参照物相差太远,就会很难辨别;如果太写实,有时候也会让人们无法识别你要表达的内容。

拟物风格ui教程(拟物图标设计风格)(10)

②使用合适的材质和纹理。拟物化图标中使用好的材质和纹理,能够让用户得到对品质追求的满足感。比如木质、皮质或者塑料一般可以使人产生怀旧感,金属一般可以使人产生科技感,大自然中的事物能够唤起亲和感,食物类的质感表现可以勾起人们的食欲感。使用合适的质感与纹理表现,可以使用户的感受从物质感受提升至对美好事物的精神感受。

拟物风格ui教程(拟物图标设计风格)(11)

③规划拟物化图标中的光影与色彩。拟物化图标中的光影与色彩是还原“真实”物象的重要环节,能使图标从二维平面转换为三维的立体效果。光影与色彩从不同的角度、不同的空间表现出来的组合效果,成为一种独特的视觉语言,带给人们美好的享受。

拟物风格ui教程(拟物图标设计风格)(12)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页