《“又见章鱼哥”——系统图标的设计心...

  • 经验类型规范/资料原作者:又见章鱼哥

  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
3703 2 8 2015-08-24

这是我前段时间看到的“又见章鱼哥”在站酷的公开课讲解的内容,这次写的是自己的观后心得

系统图标的设计原理:

PS : 醉小帅根据大神 —— “又见章鱼哥”的公开课视频所总结出的一些有用的信息

1.什么是系统图标 :软件标识和 功能标识。2.系统图标的表现形式: 面型和线型。

其中面型的图标一般即为入口图标,是属于软件标识,因为有较强的视觉识别性,尤其是现在

的扁平化设计类图标;网上ICON网页里的黑白扁平图标等,都属此列。

线型的图标一般作为功能标识去使用,是由线条绘制组成的;这种图标多用于APP中,因为

在有限的屏幕空间内,我们想展示更多的信息量的时候,我们就想通过一些简单的和能够弱化

视觉表现力的一些东西去表述。

3.系统图标的重要性是什么呢?

在APP中除了文字和控件外就是系统图标,所以系统图标具有高辨识度是必须具备的,所以图标

要做到“语义明确”和“漂亮"。

4.简历及测试题中的核心构成要素!

在使用功能性图标的时候,一定要统一风格,线型的就都用线型的,面型的就都用面型的。

由于现在大有取代纸媒体的趋势,所以我们现在要求做的线型图标都是要弱化的,需要融入内容的。

5.扁平风的核心构成要素!

扁平风不是很容易做的,而是很难做好的!一定要统一风格,在做的时候,一定要抛开图层样式去看自己的作品风格是否统一。

小米MI V5的图标非常优秀,一般做主题图标设计是6个主题颜色,像棋盘一样,但是每一个图标

都得是随机放在一起好看的才行,因为用户在使用的时候就是随机的。

6.如何去分析一套ICON是否优秀?

情感语义表达是否适合此产品

传统的线型图标是两像素为主,而网易云音乐的设计师设计的图标是以三像素为主。

世界上有两大设计公司;苹果(自IOS 7以后主要做的主流的线型图标);

谷歌则是做的是面型的,但是并没有刻意的去追求风格的完全统一,还是强调的是识别性。

7.分析一套图标是否是统一的风格:

线型图标:大小、粗细、圆角、透视。

面型图标:大小、正负形、圆角、透视。

8.PUI图标是兴趣点图标的意思,就是争对你做的某酒店或某咖啡厅的界面所做的代表这个酒店和咖啡厅的特有的标志性的图标,就像LOGO一样;

9.情感化

线型:粗细(粗线条更明显,细线条更利索)

          断线:断线不断线没关系

          圆角:圆润的更有亲切感,没圆角的感觉更加官方

          面型:正负形的比例把控

一个图标里面在运用到点线面是最完美的,既不单调也更具识别性

原创绘制:建立视觉比例参考图

设计师必须具备的一个点:三分画七分裱

全部评论:2条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票