欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  UI设计学习图标设计方法须知

UI设计学习图标设计方法须知

来源:培训无忧网 发布人:云朵

2022-02-09 14:30:35|已浏览:130次

UI设计学习图标设计方法须知

一、如何设计一套合理的图标?

界面需求

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

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

图形之间的转化

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

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

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

二、图标设计的思考方式:

①思路。

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

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

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

②制作。

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

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

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

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-20168.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!