浅谈视觉设计原则

摘 要：本文以互联网中的视觉设计为基础，通过多个方面来谈视觉设计如今的设计规范问题，让读者进一步了解，在虚拟产品的年代，“外观设计”不再仅仅靠绚丽的外观，完美的轮廓就可以轻易的征服用户，取而代之其中涉及到了更多的逻辑问题需要设计师来考虑，这样的视觉设计在当今的社会才会有长远的发展。

关键词：视觉设计；界面；原则

中图分类号：J05 文献标识码：A 文章编号：1005-5312（2013）06-0181-01

一、视觉界面设计

说到视觉设计，运用最多的领域当属互联网这一行业了，在互联网中界面设计是视觉设计重点，就像之前说的，视觉设计不再仅仅是针对美的艺术型创作是，其中还涉及功能框架的约束条件，在界面上工作的任何设计师，都必须理解下面几个方面的基本元素：颜色、版式、形式和组合，还必须了解一些交互的原理，这对做出更加具有逻辑指导意义的界面设计很有帮助。最初的数字媒体领域是以图形设计为主，他们更加关注的是pc上的图形结构外观，而对于视觉界面设计师来说，即需要有图形设计师相似的技能，更应该注意设计组织问题，以及启示向用户表达行为方式。视觉设计师的职责与内容和导航有关，而不是更多的交互功能。在web设计中，内容常比功能更重要。他们的焦点在于通过使用视觉语言来控制信息层次关系，正如视觉信息设计师的工作紧密围绕信息结构一样，视觉界面设计师的工作是紧密的围绕交互设计。

二、视觉设计原则

（一）避免视觉噪音所带来的杂乱

所谓界面视觉的噪音是指同一页面承载了过多的视觉元素，使得原本的画面变得杂乱无章，他们会分散用户的注意，是的用户的注意力不能集中在表达软件行为的视觉元素之上。这就如同一条马路通行着过多的车流，导致道路的拥堵一般。例如以下的两张不同风格的界面设计：

相信大家对这两款软件都应该比较熟悉，左边的是tencent的QQ音乐，右边的为酷我音乐，当我们观看QQ音乐界面的时候，可以清楚的区别出正在播放的音乐，并且在选择音乐的框架中信息的整理也相当的有序，反过来我们可以看看酷我音乐的播放区设计，现在在红色框选的区域都会可能成为人们误以为的播放歌曲区域，这就是最明显的由视觉杂音所带来的杂乱，如果一个页面涉及到的元素确实过多，但是要需要我们清晰的分辨，模糊判断到是解决这一问题的可行方式。当我们设计的界面经过模糊处理后，我们可以发现那几块的信息区域为这个页面最凸显的地方，哪些地方弱化掉了，这是否与我们想要表达的信息展示符合。

（二）使用对比、相似性以及分层来区分和组织元素

在界面设计中，往往元素是满足了两种需要，首先为界面中的主动元素，即可操作的界面元素，其次是不可操作元素，即界面的静态元素。将这两种类型的元素进行对比，以便更好的表达他们不同的功能， 正确地使用对比会产生用户能够记住和识别的视觉模式，使他们更快的找到信息的目标，对比提供了显示界面视觉层次各种元素的关系，换句话来说，对比是功能和行为表达的工具。

三、关于可视信息的设计

界面中除了有视觉图形元素之外，信息元素的涵盖是必不可少的，而关于信息设计也同样有一套法则，例如在二维的表面很难显示二个以上的变量信息，如果存在两个以上的信息，则会出现信息的混淆，第二相对于纸质的画面，计算机显示器的信息分布密度要底一些。所以作为可视化信息展现在用户面前，应该为用户提供一些方法在脚本提纲前后对比相关的变量或者趋势，这样用户可以更好的理解数据信息交互前后的对比。如ps中的预览功能，可以更好的提供给用户信息数据前后的对比情况。虽然我们在平时操作界面的过程中会清晰的发现，图形和图表的表现形式会使得用户在视觉层面在跟容易接受，但是一个界面中是不可能放弃数字本身的显示。如window磁盘属性的对话框中，即使饼状图给用户留下了可用空间的展示图形，但已使用的空间相关数据用依旧会以数字的形式展现出来。

参考文献：

[1]唐纳德·A·诺曼著.梅琼译.设计心理学[M].中信出版社.2010.

[2]胡飞.《聚焦用户》UCD观念与务实[M].中国建筑工业出版社.2009.

[3][美]Alan Cooper.交互设计精髓[M].电子工业出版社.2006.