UI/交互设计规范设计今日看点

图标之剪影图标

2016-09-18  本文已影响3237人  王旋子同学

说明:本篇文章内的作品均来自网络,仅供学习使用。

 1. 特点

常见的剪影图标为单色表现,也有双色图标;抽象简洁、言简意赅、高度提炼;对于表象意境的考究要高于具象和细节;突出设计的理性与感性之间在功能传达上的逻辑思维。

2. 分类

正型图标和负型图标

双色正型图标 负型图标

3. 应用领域

指示标、软件、网站、APP等

4. 制作常用技巧

1)常用应用工具组

形状工具组(U)、选择工具组(A)、钢笔工具组(P)

2)前期设置

为了能够方便使用快捷键操作,因此根据个人习惯可以调整一些常规设置。如:

快捷键的设置

打开编辑菜单里的键盘快捷键菜单,将所有工具组改为对应的字母。

打开键盘快捷键菜单(快捷键Alt+Shift+Ctrl+K) 选择工具组 将没有设置的工具进行设置

首选项的调整

默认的工具切换需要按住shift+对应大写字母,不愿意按那么多键,因此做以下操作,可以减少按键。打开首选项菜单中的常规菜单,进行调整。

打开常规菜单(快捷键Ctrl+K) 在工具里去掉使用shift键切换工具的对勾

设置之后,再使用快捷键的时候就可以用对应字母进行切换。绘制图标时最常用的是形状工具组(U)和选择工具组(A)之间的切换,那么在用的时候只需要按U或A即可。

单位标尺的设置

在绘制图标时,需要利用标尺和网格进行规范,为了便于计算,将网格和标尺做如下调整。

将所有单位改为像素 将网格改为10*10px

5. 绘制图标

在绘制图标前,需要绘制标准制图模板。利用这种方式,在规范图标的设计的同时,也可以保证图标视觉的统一。

在标准制图模板的基础上,可以利用形状工具组(U)、选择工具组(A)和钢笔工具组(P)进行图形的绘制。

标准制图

6. 系列图标的注意事项

在绘制系列图标时,一定要注意使图标的视觉与内在含义属性相同(如,APP底部图标的属性均为菜单,因此大小、间距和高度等需完全相同);图标的设计规则、样式、细节特征要素的设计均统一。

下期预告:绘制图标时的常见问题及解决方案

王旋子同学

上一篇下一篇

猜你喜欢

热点阅读