科学与艺术兼顾的有效网页视觉设计
作者:Moond 来源:UCDChina.com 发布时间:2007-09-18 18:03:00
总的来说视觉设计是一个很大的范畴,囊括了我们身边很多产品的再创作设计,比如工业产品设计,广告设计,新媒体设计,服饰设计,还有我们这里要讨论的网页视觉设计。
上面是来自澳洲Hiser Group的网页视觉设计元素归纳图示,他把网页中可能涉及的视觉设计分成了屏幕布局,图形用户界面和品牌形象三个模块。但是根据考虑角度的不同,我个人觉得应该稍微调整一下,可以把网页视觉设计简单分为两个类型:基于科学考虑的功能性图形设计和基于视觉艺术考虑的视觉冲击设计。
理性
基于科学考虑的功能性图形设计也就是我们经常讨论的GUI,它主要服务于系统化平台的交互系统,协助、指导用户顺利完成期望的任务流程,一般我们接触到的视觉设计元素包括:
图片按钮;
导航设计;
Banner动画或静态设计;
表单样式设计;
表格、数据、文字表现设计;
logo设计
以及图形化不强的页面文字排版、空白布局设计
上图是来自Rokey的Verycd 设计原型
也是因为这种类型的设计附属与功能和需求,所以可以说它偏理性考虑,更何况经过长期的运用开发,人们已经总结出不少经历实践验证的理论原则,可供我们后人参考。所以这类型的设计核心是以UCD为指导思想,设计偏重实用性和有效性,设计目的是促成交互操作的顺利完成,并获得满意的任务反馈。
以前零碎的和一些朋友讨论过类似的话题,感兴趣的可以查看一下:“容易被点击的按钮调查”和“设计友善的表单”
感性、个性
再说说基于视觉艺术考虑的视觉冲击设计,这类型的设计自由空间大,没有太多理论约束,更多体现出个性元素的概念,其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。
上图是来自http://www.rhythmoflines.co.uk/
猜你喜欢
- 【实用系列】-- 胖页面载入,加载JavaScript效果整理了一下代码,做了一些优化,算是最终版了。完全不需要对其他文件做任何修改,就是所
- 用系统\administrators可以登录,在安全性用户列表中,修改sa属性时系统提示: 属性IsLocked不可用于登录"[s
- ASP使用xmlhttp获取远程网页内容,解决乱码问题方法一:<%function getHTTPPage(url)on error
- 近日无事,想起以前曾打算过要做一个定时重启或关机的工具,便花了一点时间以hta的形式写了个,名为"Windows Timer&qu
- Notepad++是一款不错的编辑器,很轻巧,我很喜欢它。再换个主题,加个代码高亮,看上去就更专业了。如果你是Mac用户,应该听说或使用过T
- Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱。在此笔者就谈
- jscript 5.7 发布修复了不少ie javascript内存泄露的问题。但是leak依然存在。当我们频繁使用 setInterval
- 2003年以来,网页的平均尺寸已经增长3倍。从2003到2008,网页的平均尺寸从93.7K增至312K,增幅233%。同时,在这5年之内,
- 最近碰到一个mysql5数据库的问题。就是一个标准的servlet/tomcat网络应用,后台使用mysql数据库。问题是待机一晚上后,第二
- WEB开发者不光要解决程序的效率问题,对数据库的快速访问和相应也是一个大问题。希望本文能对大家掌握MySQL优化技巧有所帮助。1. 优化你的
- 看youa的源码发现的,原来flash可以有fallback content:<object type="applicati
- 有些网页制 * 好者提出了这样一个问题——怎么使用Dreamweaver制作出交换图像来。今天,我向大家介绍制作复杂交换图像的方法,相信能够对
- QQWry.dat数据可以去百度搜索最新版本<%'======================================
- <!--#include file="conn/conn.asp"--> <% set Newslis
- 由于连续的字符(字母、符号、数字)在默认情况下是不换行的,可能会破坏整个界面布局。那如何解决这个问题呢?在 IE 和 Safari 1.3+
- 在Flash播放器运行时,将不同来源的资源划分到独立的沙箱(sandbox)内,不同沙箱之间不能彼此操作数据(除非目标沙箱做过一些设置,授权
- 数据完整性是任何数据库系统要保证的重点。不管系统计划得有多好,空数据值的问题总是存在。本文探讨了在SQL Server中处理这些值时涉及的3
- 在使用数据库的时候,难免要在使用过程中进行删除的操作,如果是使用int类型的字段,令其自增长,这是个最简单的办法,但是后果会有些不是你想要的
- documentFragment 是一個無父對象的document對象.他支持以下DOM2方法:appendChild, cloneNode
- 为了防止再次被攻击,做个验证码过滤程序是必要的。我在网上找了一些资料,觉得用别人做好的代码总是很不爽,自己做麻又不会写复杂的代码,特别是生成