风尾竹[楼主]

图标设计中容易犯的10种错误
1. 图标之间没有明显的差异化（太相似，难以辨识）；

10mis-similar2.png (4.38 KB)

2008-7-9 16:36

1412310.png (28.28 KB)

2008-7-9 16:36

2. 在一个图标中设计了太多的元素（windows vista的图标是反面教材）；

10mis-many-objects.png (64.47 KB)

2008-7-9 16:38

3. 加入不必要的元素；

10mis-beos.png (20.51 KB)

2008-7-9 16:38

10mis-db1.png (6.98 KB)

2008-7-9 16:38

10mis-db2.png (7.37 KB)

2008-7-9 16:38

4. 一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）；

10mis-no-style.png (19.71 KB)

2008-7-9 16:40

5. 在小图标中（24X24以下）使用不必要的透视和阴影；

1412317.png (31.09 KB)

2008-7-9 16:41

1412318.png (17.35 KB)

2008-7-9 16:41

6. 过度原创使语义不明确（比如将回收站设计成碎纸机的样式）；

10mis-trash.png (6.8 KB)

2008-7-9 16:42

7. 国家区域和文化特征没有被考虑进设计中；

8. 在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品）

10mis-radio.png (3.07 KB)

2008-7-9 16:43

14123114.png (21.27 KB)

2008-7-9 16:43

9. 在图标内部使用文字（特别是不容易辨识的）；

10mis-title.png (43.54 KB)

2008-7-9 16:43

10. 图标外部边缘没有做像素化处理。

10mis-blur.png (13.4 KB)

2008-7-9 16:44

[ 本帖最后由 风尾竹 于 2008-7-9 16:44 编辑 ]

风尾竹[楼主]

说一点个人感受..感觉现在ui设计的学习好象大家都陷入了一个怪圈..很盲目的跟风..都在模仿那些如mac vista 风格 ,而且大家特别关注本身图标如何漂亮..而忽视图标最重要也最基本的功能是连接用户与界面操作的纽带...
ui设计是不只是如何做一些漂亮的图标...理论的学习也很重要!!如果忽视了一些最基本的常识,就算图标做的如何漂亮,也可能是一个失败的设计...希望大家学习ui时也重视理论知识起来!

[ 本帖最后由 风尾竹 于 2008-7-9 16:51 编辑 ]

spadetree

跟WEB SITE 一样呢 更需要注意的是实用性 ~~~

39451068

实用

lijun

楼主讲得很到点!顶你了!

baby0564

很无知的问下 像素化处理 是什么？？？？

记忆拼图

楼主好象把所有的图标设计方式都评击完了。
那么，剩给楼主的。只有一种设计方式！那就是古老的windows 98时代图标设计方式

比如下面这种图标，就是楼主自己认为最好的~~~

1111.jpg (5.4 KB)

2008-7-10 11:18

其实ICO只是一种辅助增加视觉效果和可识别性的手段。ICO不应该用绝对的理论原理去约束它的设计。否则我们就只能一直停留在：图表边缘锯齿严重，无投影，无透视，无高光，无渐变，风格不统一，图标外观单一，缺乏个性的时代~~~楼主所列举的缺点。正是图标设计不断进步的一些方面。

确实无法赞同楼主的说法，特别是象素边缘的说法，现在CS软件都支持png，bs软件也在IE7和其他浏览器里支持了png，png离我们并不遥远了。所以楼主的思维好似还停留在很古老的IE5.0时代，或者老式的gif或者bmp制作cs软件时代。

即使楼主不赞同我的观点。但是实际证明了。楼主所说的所有图标设计的错误。却都出现在了所有的软件，os图标设计里！而且没人说这样做不好~~

实践是证明真理的最好方法。楼主你可以实践一下。你把你所有的错误去掉的图标，设计出来。拿给客户看，客户会是什么表情！

风尾竹[楼主]

这文章可不是我写的,原文在这里.
http://turbomilk.com/truestories ... kes-in-icon-design/
楼上的我很不同意你的说法..你的说法有点偏激.
应该分不同情况..比如在软件设计里常用的16*16图标试问你有那么多效果有什么用.,.重要的是识别性吧?
我觉得原文作者只是一种提醒..并不是一种规范,.我们应该根据实际来进行取舍!
所以我觉得图标应用应该多联系实际...脱离实际的设计不是一个好的设计!

shenxuguipohun

不知道该说什么。。。。。很赞同lz在我楼上的回答，也很赞同我楼上的楼上那位大哥的回答~我也觉得这个“10大错误”只是个提醒~只不过原文的作者起的标题比较过激~~我觉得做东西还是要看自己或者客户的需要，比如说我们公司现在在给一帮四五十岁的老头做系统，那他们需要的就是清晰，简单，实用，那么我们做的东西可能就会像windows95那样的~~~但是如果我们以后要给年轻人做系统的话那我们可能就会选择比较现代就像windows visit那样的了~~~所以就是这样，因人而异~~~~

记忆拼图

引用:

原帖由 风尾竹 于 2008-7-10 12:49 发表
这文章可不是我写的,原文在这里.
http://turbomilk.com/truestories ... kes-in-icon-design/
楼上的我很不同意你的说法..你的说法有点偏激.
应该分不同情况..比如在软件设计里常用的16*1 ...

主要是这个文章的标题。太过泛泛而论，我最后也说过。实践才是真理。不同的地方用不同的设计。这个是肯定没有错误的。而这篇文章的标题，和他所指出的错误。基本概括了所有图标设计的方式。当然这篇文章不是没有可取之处。但是个人认为这篇文章写得比我还要偏激，呵呵~~~