页面表达常用方式（2）
作者：丽君 来源：Tencent CDC Blog 发布时间：2010-05-27 12:42:00
标签：设计师,页面,视觉
对齐
在内容排版的设计中，把内容右对齐，会形成一种良好的双重边界，该边界沿着这一组对象的中间向下延伸（利用了格式塔原则——连续性原则），这样带来的好处是加强了边界引导读者的眼光平滑向下延伸，有助于形成良好的视觉流。如下图：
在表单设计中，也是如此。能够使操作区域对齐，将大大提升用户的完成任务的效率。但是对齐是以左对齐还是右对齐也要引起注意。据研究表明，标签和输入框之间的空白区域加重了用户的认知负担（cognitive loading），用户必须花相当多的时间以便在标签和输入框之间移动视线：
操作过程中，用户更关注输入框本身，而不是标签。用户眼睛关注点的转移速度是非常快的，并且即使不从头阅读标签也能明白它的意思。但人们习惯于从左至右的书写，所以这种右对齐的布局给用户造成了细微的阅读障碍：
而以下这种摆放形式的好处就是，用户可以一眼就看到标签和它对应的输入框，而且不用担心用户阅读标签带来的额外负担：
0
投稿猜你喜欢
- 概述Object.freeze(obj)可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删
一、为什么需要虚拟环境？这里的环境，指的就是 Python 代码的运行环境。它应该包含以下信息：Python 解释器，用哪个解释器来执行代码- 本文也是开发项目中的一个小经验Tip，虽然很简单，但对很多朋友也有小帮助。我们实际工程中，可能遇到开发环境、预上线环境、线上环境等环境场景，
- 今天在设置input的readonly属性遇到问题，上网查到下面的内容，作个标记。今天系统需要使用javascript 动态设置textbo
- 前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签1.自定义radio样式、wx默
- python脚本实现xlsx文件解析，供大家参考，具体内容如下环境配置：1.系统环境：Windows 7 64bit 2.编译环境：Pyth
- 扪心自问，你真正了解你卖给用户的是什么玩意么？你所认为革命性的，一定会震惊世界的功能、特色，用户真的买单么？我的意思是，我们总是习惯性的忘记
- 这段时间常给来面试的同学用《 你是一个职业的页面重构工作者吗？ 》中三个部分的不同阶段去做自测，发现很多人都自我感觉良好，给我的回答基本都是
- 如下所示：#!/usr/bin/env python# -*- coding: utf-8 -*-# @Time : 2018/7/13 1
- 我就废话不多说了，直接上代码吧！import paramikoimport pymysqlimport timelinux = ['
- 前言：列表框控件显示多行文本，用户可以选中一行或者多行。所有的文本只能使用一种字体，不能混合使用多种字体。1 属性常用的参数列表如下：1.1
- python删除某个目录文件夹及文件的方法：#!/usr/bin/env pythonimport osimport shutildelLi
- 在使用Ajax过程中，有时候总会遇到一些难题，浏览器兼容、编码、IE下的特殊处理等等，偶尔会搞的人头昏脑胀哭笑不得，这里列一些小贴士，或许有
- 我相信一定有很多的人跟我一样，经常忘记Python安装的路径，每当用到的时候，最笨的办法就是在全局电脑里，直接查找Python，这样是肯定能
- 本教程将分步讲解如何使用JQuery和CSS打造一个炫酷动感菜单。jQuery的"write less, do more"
- 摘要：有时候我们只需要数据集中的一部分，并不需要全部的数据。这个时候我们就要对数据集进行随机的抽样。pandas中自带有抽样的方法。应用场景
- 进程互斥锁多进程同时抢购余票# 并发运行，效率高，但竞争写同一文件，数据写入错乱# data.json文件内容为 {"ticket
- 本文实例为大家分享了vue实现购物车功能的具体代码，供大家参考，具体内容如下new Vue({ el: "#app",
- 本文实例讲述了PHP面向对象继承用法。分享给大家供大家参考，具体如下：继承先看两个类<?phpclass CdProduct { &n
- datetime64与unix时间戳互转在用pandas处理数据时，经常要处理一些时间类型数据，经常把pandas时间类型与datetime
