图标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 的做法都一 样。