设计,从图标开始······
相信很多人刚接触设计时,最先都是从练习图标开始的,然而却有很多人不明白为什么这样?今天,我们就来了解一下图标的前世今生····
什么是图标?
广义的是指,具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在。
狭义的是指,应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。
而图标设计,是一款小工具软件,通过iTunes文件共享上传图标后,可以同时比较多个图标。内置360个标签栏图标和390个工具栏图标,供开发人员和UI设计师使用。
一个好的图标设计需要满足三个要素:识别性、统一性、基本形态。在满足这三个基本要素之后,我们再去设计图标的颜色、效果、质地等等。
识别性
首先图标应该具备高度的识别性,用户看见一个图标就能够明白图标所代表的的含义。识别是图标的功能,也是图标的灵魂。这就要求图标的图形语义要非常明了。
每一个图标都有其最本质的特征。例如下图中的狗狗,我们可以一眼看出左边的是柯基,右边的是哈士奇。

视觉统一
图标有很多种类,通常我们会从扁平化、渐变、投影、色彩等方面进行设计。
图标的视觉统一性特别重要。因为图标在视觉中占比较小,图形跳跃度较高。尤其是多个图形组合是,如果不统一画面会显得很乱。大小统一,风格统一,色调统一:明度和饱和度也应该统一起来。能够用一些通用元素的尽量用相同的要素代替。

基本形状
图标基本上都是都是由圆形,矩形和三角形等几何形状拼合连接而成——这些形状构成了图标设计的视觉基础。形状是一个图标的基本结构,相当于图标的骨架。

设计方法
1、巧用网格
网格是设计师很好的帮手,网格在网页设计、图标设计、字体设计等领域起到了举足轻重的作用。很多复杂的图标,比如相机的镜头(矢量图标)用网格画起来就很方便。

2. 巧用基本型
把复杂的形态几何化、简单化,这样我们容易定位形态的大轮廓和比例关系。在大轮廓和比例没有问题之后,再细节深化就简单多了,这也是先整体,后局部是设计,做设计要有“像素”精神,就是哪怕有一个像素的差别也不放过。

3. 常见的设计元素
平面设计元素通常分为四类:
1.概念元素,所谓概念元素是那些不实际存在的,不可见的,但人们的意识又能感觉到的东西。例如我们看到尖角的图形,感到上面有点,物体的轮廓上有边缘线。概念元素包括:点、线、面。
2.视觉元素:概念元素在实际的设计中都会加以体现。而概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。
3.关系元素:视觉元素在画面上如何组织、排列,是靠关系元素来决定的。包括:方向、位置、空间、重心等。
4.实用元素:指设计所表达的含义、内容、设计的目的及功能。

4.复用元素
整体把控所有的图标,在某些地方复用一些小的元素,这样看起来就更加的统一协调了。


5.不断精练
图标设计方法最常用的是提炼,不断的提炼元素的精华部分,最具代表性的部位,然后进行抽象!形象化!
设计从图标开始,就要多练习,不断的练习!

