图标设计中的10种错误.docVIP

图标设计中的10种错误 1. 图标之间没有明显的差异化（太相似，难以辨识）； 2. 在一个图标中设计了太多的元素（windows vista的图标是反面教材）； 3. 加入不必要的元素； 4. 一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）； 5. 在小图标中（24X24以下）使用不必要的透视和阴影； 6. 过度原创使语义不明确（比如将回收站设计成碎纸机的样式）； 7. 国家区域和文化特征没有被考虑进设计中； 8. 在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品） 9. 在图标内部使用文字（特别是不容易辨识的）； 10. 图标外部边缘没有做像素化处理。 #1 Insufficient differentiation between icons Sometimes within one set of icons, we have icons that look alike and it is very hard to understand what is what. If you miss the legends, you can very easily get the icons mixed up. Icons from the Utilities section in Mac OS X. I am always getting them confused and launching the wrong application. The problem is aggravated by having small size icons displayed on screen. ? #2 Too many elements in one icon The simpler and more laconic the icon, the better. It is preferable to keep the number of objects in a single icon to a minimum. Nevertheless, Microsoft’s designers, inspired by the new format of icons featured in Windows Vista, decided to go big and drew bloated icons to justify their bloated budget: Each icon presents us with a mini-story with an intertwined plot. The problem is that in small size you are unable to work out what is depicted. Even in larger sizes, it is not always that easy to decipher the icons. ? #3 Unnecessary elements An icon should be easy to read. The fewer elements it has, the better. It is better if the whole image is relevant and not only part of it. Therefore, you have to pay attention to the context of using icons. Let us take for instance some database icons: At first glance everything looks alright. But if this application (or a separate toolbar) deals only with databases, we can (and should) remove the unnecessary part: The sense is not lost here but the icons become much more discernible. Here is a real-life example of unnecessary elements occurring in BeOS 5 icons: Ticks here are absolutely superfluous. By the way, why are they done in red? ? #4 Lack of unity of style withi