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

《ui知识，图标的认知与设计步骤》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、1com・cn主要从岀ui设计、java.跨境电商、大数据开发培训。保就业,保底薪。www.fengzeui.comUI知识，图标的认知与设计步骤图标就是电脑，手机或其它设备中为各种文件，应用程序或快捷方式设置的一种图形标志。图标的分类按功能分类图标分为：1启动类图标，2应用类图标，1启动类图标比如像微信，QQ等代表并启动此应用的一类图标（如下图所示）2,应用类图标比如像返回，删除，保存等代表当前功能，或操作的一类图标。（如卜-图所示）III按设计形式分类分为扁平化图标和拟物化图标1扁平化图标，器丰律報育Jkwwwcom.cn主要从事ui设计、java、跨境电商、大数据开发培训。保就业，

2、保底薪。www.fengzeui.com扁平化设计特点：简洁，清新，设计感强，没冇更多的细节与特效修饰。直接明了的表达出出图标的本意。缺点是识别性差。2拟物化图标特点，精致，细腻，识别性强，比较接近真实物品图标设计设计原则1可识别性原则可识別性原则即清晰明了的表达清处和应的功能和和操作。通俗的将就是用八一眼看过去就知道它是做什么的。比如拨打电话图标，用八不需要看文字只需要看图标就知道是拨打电话用的2差异性原则即每个图标之间要有一定的旁异性，这样比较容易辨别与区分器丰律報育Jkwwwcom.cnMyComputerMyComputerAppleClockRecycleBmBlueRecyc

3、leBinFullRecycleBinG/eeoFoklerCloseFolderFoWerAppleCloseFolderAppleFolderApplewithFilet主要从岀ui设计、java.跨境电商、大数据开发培训。保就业,保底薪。www.fengzeui.com如卜•图所示如果每个图标彼此Z间很相似的化就会很难分辨3统一性原则统一性原则表现在形状，样式等风格层面。如下图图标都用了线条，并且图标都比较圆滑。O@S冒圉厠U0O4尺寸人小尺寸与格式。图标一般有以下儿种尺寸器丰律報育Jkwwwcom.cn主要从事ui设计、java、跨境电商、大数据开发培训。保就业，保底薪。www.

4、fengzeui.com256x256256x256128x12864x6432x3216x16图标有以卜儿种格式png,jpg,svg图标设计设计步骤1必须明确设计需求即从开始到结束必须牢记并且明确说设计的图标说代表的功能需求。比如在设计电话图标时不能偏离打电话这一盂求。这样设计出来的图标才会实用，好用,易用2明确设计风格即必须定一个设计风格，是拟物化，扁平化，还是卡通图标。在定了风格后要严格按所定的风格去设计其它图标。保持统一性。3草图设计在定了设计风格后，开始草图设计，用草图绘出你耍设计的图标形态。绘制草图是一个很重要的步骤，可以用手绘或一些软件。个人建议用手绘，如下图所示。4低保

5、真设计根据草图用自己所熟悉的设计软件设计出整个图标的形状，等所有元素。如下图的梅花图标，先设计出此图标的所有元索。主要从出ui设计、java.跨境电商、大数据开发培训。保就业，保底薪。www.fengzeui.com5高保真设计（视觉稿）在低保真的基础上添加颜色，高光与阴影等细节，最终完成视觉稿如右上图的梅花图标所示。6输出图标的格式一般是png,jpg等