图标中的像素图标

从表达形式上来讲，图标分为像素图标、拟物化图标、扁平化图标、线性图标和立体图标。无论是什么类型的图标，其表现方式一定要遵循统一性和识别性。图标的常规制作思路是先以功能信息提炼出图形语言，然后对细节进行刻画。

 

今天米醋就来跟大家说一下图标中的像素图标。

像素图标是一种以像素为基本单位制作的插图（属于位图），也可以称为“像素画”。在生活中随处都可以见由点阵式小灯组成的荧光屏，如图所示。这种荧光牌具有一个非常明显的特征，就是轮廓非常清晰，像素图标的原理其实和这个点阵荧光屏是相同的。

荧光屏

以前像素化图标主要运用在网页设计中，现在更多的运用在一些智能设备上，例如手表、电子硬件等。像素图标的设计比较简约，易读性也比较高，所以很多时候会用来代替复杂的图形元素或信息，如图所示。在制作像素图标的时候需要注意的是像素的清晰度。

像素图标

案例分析

这里介绍一下使用Photoshop绘制像素圆和像素直线的方法。像素主要使用“铅笔工具”来绘制，当然还会用到一些其他的辅助工具，如图所示。

绘制像素图标要用到的工具

新建一个20像素×20像素的画布，将“分辨率”设置为72像素/英寸，如图所示。先将画布的显示比例放大到1000%，然后将“铅笔工具”的笔尖设置为方形笔尖、笔尖的“大小”设置为1像素、“不透明度”设置为100%。

新建画布

设置好“铅笔工具”的基本参数以后，就可以正式绘制像素。见图，左图演示了标准圆的像素绘制方法，右图演示了非标准圆的像素绘制方法。

标准圆与非标准圆

在绘制的时候一定要注意点阵之间的关系，画标准圆的时候要用1-2-3的像素节奏来形成圆弧，如图所示。

标准圆的绘制方法

除了圆形以外，不同角度的直线也有不同的绘制规律，如图所示。

直线的绘制方法

明天米醋将给大家继续分享图标中的

拟物化图标、扁平化图标、

线性图标和立体图标。

我们明天不见不散！

本篇文章来源于微信公众号:                         MICU设计