室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> UI设计 >> 文章内容

app图标设计教程系列五:不同风格图标设计

[日期:2016-01-02]   来源:IT部落窝  作者:IT部落窝   阅读:126[字体: ]
内容提要:接下来我们会进行APP图标设计教程进行操作技术性环节的讲解,用案例给大家呈现如何设计不同风格的APP图标.
  下面对立体图标、写实拟物图标、扁平化图标等多种风格的图标进行介绍。

 写实拟物图标设计
 
  写实图标也叫拟物图标,使用了大量生活中可见的元素来表达功能对应的含义。在使用写实风格创作图标的过程中,最为重要的就是元素的设计是否符合真实生活中的情况,包括外形、材料、角度、大小比例、色彩等因素。
 
  如果脱离了这些条件,会导致图标失真,难以辨别,设计中的细腻感也不复存在。用户在使用这类图标的时候,反映出的操作诉求是“这个图标是照相机,我点击后就可以拍照”。
 
  拟物让创造的图标比较逼真,但又超越现实,比如方形的玉米,水晶质感的云彩等等,如图所示。
写实拟物图标设计
 
线性图标设计
 
  线性图标一般是以纯描线方式画出来,它比拟物化图标简单很多,但却很实用,特别适用于扁平化设计,线性图标可以方便转换成SVG(可缩放矢量图形)、图标字体,体积小,支持自由缩放而不模糊,非常适合在手机APP上使用。
 
  尺寸规格:一般线条为2px,如图所示,也有的加强为3px的。
  风格:线条简单,图形指示意义明确。
 app图标设计教程系列五:不同风格图标设计
  提示:采用图层样式做描边效果时,如果用到较大的数值,描边会产生分块曲线,边缘有锯齿感。这时通过矢量描边处理可得到完美的结果,如下所示。
APP线性图标设计
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程