UI知识，图标的认知与设计步骤

第一次写文章，写完后挺高兴的，收获也挺多的。这事我从做设计到现在做图标的过程中对图标的认知与设计心得，很高兴跟大家一起分享。希望和大家一起交流学习。

1 必须明确设计需求

即从开始到结束必须牢记并且明确说设计的图标说代表的功能需求。

比如在设计电话图标时不能偏离打电话这一需求。这样设计出来的图标才会实用，好用，易用

UI知识，图标的认知与设计步骤

2明确设计风格

即必须定一个设计风格，是拟物化，扁平化，还是卡通图标。在定了风格后要严格按所定的风格去设计其它图标。保持统一性。

3草图设计

在定了设计风格后，开始草图设计，用草图绘出你要设计的图标形态。绘制草图是一个很重要的步骤，可以用手绘或一些软件。个人建议用手绘，如下图所示。

UI知识，图标的认知与设计步骤

4低保真设计

根据草图用自己所熟悉的设计软件设计出整个图标的形状，等所有元素。如下图的梅花图标，先设计出此图标的所有元素。

UI知识，图标的认知与设计步骤

5高保真设计(视觉稿)

在低保真的基础上添加颜色，高光与阴影等细节，最终完成视觉稿如右上图的梅花图标所示。

6输出图标的格式

一般是png，jpg等

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 UI设计教程 UI知识设计步骤图标设计图标知识