科学与艺术兼顾的有效网页视觉设计
作者：Moond 来源：UCDChina.com 发布时间：2007-09-18 18:03:00
总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的网页视觉设计。
上面是来自澳洲Hiser Group的网页视觉设计元素归纳图示，他把网页中可能涉及的视觉设计分成了屏幕布局，图形用户界面和品牌形象三个模块。但是根据考虑角度的不同，我个人觉得应该稍微调整一下，可以把网页视觉设计简单分为两个类型：基于科学考虑的功能性图形设计和基于视觉艺术考虑的视觉冲击设计。
理性
基于科学考虑的功能性图形设计也就是我们经常讨论的GUI，它主要服务于系统化平台的交互系统，协助、指导用户顺利完成期望的任务流程，一般我们接触到的视觉设计元素包括：
图片按钮；
导航设计；
Banner动画或静态设计；
表单样式设计；
表格、数据、文字表现设计；
logo设计
以及图形化不强的页面文字排版、空白布局设计
上图是来自Rokey的Verycd 设计原型
也是因为这种类型的设计附属与功能和需求，所以可以说它偏理性考虑，更何况经过长期的运用开发，人们已经总结出不少经历实践验证的理论原则，可供我们后人参考。所以这类型的设计核心是以UCD为指导思想，设计偏重实用性和有效性，设计目的是促成交互操作的顺利完成，并获得满意的任务反馈。
以前零碎的和一些朋友讨论过类似的话题，感兴趣的可以查看一下：“容易被点击的按钮调查”和“设计友善的表单”
感性、个性
再说说基于视觉艺术考虑的视觉冲击设计，这类型的设计自由空间大，没有太多理论约束，更多体现出个性元素的概念，其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。
上图是来自http://www.rhythmoflines.co.uk/
0
投稿猜你喜欢
1. OpenCV：模板匹配。 获得小跳棋中心位置2.- python进行矩阵运算的方法：1、矩阵相乘>>>a1=mat([1,2]); >>>a2
- 如下所示：#coding:utf-8import binasciia = 'worker'#先把worker转换成二进制数据
- 前言：数据的排序是比较常用的操作，DataFrame 的排序分为两种，一种是对索引进行排序，另一种是对值进行排序，接下来就分别介绍一下。1.
- 这样的问题是因为 数据库字符集,表字符集,字段字符集都设为：gbk_chinese_ci 注意数据库连接串里面的 Stmt=Set Name
- 大多数使用 WordPress 搭建的网站，其后台都是 MySQL 数据库，经常我们需要定制 WordPress 的功能，这里我们列表 10
- 本文实例为大家分享了python实现简易学生信息管理系统的具体代码，供大家参考，具体内容如下一、系统功能1.录入学生信息2.查找学生信息3.
- 1 K-means算法实际上，无论是从算法思想，还是具体实现上，K-means算法是一种很简单的算法。它属于无监督分类，通过按照一定的方式度
- 最近项目中需要Python的打包，看到网上也没有很详细的资料，于是做了一些示例程序。研究了一下，Python如何在Windows和Linux
- 代码如下import wordcloudimport jiebafont = r'C:\Windows\Fonts\simfang.
- 由于分形树具有对称性，自相似性，所以我们可以用递归来完成绘制。只要确定开始树枝长、每层树枝的减短长度和树枝分叉的角度，我们就可以把分形树画出
- 还记得以前在工作中，将爬来的其它网站的数据导到xml。但是会遇到一个问题：即网页会有ascII的控制字符。一开始以为是别人为了防止采集而加入
- 1，前端样式2，html代码{％ load asset_filter ％}<div class="col-sm-2"
- 原因：list 获得的数据为空： 显示值为 [ ]不同的判断--- is None----not两者结果不一样分析：总之：not 判断的是内
- 在python中。布尔值有 Ture False 两种。Ture等于对，False等于错。要注意在python中对字母的大小写要求非常严格。
- myisam_max_[extra]_sort_file_size足够大delay_key_write减少io,提高写入性能bulk_ins
- 本文介绍 SQL Server 2000 企业版的新功能 - 索引视图。讲解索引视图并讨论一些提高性能的具体方案。什么是索引视图？许多年来，
- 在做网站产品展示页面时，一般会用到缩略图，好处当然是直观醒目让人一目了然。点击进入然后看到大图及具体的介绍。但是缩略图在实现上带来了两个问题
- 我们知道django的orm想实现自增，可以直接使用AutoField字段既可以实现，但是这种情况必须要求此字段是主键，但是我们知道主键只能
- 先来看一个简单的方法。在 css 中定义两种样式 .odd{...} 和 .even{...} 分别用于奇数行和偶数行的不同背景颜色。在网页
