Skip to content

Latest commit

 

History

History
23 lines (13 loc) · 3.14 KB

011_IconAndGraphic.md

File metadata and controls

23 lines (13 loc) · 3.14 KB

图标与视觉

高质量的视觉设计不仅提升了应用的品质,同时也能传达一定的信息,增强了整体的用户体验。OS X 的用户都习惯了高质量且有意义的视觉设计,他们更愿意使用设计比较优雅的应用。

所以你要确保你的设计看上去足够专业,足够优雅。 不要低估这些高质量的视觉设计对用户的价值,渣视觉只能给用户一个很差印象,让用户觉得整个应用的质量都不怎样。为了给用户留下一个不错的印象,在开发的过程中视觉设计必须占有一席之地。

留心图片在全屏模式下的表现。 如果你的应用允许使用全屏模式,那么千万不要把直接把拉伸放大,这样图片会变模糊。一般我们可以先从大分辨率开始做视觉设计,然后再缩小成需要的大小,这样会比较科学一点。(译者注:多用 PS 的矢量路径,或者直接用 AI 来做设计会比较好。)

应用图标要足够惊艳。 图标是一个应用的名片,投入资源在图标的设计上是很有必要的。你要考虑清楚这个图标是使用拟物风格还是纯图形风格,比如系统的 Garage Band 车库音乐应用就采用了一把非常精致的吉他作为图标。

image

如果你采用了现实材料作为视觉元素,那么整个应用都要保持统一的拟物风格。 通常现实世界存在的纹理可以提高用户的认同感,比如木纹,皮革效果,金属质感或者纸的光感等等,都是比较高级的纹理。要使用这些拟物质感,请尽量遵循以下要求:

  • 纹理要足够逼真,足够高级,在任何时候都能保持不错的视觉效果。
  • 纹理要和谐融入整个应用的界面,不要生搬硬套。
  • 使用纹理的目的在于提高用户体验,帮助用户理解当前情境。如果达不到这种效果,那就是画蛇添足,多此一举了。

考虑你使用的拟物效果是不是能够帮助用户理解虚拟世界的。 拟物是为了帮助用户理解,提高可用性,降低学习成本的,如果这个效果帮助用户理解了其中一部分设计,但是却提高了其他部分的认知成本,那就得不偿失了。比如说写信寄信在现实生活中是很常见的行为,但是系统的邮件应用不要增加让用户折信,盖邮戳之类的鸡肋流程。

没有必要完全照搬现实世界的一切细节,如果调整效果的细节可以让用户更好地理解你的设计,那就放手去改。 其实是调整或者忽略一些细节是很常见的设计,对细节去芜存菁往往能更好地表达你的想法。

不要让过多的艺术表达盖过设计的易用性。 比如说,画一块橡木板,把照片和便签纸钉在上面是个挺不错的拟物效果,但是如果是一个建筑平面图设计软件还用橡木板的形式来展示画板就会显得很奇葩了。也就是说,如果用户看到你的界面还得想一想才知道你要表达的是什么,那这个界面的易用性就算毁了。(这个概念涉及到美学的完整性,可以参见美学的完整性一章。)