淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

设计干货:用户界面中的图标,怎么设计才更合理?别错过这些技巧 ...

收藏 邀请

如果说一个人的脸面、衣着打扮是给陌生人的第一印象,那么APP的应用图标风格与气质就是留给新用户的第一印象,关系着用户是否对这个APP感兴趣、是否会打开应用介绍、是否会点击下载按钮起着决定性的作用。一个好的应用图标有着无限可能,无形中对用户产生强大的吸引力,并有一种想要了解的冲动,况且图形本身就能让人充分发挥想象力,这就是为什么不管在哪个应用市场第一眼看到的是应用图标,而非应用名称。

那要如何设计一套合理的图标,我们可以从以下几点出发警醒思考:是否符合用户的使用习惯?当前系统的显示原则是什么?是否符合产品定位?是否具有很强的识别性?图标设计的艺术风格是否一致?构成元素是否合理?


界面需求

图标的设计,首先要看懂界面的需求,需对每一个功能图标的定义非常清楚,否则会造成很多不必要的麻烦。例如:我们所设计的结果不能被用户理解,或者一图多意,使用户无法正常操作。在图标设计中,我们必须做到视觉上,功能上、可用性上一对一高度匹配。

对于界面需求,首先我们需要懂界面,从硬件上讲,我们必须先明确该产品界面大小尺寸、系统要求、媒介要求;从软件上讲,我们需要设定产品界面设计的风格、构图方式、布局版式、产品主题图标主题元素等。只有这一系列的内容确定下来我们才能有把握地完成图标的设计。


图形之间的转化

图标设计所采用的元素大多为用户常见并熟悉的物件,原则上是越贴近用户的心理越好,例如:音乐我们可以联想到音符、CD光盘、音乐播放器、耳机、钢琴、古筝、萧、鼓、播放开关等。


这些都是很直观的可看到的和音乐有直接联系的设计元素。当这些元素被找出来,我们只需要完成“词语一图形”之间的转化,依据产品的特性来确定适当的设计风格来完成图标的设计,例如:这个图标是简洁的,还是复杂的;拟物的,还是扁平的;华丽的,还是淡雅的;多色彩的,还是单色的。


在图标设计中,隐喻也是一种常用的设计思维方式,也就是找出物与所指之间内在的联系,捕捉事物对象的特征,提炼元素,再创作。做到这点需要设计师丰富的联想能力和对生活的细微观察。


图标设计的思考方式

①思路。首先我们需要考虑图标的造型,系统图标按照造型构图可分为线构图、面构图、线和面的组合。


然后,我们需要考虑产品的性质,不同性质的产品图标设计所采用的元素也是不一样的,表现出来的效果自然也不一样。例如:一个美食类型的App,如果该产品针对的目标群体是年轻人,那么对于图标的设计我们就需要仔细考虑了。是写实的还是简洁的;色彩的选择是丰富的、鲜艳的;还是简单的,某一色系下的是浪漫的,还是安静的。


最后设定图标主题,一组应用图标设定主题后,我们需要根据主题找出相对应的元素,通过元素重组来完成整套图标的设计。有一点我们需要注意,在做主题图标设计时,需要尽量地简化和概括元素。


②制作。对于图标的制作要注意两点:


●视觉一致,一致的线条粗细,图标组合方式,规范圆角;使用统一主题的设计元素或符号;色彩一致,采用套色,无论是多色彩还是色彩,需在明度上或者纯度上有一项保持一致。


识别性,图标组合元素不宜过多,最多三项;尽可能简化图标,图标不宜过度繁琐;对于元素的选择,需恰到好处,便于用户认知。

以上就是今天的所有内容,关注疯狂的美工官网,每天分享不同的设计技巧!


路过

雷人

握手

鲜花

鸡蛋

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1