设计,从图标开始······

相信很多人刚接触设计时,最先都是从练习图标开始的,然而却有很多人不明白为什么这样?今天,我们就来了解一下图标的前世今生····

什么是图标?

广义的是指,具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在。

狭义的是指,应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。

而图标设计,是一款小工具软件,通过iTunes文件共享上传图标后,可以同时比较多个图标。内置360个标签栏图标和390个工具栏图标,供开发人员和UI设计师使用。

一个好的图标设计需要满足三个要素:识别性、统一性、基本形态。在满足这三个基本要素之后,我们再去设计图标的颜色、效果、质地等等。

识别性

首先图标应该具备高度的识别性,用户看见一个图标就能够明白图标所代表的的含义。识别是图标的功能,也是图标的灵魂。这就要求图标的图形语义要非常明了。

每一个图标都有其最本质的特征。例如下图中的狗狗,我们可以一眼看出左边的是柯基,右边的是哈士奇。

设计,从图标开始······

视觉统一

图标有很多种类,通常我们会从扁平化、渐变、投影、色彩等方面进行设计。

图标的视觉统一性特别重要。因为图标在视觉中占比较小,图形跳跃度较高。尤其是多个图形组合是,如果不统一画面会显得很乱。大小统一,风格统一,色调统一:明度和饱和度也应该统一起来。能够用一些通用元素的尽量用相同的要素代替。

设计,从图标开始······

基本形状

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

设计,从图标开始······

设计方法

1、巧用网格

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

设计,从图标开始······

2. 巧用基本型

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

设计,从图标开始······

3. 常见的设计元素

平面设计元素通常分为四类:

1.概念元素,所谓概念元素是那些不实际存在的,不可见的,但人们的意识又能感觉到的东西。例如我们看到尖角的图形,感到上面有点,物体的轮廓上有边缘线。概念元素包括:点、线、面。

2.视觉元素:概念元素在实际的设计中都会加以体现。而概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。

3.关系元素:视觉元素在画面上如何组织、排列,是靠关系元素来决定的。包括:方向、位置、空间、重心等。

4.实用元素:指设计所表达的含义、内容、设计的目的及功能。

设计,从图标开始······

4.复用元素

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

设计,从图标开始······

设计,从图标开始······

5.不断精练

图标设计方法最常用的是提炼,不断的提炼元素的精华部分,最具代表性的部位,然后进行抽象!形象化!

设计从图标开始,就要多练习,不断的练习!

发表评论

登录后才能评论