抛砖引玉Web2.0设计指南(8)
作者:ximicc 来源:西米CC 发布时间:2008-06-30 12:49:00
标签:web2.0,设计,教程
5.不要混成一团——鲜明的版块划分
如果仔细观察2.0风格的网站,你会发现其实除了顶部,页面中的其它版块也有存在区域界定,而且很多时候它们看起来都很明显和鲜明。版块划分的形式或手法也多种多样,主要包括:
1. 通过导航进行引导;
2. 背景色或背景图;
3. 通过面积大小进行界定;
4. 标注或交叉关联 ;
合理的运用这些方法,可以让我们很容易的把页面中某些内容版块与其相邻的内容界定出来。其中最常用也最有效的方法,就是利用颜色来进行划分,当然也包括留白的运用:
在我看来,把内容放在白色的背景上是比较稳妥的方法,一方面它可以让用户阅读的时候感觉更轻松和自由,另外一方面也是因为人的眼睛对色彩的感觉是很敏感的,你无法保证页面上的色块会不会影响或削弱用户对网站内容的注意力:


猜你喜欢
- 局部变量什么是局部变量通俗定义:函数内部定义的变量就叫局部变量。话不多说,代码如下:def test1(): a = 300 # 定义一个局
- ⛳️ 实战场景本篇博客为大家再次带来 Go 语言的基础知识,这次要学习的内容是 Go 中的文件操作。打开关闭文件在 Go 中操作文件,首先要
- 1.Python hasattr() 函数描述hasattr() 函数用于判断对象是否包含对应的属性。语法hasattr 语法:hasatt
- MySQL密码正确却无法本地登录-1045 Access denied for user 'root'@'local
- Haar特征哈尔特征使用检测窗口中指定位置的相邻矩形,计算每一个矩形的像素和并取其差值。然后用这些差值来对图像的子区域进行分类。haar特征
- 一.图像点运算概念图像点运算(Point Operation)指对于一幅输入图像,将产生一幅输出图像,输出图像的每个像素点的灰度值由输入像素
- location.href这个东西常常用于跳转,location既是window对象的属性,又是document对象的属性。JavaScri
- 常见的误解有: 1. 只用 ado.net ,无法进行动态 SQL 拼接。 2. 有几个动态参数,代码的重复量就成了这些参数的不同数量的组合
- BootStrap模态框简单概述Bootstrap Modals(模态框)是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富
- 我就废话不多说了,大家还是直接看代码吧!#加载keras模块from __future__ import print_functionimp
- 本文以实例形式讲述了Python实现抓取网页并解析的功能。主要解析问答与百度的首页。分享给大家供大家参考之用。主要功能代码如下:#!/usr
- window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开
- 题记:早已听闻python爬虫框架的大名。近些天学习了下其中的Scrapy爬虫框架,将自己理解的跟大家分享。有表述不当之处,望大神们斧正。一
- 本文实例为大家分享了Python读写Excel表格的具体代码,供大家参考,具体内容如下python读取Excel表格:import xlrd
- 正则表达式的使用想要学习 Python 爬虫 , 首先需要了解一下正则表达式的使用,下面我们就来看看如何使用。. 的使用这个时候的点就相当于
- 大家知道,Microsoft为了更好地预防恶意用户和攻击者的攻击,在默认情况下,没有将 IIS6.0 安装到 Windows Server
- 在应用中,有时候会 依赖第三方模块执行方法,比如调用某模块的上传下载,数据库查询等操作的时候,如果出现网络问题或其他问题,可能有超时重新请求
- 如何在服务器端调用winzip命令行对上传的多个文件打包压缩?要解决这个问题,首先要了解一下Windows Scripting Host,简
- 一、前言刚开始学Python的小伙伴可能会觉得每次写Python打开Cmd或者idle有点烦躁,没有代码补全也没有格式提示等。所以直接上手了
- IE8主页http://www.microsoft.com/windows/products/winfamily/ie/ie8/defaul