Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线 |平面网页Flash视频三维欣赏|设计专题教程素材|素材|群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 图标缩小以后画面细节丢失的问题讨论
全文
群乐:设计理念

图标缩小以后画面细节丢失的问题讨论

2007-10-25 10:09 作者: xhlv 翻译(xhlv的blog) 出处: 论坛整理 责任编辑:Shiny
  这是一个很多图标设计师所面临的典型问题:“你好,我也是做图标的,我有一个问题:如何合适地缩小一个图标?我做的大图标清晰而且漂亮,但缩小的图标就变得肮脏和讨厌了,我很想纠正这种情形……”


点击查看更多设计理念剖析

  缩小图标的过程中至少有两点值得注意:一是人们能感知的画面细节,二是电脑屏幕分辨率。

  一、人们能感知的画面细节

  对一个大图标(或其他图像) ,我们潜意识对物体的大小进行分类,选出大型,中型和小型。对较小的图标,我们可以更粗略地划分:大(涉及图标大小)和小的物体。小的图标只有很微小的局部,如果一个设计师没有作出特别努力来帮助用户区分它们,那么所有内容都会被混合成一个密集点。

  图标缩小以后画面细节丢失的问题讨论1_天极设计在线整理

  以一个抽象图形为例。在大的版本中,我们可以分辨出三大对象(圆,三角形和正方形) ,然后几个中型物体和一些小件物品。

  单纯地缩小图形,我们只得到一塌糊涂的图形。

  图标缩小以后画面细节丢失的问题讨论2_天极设计在线整理

  为了修正这种情形,我们需要清理图形中所有琐碎细节,只留下基本形状(大中型物体) 。

  我们已经除去了细小的东西,而现在我们面临着第二个挑战:恢复图标上的大中型物体间的从属关系。事实上,当降低图标大小,我们减少了大中型物体的差异,因此我们要故意地夸大来弥合这一差距。

  图标缩小以后画面细节丢失的问题讨论3_天极设计在线整理

  对大画面,我们清楚地看到要素间的关系和从属:三绿圆被蓝色条纹相连接。

  那些会在缩小图形时消失,因而我们会看到的只是一个三角形。

  图标缩小以后画面细节丢失的问题讨论4_天极设计在线整理

  放大圆和缩小条纹,强调元素间的差异会恢复最初的元素层次。

  所以,请记住:摆脱琐碎,并强调从属地位。

网友关注
最新上市
编辑推荐
文章阅读排行
周排行
月排行
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml