抛砖引玉Web2.0设计指南（7）
作者：ximicc 来源：西米CC 发布时间：2008-06-30 12:49:00
标签：web2.0,设计,教程
4.First Thing First —— 独立的顶部版块
这个概念就是让你把顶部的板块，即品牌Logo或导航区从内容中独立出来。当然，这并不是一个新概念。这已经是一个经典案例了，到处都在使用，但是，目前这个概念却比以前任何时候都使用得多，而且分离得越来越明显。
看看下面这四个例子：
为什么将顶部分离是个好做法？
顶部区域传达着这样一个信息”这是页面的顶部”。听起来像废话，但是人们在确切的知道这个事实后还是会更舒服点。它还为开始页面浏览之旅，传达了一个清晰强烈的信息。这是非常具有"2.0"精神的，因为我们喜欢清晰、简单的设计理念。
何时以及如何将顶部独立出来？
不管在哪个站点，品牌标志及主要的导航信息都应该简明地突出出来。
所以在页面的顶部清空一个区域来放置Logo和导航区是一个很好的做法。记住，将Logo放在顶部绝对是个很好的方案，并且我建议你将导航条放在Logo下面。记得用一个与主内容区不同的颜色来将顶部这块区别出来，因为顶部区域一定要与主内容区分开来，最好的方法莫过于使用一个醒目的色块了。
当然，例外也是存在的。这里有两个例子，它们采用了一条粗线来区分开顶部与主内容区域：
再看看这些，顶部区域很自然的与主内容分离开来：
0
投稿猜你喜欢
- 执行 datax 作业，创建执行文件，在 crontab 中每天1点（下面有关系）执行：其中 job_start 及 job_finish
最近需要做一个表格样式，需要组合表头，现在把做出来的分享给大家， 1、效果图2、html代码 <table id="- 本文通过问答的开式来解答在mysql在命名用过程中所遇到的常见问题。谁能连接，从那儿连接？你可以允许一个用户从特定的或一系列主机连接。有一个
- 步骤:1.从php.net上面下载php5.3.x版本的源码;2.centos安装相应的扩展包:yum install libmcrypt
- 一、forEach1.1 遍历数组var array = [1,2,3,4,5,6];/*** currentValue 当前元素* ind
- 如果你真正理解Javascript函数是如何调用工作的，那么就可以避免一些bug的发生； 首先让我们创建一个简单的函数,这个函数将在下文中使
- 自旋锁获取锁的线程一直处于活跃状态，但是并没有执行任何有效的任务，使用这种锁会造成busy-waiting。 它是为实现保护共享资源而提出的
- 前言在这篇文章中，准备用 Python 从头开始实现一个全连接的神经网络。你可能会问，为什么需要自己实现，有很多库和框架可以为我们做这件事，
- UserWarning: indexing with dtype torch.uint8 is now deprecated, please
- 问题描述现有一个有向无权图。如下图所示： 问题：使用某个顶点s作为输入参数，找出从s到所有其他顶点的最短路径。 说明：因为是无权
- 前言自动帮助记录每次文件的改动，同时协作永工作学习git命令是充分必要的集中式和分布式分布式每个人电脑都是一个完整的版本库，也有类似中央服务
- 本文实例讲述了Python使用matplotlib绘制正弦和余弦曲线的方法。分享给大家供大家参考，具体如下：一 介绍关键词：绘图库官网：ht
- 本文实例讲述了Python素数检测的方法。分享给大家供大家参考。具体如下：因子检测：检测因子，时间复杂度O(n^(1/2))def is_p
- 实际的项目网站中或多或少的或用到多选框，我选用的一款是 Bootstrap Multiselect。 官
- 摘要在Nginx和uWSGI还没配置时，单独在url.py使用apscheduler设置定时任务，使用python manage.py ru
- 本文实例讲述了Python随机数用法。分享给大家供大家参考，具体如下：1. random.seed(int)给随机数对象一个种子值，用于产生
- 我们在编写 Javascript 时，Debug 是很痛苦的过程，而且有些语法问题虽使用 Firebug 能很快定位，但毕竟影响效率。这里有
- 本文实例讲述了Go语言服务器开发之客户端向服务器发送数据并接收返回数据的方法。分享给大家供大家参考。具体实现方法如下：package mys
- 本文实例讲述了php实现xml与json之间的相互转换功能。分享给大家供大家参考，具体如下：用php实现xml与json之间的相互转换：相关
- 我就废话不多说了，大家还是直接看代码吧！# -*- coding:utf-8 -*- # File: ceshitianqiimport u
