网页设计中的对比原则与接近性原则(5)
发布时间:2010-03-30 14:51:00
标签:网页设计,对比,原则
把关联项在视觉上进行分组
留白只是实现接近原则的一方面。一件设计作品中可以有很多的留白,但如果没有将其正确地分组,就会效果甚微,看看下面的两张名片:
左面那张有很多的留白,并不显得杂乱。但因为没有将个元素进行逻辑上的分组,使留白的效果很不明显,读者不得不看上好几遍。右面那张则在视觉上更加友好,读者一眼就能看明白。
右面那张名片中各元素的分组也更有逻辑性。上半部分包含了大字体的公司名称,其后跟着是公司地址。下半部分告诉我们如何联系他们以获得他们的服务(如:电话号码和站点地址)。
这个例子说明了接近原则在印刷设计中的重要性,它对于Web设计也同样适用,正如下面的截图。
Arora Designs 的站点尽管不怎么复杂也没有包含那么多的信息,但它却很有效地使用留白对元素进行了逻辑分组。这里要注意的是所谓“留白”并不一定是白色,留白可以是元素间的任何空白区域,而不考虑其颜色。
在Arora Designs这个例子中,尽管留白不是白色,但它仍然起到了将头部、导航和内容区分离的作用。


猜你喜欢
- 之前没有注意过div的background-image这个属性,只是设置它的url,今天遇到一个问题特此做一下记录。 <div id=
- FBV:function based view 基于函数的视图.CBV:class based view 基于类的视图.在视图函数创建类,需
- PHP清除缓存的几种方法总结现在开发的项目是用tp3.1版本的,在开发过程中我们常常会遇到页面缓存的问题(特别是html的缓存);刷新后还是
- 注意:自定义函数要放在项目应用目录/common/common.php中。 这里是关键。 模板变量的函数调用格式:{$varname|fun
- 有开发的同事反映远程登录SQL Server操作报错,索引超出了数组界限等如下图线上数据库版本为SQL Server2012 R2,检查后发
- PL/SQL是由Oracle公司对标准SQL进行扩展,专用于Oracle数据库中程序设计的专用语言,属第三代过程式程序设计语言。从Oracl
- 背景众所周知,go语言可打包成目标平台二进制文件是其一大优势,如此go项目在服务器不需要配置go环境和依赖就可跑起来。操作需求:打包部署到c
- mysql 索引详解:在mysql 中,索引可以分为两种类型 hash索引和 btree索引。 什么情况下可以用到B树索引?&nb
- 当获取FileField数据时会出现编码问题在数据库里显示的是D:\python项目\wxmkczpy\uploadfile\QQ截图201
- 最近一段时间一直比较忙,已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来,共享一下。在后台或OA系统中最常用到的
- 前言: 做过游戏开发的人都知道,端游可以用c++,页游可以用sl或者as3,鉴于这段时间一直在看网页游戏开发的知识,所以关于游戏开发,我有一
- 代码如下:登陆时记录cookies页面代码 <!--#include file="md5.asp"--&
- 不同于物理学中的「短路」(Short circuit)那般危险,Python中的短路机制非常有用,跟很多其他编程语言中的短路机制作用类似,一
- 问:假如我的一个表里含有(a,b,c,d)和(a,b)形成组合键。我能在列值中写这个查询吗?例如: select a,c,d from my
- 本文实例讲述了Python反射的用法。分享给大家供大家参考,具体如下:在做程序开发中,我们常常会遇到这样的需求:需要执行对象里的某个方法,或
- 一.运行效果先说两句,之前我在网上找的相关文章标题上写的是处理多连接,尼玛,全是假的。网上那些,根本不能异步处理多连接,不能主动给客户端发消
- 逢七拍腿游戏几个小朋友在一起玩逢七拍腿的游戏,从1开始数数,当数到7的倍数或者尾号是7时,拍一下腿。现在从1数到99,假设每个人都没有错,计
- Python实现GIF动图的提取及合成在开始之前,先来一个动图开头(预览)图片转GIF动图1、准备工作在开始合并前,先明确要转换哪些图片,以
- 查看并打印matplotlib中所有的colormap(cmap)类型代码如下:方法一import matplotlib.pyplot as
- variables_to_restore函数,是TensorFlow为滑动平均值提供。之前,也介绍过通过使用滑动平均值可以让神经网络模型更加