科学与艺术兼顾的有效网页视觉设计

总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的网页视觉设计。

上面是来自澳洲Hiser Group的网页视觉设计元素归纳图示，他把网页中可能涉及的视觉设计分成了屏幕布局，图形用户界面和品牌形象三个模块。但是根据考虑角度的不同，我个人觉得应该稍微调整一下，可以把网页视觉设计简单分为两个类型：基于科学考虑的功能性图形设计和基于视觉艺术考虑的视觉冲击设计。

理性

基于科学考虑的功能性图形设计也就是我们经常讨论的GUI，它主要服务于系统化平台的交互系统，协助、指导用户顺利完成期望的任务流程，一般我们接触到的视觉设计元素包括：

• 图片按钮；

• 导航设计；

• Banner动画或静态设计；

• 表单样式设计；

• 表格、数据、文字表现设计；

• logo设计

• 以及图形化不强的页面文字排版、空白布局设计

上图是来自Rokey的Verycd 设计原型

也是因为这种类型的设计附属与功能和需求，所以可以说它偏理性考虑，更何况经过长期的运用开发，人们已经总结出不少经历实践验证的理论原则，可供我们后人参考。所以这类型的设计核心是以UCD为指导思想，设计偏重实用性和有效性，设计目的是促成交互操作的顺利完成，并获得满意的任务反馈。

以前零碎的和一些朋友讨论过类似的话题，感兴趣的可以查看一下：“容易被点击的按钮调查”和“设计友善的表单”

感性、个性

再说说基于视觉艺术考虑的视觉冲击设计，这类型的设计自由空间大，没有太多理论约束，更多体现出个性元素的概念，其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。

上图是来自http://www.rhythmoflines.co.uk/