5个有效改进网页UI设计的技巧（2）
来源：801锅胆 发布时间：2008-12-19 12:04:00
4.利用颜色来引起注意
当然，颜色的不同也可以有效地吸引用户对重要及可操作元素的注意力。举例来说，在前段时间美国总统候选人提名期间，很多候选人的页面上都有红色的“捐助”按钮，在页面整体是蓝色或其他冷色调的时候，鲜明的红色能够很有效的吸引访客的注意力。
像红、黄、橙等暖色调，天生就有较强的吸引眼球的能力，而且这种能力在对比蓝、绿等冷色调时就更为突出。有趣的是，这种差别会让人产生空间上的想象，比如蓝色背景上的橙色按钮会给人凸起的感觉，相反情况下会给人凹陷的感觉，详见下图：
大头：由于国内应用深色背景的网站较少，下面挑选一些大家熟悉的例子来展示一下颜色的应用。同时通过颜色区别来吸引用户注意也不必拘泥于冷、暖色调的对比。
上图中：豆瓣首页的＂马上注册＂按钮，以及登录区域都用粉色重点表示，由于豆瓣采用白色背景，所以淡淡的粉色也能起到突出的作用。
对于上线不久的虾米，凸显导航、.了解更多”以及”软件下载”都有明确目的。
需要注意的是，尽量避免利用颜色凸显过多的元素，这样反而会让用户无所适从。
5.空白-不仅仅用来分隔
内容元素之间的空白也是设计中需要注意的问题之一，比如像按钮、导航条、文章内容、标题等等元素之间的空白都有必要关注。有效地利用空白，我们可以明确的表现出页面元素之间的关系。
举例来说，标题与内容相近可以表示之间的所属关系，但文字内容与其他元素有一定距离会方便阅读。请看下面的例子：
上面的图例看起来没什么问题，但仔细看可以发现，每个标题上下的空白是相等的，这样就没有明显的区分每部分内容。我们可以通过调整段落间的距离或段落中的行距来解决这个问题：
上图是否变得更清楚些？好的设计师通常会眯着眼或从远处来看看自己的作品，这样会有效的发现内容显示是否清楚的问题。
0
投稿猜你喜欢
- LOAD DATA INFILE '文件地址' INTO TABLE 表名 FIELDS TERMINATED BY
不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性是用户体验的一种度量，它可以用访- 1、查看数据库中有哪些用户？ select username from all_users;2、查看数据库中有哪些DBA用户？ select
- 用ASP编写网站应用程序时间长了，难免会遇到各式各样的问题，其中关于如何上传文件到服务器恐怕是遇见最多的问题了，尤其是上传图片，比如你想要在
- 以用户为中心的设计、用户体验，这两个词现在在互联网上几乎随处可见，除了设计师外，很多的用户也都在说这两个词，于是我们经常会听到诸如“这里用户
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 5 - Event HandlingMooTool
- 用 ASP (using jscript) 在服务端创建 GUID 的代码如下：function GUID(){ ret
- 一个非常简单的将半角"转换为中文"的asp函数function new_str(str)
- innerHTML 属性的使用非常流行，因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2
- 某人使用如下过滤代码，发现经常被黑：n=request.form("username") p=request.form(
- MySQL 数据（字段）类型在创建表的时候，要明确定义字段对应的数据类型。MySQL 主要的数据类型分为数值类型、字符串（文本）类型、时间日
- 注：本文所说的视觉设计师专指网页视觉设计师。网页设计师与平面设计师都归类为设计师，其实这两个职业是跨行业的，虽然有很多设计师一直在跨行业工作
- 看看怎样抓到你：<％Dim objCMFUDim strModifiedSet objCMFU
- 前言：最近某个时间开始，特别留意了一下Web标准中柱状图，也就是英文中的bar graph的实现。虽然实现方法各异，效果不尽相同，但是总体来
- 一扯上文化二字，总觉虚无缥缈、漫无边际，或者老气横秋，如何有趣地利用中华文化的思想和符号，结合现代的元素，使其成为有意思的传播手法，这个问题
- A.动态页面第一步：创建转向控制页面，创建网站默认的首页文件（通常为"index.asp"或"default.
- 下列语句部分是Mssql语句，不可以在access中使用。SQL分类：DDL—数据定义语言(CREATE，ALTER，DROP，DECLAR
- Oracle中表的外键是保证系统参照完整性的手段，而参照完整性是指分布在两个表中的列所满足的具有主从性质的约束关系。外键涉及到两个表，其中一
- 1.安装时选择的自动安装，忘了用户名和密码导致现在试了几个Oracle默认用户名密码後（表格中附带默认用户名及密码），都提示无效的用户名、密
- asp使用WScript.Shell获取电脑的网络配置信息Option Explicit Dim WSHShe
