页面表达常用方式（2）
作者：丽君 来源：Tencent CDC Blog 发布时间：2010-05-27 12:42:00
标签：设计师,页面,视觉
对齐
在内容排版的设计中，把内容右对齐，会形成一种良好的双重边界，该边界沿着这一组对象的中间向下延伸（利用了格式塔原则——连续性原则），这样带来的好处是加强了边界引导读者的眼光平滑向下延伸，有助于形成良好的视觉流。如下图：
在表单设计中，也是如此。能够使操作区域对齐，将大大提升用户的完成任务的效率。但是对齐是以左对齐还是右对齐也要引起注意。据研究表明，标签和输入框之间的空白区域加重了用户的认知负担（cognitive loading），用户必须花相当多的时间以便在标签和输入框之间移动视线：
操作过程中，用户更关注输入框本身，而不是标签。用户眼睛关注点的转移速度是非常快的，并且即使不从头阅读标签也能明白它的意思。但人们习惯于从左至右的书写，所以这种右对齐的布局给用户造成了细微的阅读障碍：
而以下这种摆放形式的好处就是，用户可以一眼就看到标签和它对应的输入框，而且不用担心用户阅读标签带来的额外负担：
0
投稿猜你喜欢
这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变- 设计网站的同志背景主要有两种：学计算机、学艺术。基本上会写代码的不懂设计，会设计的不懂代码，这个格局似乎到今天还没变。某些学计算机的同学，有
- 见下表：序号列类型需要的存储量1TINYINT1 字节2SMALLINT2 个字节3MEDIUMINT3 个字节4INT4 个字节5INTE
- ASP调用WEBSERVICE----INDEX----1. soap请求方式2. post请求方式3.&
- asp+js做的一个dig程序中的投票（有的叫顶一下，踩一下），由于代码较长，只贴出核心部分：投票中的代码相关文章推荐：ajax +asp
- 用mysqldump和source可以使用这种方式导出数据：mysqldump -urott -P5678 --default-charac
- 昨天在得写“RSS收藏”栏目展现的时候我让RSS的列表用弹出的形式展现了，开始是直接的控制 style.display 来做的，但是感觉有点
- 自打 Lokesh Dhakar 创造了第一个lightbox应用以来, 相册和弹出窗口方式便跨进了新的时代, 甚至那些lightbox应用
- 【译者的话】我们曾经在《透视色轮》一文中探讨过色轮的构成及作用，但你可能更多的只是将其作为了解颜色关系的一个工具，却不一定将其作为实际设计中
- 前两天，编辑建议我去当当和卓越申请个用户，在网站上放上我的书的链接，这样还可以拿到一些反点儿，于是我兴冲冲地跑到几个网站上去看，却只在卓越（
- 设计师不等于美工设计无所不在，但大多数企业不知道如何使用它。现代设计进入中国大概是二十多年的时间，而在国外，尤其在美国在欧洲，大概有一百年的
- 代码如下:SELECT * FROM (SELECT TRUNC(SYSDATE, 'mm') + ROWNUM
- Microsoft SQL Server 2008通过与Microsoft Office的深度集成，为所有人提供了可用的商业智能，以合适的价
- 最近设计一个优惠券列表，有个属性是有效日期，因为空间有限，必须要把开始日期和结束日期在一行显示，这样就出现一排的数字，日期有好几种我们习惯的
- Linux环境MySQL服务器级优化讲解 摘要：本节简单介绍了如何在服务器级优化数据库的性能
- SQL Server数据库涉及到的数据仓库概念：1．多维数据集：多维数据集是联机分析处理 (OLAP) 中的主要对象，是一项可对数据仓库中的
- 锁定数据库的一个表 SELECT * FROM table WITH (HOLDLOCK) 注意: 锁定数据库的一个表的区别 SELECT
- 尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一
- Erase语句：重新初始化固定数组的元素，并释放动态数组的存储空间。用法： Era
- jxdawei的blog：http://www.iwcn.net/本文讨论的是在web标准普及的形势下，网站程序员的定位以及如何与设计师配合
