抛砖引玉Web2.0设计指南(6)
作者:ximicc 来源:西米CC 发布时间:2008-06-30 12:49:00
标签:web2.0,设计,教程
如何选择你的栏数?
我强烈建议你不要使用超过三栏这个数目。但万事总有例外,所以我在这里列举几个使用了超过三栏却取得成功的例子,这也从某种程度上说明,所谓的设计并不是一定要遵循什么法则或规范,关键还是在于你的构思和创意,法则之外还是有很多方法能让你充分而准确的表达信息:
Derek Powazek的博客在主要位置使用了三栏布局,但是在底下却加入了四小栏。下面那些小栏目给人一种亲切随意的感觉,传达给你一种”想看什么就看什么”吧的感觉;
Popurls.com 拥有很多站外信息,比如来自digg或del.icio.us的链接。但是他在页面的主要位置仍然保持了三栏的配置。更妙的是,他在页面下方提供了一组来自Flickr的照片群。为什么放在这里很合适呢,因为当人们看到页面底部时,都是正想放松一下的时候,这样的布局让人感觉很亲切。
下面是一个失败的案例,All Things Web2.0使用了四栏布局,两列主内容和两列侧边栏:
纵观整张页面,你似乎不知道该从哪里开始浏览,因为至少在视觉上它里面没有很明显的关注点。网页中的内容在重要性上没有明显的差异,缺乏优先级暗示和指引,这在一定程度上也要归咎于那灰蒙蒙的背景色。


猜你喜欢
- 首先还是应该科普下函数参数传递机制,传值和传引用是什么意思?函数参数传递机制问题在本质上是调用函数(过程)和被调用函数(过程)在调用发生时进
- 前言:Python 3最重要的新特性之一是对字符串和二进制数据流做了明确的区分。文本总是Unicode,由str类型表示,二进制数据则由by
- RabbitMQ 6种工作模式对RabbitMQ 6种工作模式(简单模式、工作模式、订阅模式、路由模式、主题模式、RPC模式)进行场景和参数
- 背景:使用pip install SciPy的格式安装python函数库SciPy的时候,发现老是报错,从网上找信息也没找到合适的解决办法,
- 适配器模式Adapter Pattern是什么适配器模式是一种结构型模式,它可以将一个类的接口转换成客户端所期望的接口,从而使原本不兼容的类
- 内容摘要:Microsoft建立了一种既灵活又强大的安全管理机制,它能够对用户访问SQL Server服务器系统和数据库的安全进行
- 在开始使用Go进行编码时,Defer是要关注的一个很重要的特性。它非常简单:在任何函数中,给其他函数的调用加上前缀 defer以确保该函数在
- 数据合并是数据处理过程中的必经环节,pandas作为数据分析的利器,提供了四种常用的数据合并方式,让我们看看如何使用这些方法吧!1.conc
- 一、为什么要安装虚拟环境 情景一、项目A需要某个库的1.0版本,项目B需要这个库的2.0版本。如果没有安装虚拟环境
- 在向表中插入数据的时候,经常遇到这样的情况:1、首先判断数据是否存在;2、如果不存在,则插入;3、如果存在,则更新。 在 SQL
- 由于最近开始做一些go写的外围程序,因此开始关注go的日志,毕竟自带的logger模块功能较少。简单看了一些资料以后最开始使用seelog,
- 一、参数和共享引用:In [56]: def changer(a,b): ....: a=2 ....
- 1. 将Oracle 10g client安装包copy到本地才能安装:2. 双击setup 的到:3. 稍后进入安装界面:4. 选择下一步
- 基础理论第一层:卷积层。第二层:卷积层。第三层:全连接层。第四层:输出层。图中原始的手写数字的图片是一张 28×28 的图片,并且是黑白的,
- 本文实例讲述了Python线性方程组求解运算。分享给大家供大家参考,具体如下:求解线性方程组比较简单,只需要用到一个函数(scipy.lin
- 互联网上不计其数的信息本质上都是一个一个的HTML文档组成的,通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样,只有通过经脉才能将它
- 在对excel的操作中,调整列的顺序以及添加一些列也是经常用到的,下面我们用pandas实现这一功能。1、调整列的顺序>>>
- CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为
- 在我们日常接触到的Python中,狭义的缺失值一般指DataFrame中的NaN。广义的话,可以分为三种。缺失值:在Pandas中的缺失值有
- 知识点: Array方法: sort:降序 reverse:反序 效果: 代码: <style> *{ margin