图标icon设计的四个基本要点总结

图标icon设计的四个基本要点总结

一：图形样式

Icon最重要的是对其形的把握，因此在定稿前应该多画草图，来诠释自己的创意，在画草图的同时要考虑形的表现形式，在2008-2009年，icon的设计趋势3维样式，自从iphone上市后终端的icon都跟iphone差不多，以二维形式展现。不管三维、二维、文字、像素，要简洁易懂，一目了然主题。好的设计源自生活细节的提炼，icon当然也不例外，当今时代硬件已经不是瓶颈了同事也要更近趋势设计出更人性化的作品出来。（下面作品是800*400分辨率的屏幕，我们可以从像素、颜色、细节上面做的丰富一些）。

通常一套icon要有个统一的外形，这样才能统一UI设计风格，下面的图标都是在一个方形的容器里面去做的，icon的四面要顶到容器。如果你的容器定位是三角，正三角，梯形都是如此，一般我会做2-4px的浮动空间。

另外还要有素描关系，一套icon的透视角度和光源角度要一致，否则会很凌乱，说一下光源角度，如果从45度角照射，要考虑icon的高光、反光、阴影（这里的阴影不是指整个icon的阴影，3D icon会产生阴影2D icon元素之间会产生阴影）。

二：元素组合搭配

图标的组合元素不易过多，最好是1-2个组合，元素过多导致识别混乱，即使两个元素的组合也要有主次，大小区分或者颜色轻重区分。如果一套图标里面有共同的元素，那么就没必要重新设计，只要元素之间组合就可。也有一个特例假如一个元素在同一界面上应用很多，会导致的识别性不高，建议元素可以做一下小的调整。（这套图标“文本”元素应用的比较多，所以最好有应用到文本的元素做一些小调整）。

三：配色方案

1、一个icon的颜色最好控制在三个颜色以内，最好控制在0-2之间（黑白灰不算），如果超出三个icon会很花不稳，这一点跟界面的设计原理一样。

2、整套icon的颜色灰度保持一致，基调一致，这里的一致不是说完全一致，有左右浮动的空间，设计师会凭着感觉取色。

3、控制好icon与背景明暗距离，icon的明暗反差，切记要突出主次关系。

四：视觉体验

质感的确定：质感对于icon设计对用户的视觉体验很重要，通常我们在设计之初要考虑到icon 的质感效果或者是要质感定型。比如：金属质感、水晶玻璃、纸质、亚光质感等等，这是大的分类，比如水晶质感还有好几种体现剔透的、只体现高光的。

质感的表现：一套icon在草稿纸上画好后，再用其中最好表现的一个图标做质感的尝试，一般脑子里有几种质感的表现方式，都可以尝试做一下，只要做完一个icon，其它icon的做法都一样。

作品摘自：

/jiaohucn/news/uidesign/2012/1219/4195.html