引玉系列之UI设计心得

注：文中的一些观点和结论并非原创，只是做了分析整理。
UI的本意是用户界面，是英文User和interface的缩写，基本上分为三个方向，分别是：用户研究、交互设计、界面设计。
软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点，一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离。界面设计不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。
界面设计里有一个很重要的组成部分，就是界面图标设计。图标设计在很大程度上决定了软件界面设计的好坏。
图标应该有趣，色彩丰富而且充满活力，因为系统支持32位图标，并且边缘非常光滑。图标设计要从三个方面考虑，创意，细节，整体性。
设计图标时，要使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。
XP系统下常用的图标尺寸有四种：
(1) 48×48像素
(2) 32×32像素
(3) 24×24像素
(4) 16×16像素。
图标样式的特性：
(1) 色彩丰富，是对WindowsXP外观的补充。
(2) 不同的角度和透视特性为图像增添了动态活力。
(3) 元素的边角十分柔和，并略微有些圆滑。
(4) 光源位于图标的左上角，同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感，进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。
在Denis Kortunov的文章里描述了图标设计中比较容易犯的一些错误，在我们的设计中，应该要尽量避免：
1. 图标之间没有明显的差异化（太相似，难以辨识）
2. 在一个图标中设计了太多的元素（windows vista的图标是反面教材）
3. 加入不必要的元素
4. 一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）
5. 在小图标中（24X24以下）使用不必要的透视和阴影
6. 过度原创使语义不明确（比如将回收站设计成碎纸机的样式）
7. 国家区域和文化特征没有被考虑进设计中
8. 在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品）
9. 在图标内部使用文字（特别是不容易辨识的）
10. 图标外部边缘没有做像素化处理