1 图标概述
图标:具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。
作用:更容易理解的可视化语言,帮助人们高效地识别和传递信息; 丰富页面,使页面生动活泼;强化产品品牌感,修饰页面。
种类:
1. 表象——和实际物体有相关性的符号或表现,间接关联含义,例如放大镜、手机。
2. 表意——直接表达一个概念,例如加减号。
风格:
图标的不同风格
大小:
1倍尺寸的界面中图标的大小
大小一般是4的倍数,并且是偶数
2 绘制图标注意点
绘制图标的注意点
安全区让横竖的方形、圆形和方形的大小视觉上一致
3 着手做一套图标
做图标的步骤
用栅格画图标
栅格的原理和使用
我们的显示器被分割为了一个个的像素,单个像素只能有一种颜色,要在屏幕上显示,必须先把以 pt 为单位的长度转换为以像素为单位的长度,这个转换的媒介,就是 DPI。
pt (point,磅):是一个物理长度单位,指的是72分之一英寸。
px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。
pt和px的换算公式可以根据pt的定义得出:pt=1/72(英寸), px =1/dpi(英寸)
这边,24尺寸做一倍图用1.5像素做。用放大的方法,64*64尺寸来做图标更方便。
扁平风插画实例
扁平风插画教学(PS做)