首页 | 互联网 | IT动态 | 网络设备 | 服务器 | IDC | 安全 | Cisco | Windows | Linux | Java | .Net | Oracle | CIW | 华为 | 专题
IT技术 | 网页设计 | 平面设计 | 电子书下载 | 教学视频 | 方案 | 数字网校 | 直播室 | 虚拟考场 | 面授培训 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> 建站手册 >> 文章正文


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


本站原创  2007-10-26  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

     这是一个很多图标设计师所面临的典型问题:“你好,我也是做图标的,我有一个问题:如何合适地缩小一个图标?我做的大图标清晰而且漂亮,但缩小的图标就变得肮脏和讨厌了,我很想纠正这种情形……”
 缩小图标的过程中至少有两点值得注意:一是人们能感知的画面细节,二是电脑屏幕分辨率。

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

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

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

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

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

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

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

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

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

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

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

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

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

[1] [2] 下一页  

【责编:Luzi】


 相关文章  推荐文章
小网站的结构可以用书的概念来理解
静态化的页面的一块鸡肋的玩转法
GOOGLE官方建议网站设计方案
设计师决胜商界的十大定律
网页设计常用特殊符号速查手册
建站手册:标题的最佳下标法
WEB开发时碰到的问题以及心得经验十八则
网站全面评估的步骤和细节
做一个中国站长,50个问题你知道吗?
网站作弊被处罚应该怎么办
  文章评论