图标在日常生活中随处可见,比如马路上各种各样交通标志图标,公共场所请勿大声喧哗和禁止吸烟的图标,能够让人快速的认知到信息,提升视觉的美观性。在界面的设计中,简单友好美观的图标可以代替枯燥的文字描述,还能增加用户体验的好看和交互效率。
交通标志启动图标
常见APP的启动图标样式多种多样,大致分为抽象的图形、文字、卡通形象或者功能性图形的图标。抽象图形的启动图标,如天气类、音乐类的应用,这种图标能够让用于一看熟知这是什么类型的产品,乃至哪家的产品,从而快速地进行选择;文字样式的启动图标如百度贴吧,通过文字让用户找到应用,能够让用户快速的记住产品,突出应用的调性和属性;卡通形象类的启动图标是现在比较常见的一种,很多互联网公司都有了自己的卡通形象,美观可爱的卡通形象让产品更具有亲和力;功能类启动图标,主要为了描述这个产品的功能,例如iOS的相机、日历、计算器等,直接通过图标来讲述了其功能。
iOS部分图标描述了功能性在进行启动图标设计时,尽量使用简洁独特的设计元素。因为在手机上启动图标的尺寸有时会比较小,这就需要在设计时考虑到在缩小时图标的显示效果,避免出现失真或者不清晰导致无法识别的情况。并且为了突出自己产品的特征和属性,在更多竞品中脱颖而出,尽量使用明亮鲜活的色彩以此符合产品的调性。
功能性图标
功能性图标的最大功能,就是通过图标来描述操作的功能,要做到即使在脱离文字的情况下也可以让用户通过图标了解属性。在保证识别性的前提下,还要做到尽量美观。如果将一些复杂的图标放在不重要并且面积较小的位置,会很难被识别,同样在面积较大且功能比较重要的位置放置过于简单的图标,会略显粗糙。所以在设计图标时要权衡这一点。
增添细节可以让图标更精致在功能性图标比较多的状况下,图标的统一性尤为关键。统一的风格、样式、大小,会提升产品的品质感。统一的风格是说,这些图标是线性还是面型,是2.5D还是扁平。统一的样式,比如图标线条的粗细,是否圆角,投影以及复杂程度上进行统一。而统一的大小需要说明一下(这里指的是异形图标)。因为实际设计中的尺寸大小和视觉上的尺寸大小是有区别的,大家在设计中肯定也遇到过。这就需要在设计时,不能只顾及逻辑上尺寸的统一,要照顾视觉上的效果进行微调,从而达到视觉的统一。
尺寸一致,视觉上好像并不一样大常见的图标样式前文也提到了,主要有线性,面型,以及线面结合的样式。线性图标设计不宜过于复杂,越小的位置就要越简单。为了防止单调,在大面积区域使用时要注意设计一些细节,让图标更有活力。面型图标一般用于一些重要的快捷入口,在面型图标上使用反白效果时,尽量使用面型样式,保证图标的可识别性。而异形的面性图标,就需要注意风格和视觉上大小的统一。线面结合的图标则比较适合年轻文艺的场景下。
虽然现在设计师经常使用网络上去下载图标库直接使用,但为了更好地视觉效果和统一的样式,还是建议设计师根据场景自主进行图标的设计。
本人是做UI设计工作的,特借贵平台输出一些内容为大家分享,旨在共同学习和进步。以上部分分享内容来自《规律与逻辑》。如有部分侵权请告知,将会立即删除。