1. 兔课网
  2. 资讯
  3. UI设计教程
  4. 学UI设计制作图标需要注意什么

学UI设计制作图标需要注意什么

4102人阅读 2020-03-17 收藏

学UI设计制作图标需要注意什么?图标是图形化用户界面设计中的重要元素之一,也是图形化用户界面设计中最直接、最生动的视觉形态,有着优秀图形化用户界设计、形象明确、造型突出的图标,能够迅速地被用户所理解和接受,从而使软件或程序的使用效率提高,最终带给用户很好的使用体验,下面兔课菌就和大家一起分享一下做图标设计需要注意什么?

学UI设计制作图标需要注意什么

 1. 让用户更容易理解

图标最重要的作用就是它的辨识度是否让用户易理解,人们需要在小图标中做出他们的选择是件很困难的事,所以对于品牌来说,大部分的图形设计是为了展现品牌logo或者是一个标志性的形象。当然对于一个新的或者小的品牌来说也会通过一些其他方式来展现。


学UI设计制作图标需要注意什么

2. 图标并不是图像

图标可以包含图像,但也可能是一个文本,一个logo又或是这些元素的组合。图像图标在其他适应设备上会不易阅读,而图形的话可以携带更多的视觉感。

学UI设计制作图标需要注意什么

3. 避免文字

对于一个图标而言,不会使用单词作为内容,因为空间本身就不大,而内容不多又不易用户理解。这也是一则经验:如果这个文本不是你logo的一部分,那么请尽量避免。如果是,也要慎重考虑一下。


学UI设计制作图标需要注意什么

此外,很多图标实际使用是在一定的环境下,大多数包括一行描述性文本在图标下面。设计时,字母的颜色和图标的类型或者网站也要保持一致,这样才能建立品牌的统一性。

学UI设计制作图标需要注意什么

4. 用鲜亮的颜色

想让你的图标脱颖而出?那么请大胆的用色。选择一个充满活力的颜色可以帮你抓住用户注意力,让你的品牌更有特点。比如蓝色,特别是天空蓝和海军蓝,你可能会回避因为这种大众色并不吸引人。但如果蓝色是你的主要logo色,你可以尝试一些新的偏中性的颜色,像石灰绿,或者选择一个季节性色调比如夏天选择亮橙色、春天选择粉红色之类的。

学UI设计制作图标需要注意什么

5. 做一个logo的延伸

你的品牌会有它的logo,可一旦它变成了图标,更像是一个标志。这个标志可以是一个简单的logo或者图像,它需要表现的更直接更能让客户记住它。而品牌也希望将logo和图标建立一些联系,让自身达成统一

学UI设计制作图标需要注意什么

6. 图标的用途

图标不止限于手机或者电脑桌面上,所以在设计时也要顾及到它的大小和应用,所以在做大图标后缩小是个更好的方式。图标设计涉及到它的规模和大小,格式也成为了一个重要的因素,为了方面运用,矢量图是你最佳的选择。

学UI设计制作图标需要注意什么

7. 内容外面的世界

最近有很多图标运用单色背景加白色图标,扁平化设计与阴影结合,这种趋势虽然很流行,但不要局限在这种设计里,在你的图标中做一些不一样的设计。当大多数人考虑用方形的设计,也许你该考虑些别的方式。在背景中加入纹理效果就会在人家单色中脱颖而出。

学UI设计制作图标需要注意什么

8. 单色挑战

有一个有趣的小窍门设计师们多年用来测试设计的有效性——单色模式。在单色设计中,如果你的设计传达同样的信息,那么它是个有效设计;如果没有颜色它变得很弱甚至影响用户识别,那么请继续修改。也有些设计师会先用黑白色进行设计,建立一个坚实的框架后,然后再添加颜色。

学UI设计制作图标需要注意什么

相关文章推荐

天津前端培训,哪个机构好?,哪个UI培训机构学完好就业
“兔课网”初学UI设计如何设计好IOS与Android用户界面?
哪个机构做用户体验与UI开发设计比较好?,UI设计面试,你都需要注意些什么
在郑州学习UI设计哪个培训机构好?,在郑州找个靠谱的UI设计培训机构?
ui设计学习内容都是什么?,求关于UI方面的书
自学UI靠谱吗?还是需要去培训比较好?,自学数字媒体艺术设计,好找工作吗?
上海哪个ui培训学校适合零基础学习?,找好的ui培训学校怎么找来看看我给大家的分析
起薪12500的Python,为什么有些人自学几天就放弃了?,移动UI设计专业适合女生学吗?会不会很难?
ui设计那个培训班好?学UI待遇好吗?
UI视觉设计师,年薪风向是怎样的?

特别推荐

上一篇>> UI图标绘制需要注意哪些细节

下一篇>> 初学UI设计需要知道的图标设计知识

新人大礼包

1
咨询客服

交流Q群

微信公众号
返回顶部