抛砖引玉Web2.0设计指南(6)

作者:ximicc 来源:西米CC 时间:2008-06-30 12:49:00 

如何选择你的栏数?

我强烈建议你不要使用超过三栏这个数目。但万事总有例外,所以我在这里列举几个使用了超过三栏却取得成功的例子,这也从某种程度上说明,所谓的设计并不是一定要遵循什么法则或规范,关键还是在于你的构思和创意,法则之外还是有很多方法能让你充分而准确的表达信息:

 

Derek Powazek的博客在主要位置使用了三栏布局,但是在底下却加入了四小栏。下面那些小栏目给人一种亲切随意的感觉,传达给你一种”想看什么就看什么”吧的感觉;

 

Popurls.com 拥有很多站外信息,比如来自digg或del.icio.us的链接。但是他在页面的主要位置仍然保持了三栏的配置。更妙的是,他在页面下方提供了一组来自Flickr的照片群。为什么放在这里很合适呢,因为当人们看到页面底部时,都是正想放松一下的时候,这样的布局让人感觉很亲切。

下面是一个失败的案例,All Things Web2.0使用了四栏布局,两列主内容和两列侧边栏:

 

纵观整张页面,你似乎不知道该从哪里开始浏览,因为至少在视觉上它里面没有很明显的关注点。网页中的内容在重要性上没有明显的差异,缺乏优先级暗示和指引,这在一定程度上也要归咎于那灰蒙蒙的背景色。

标签:web2.0,设计,教程
0
投稿

猜你喜欢

  • PyQt5中向单元格添加控件的方法示例

    2023-10-20 05:08:48
  • 使用python实现三维图可视化

    2021-07-31 02:28:57
  • 30个最常用css选择器解析

    2011-06-16 20:36:37
  • Oracle 11g安装错误提示未找到wfmlrsvcapp.ear的解决方法

    2023-07-14 14:31:52
  • Python3中使用PyMongo的方法详解

    2023-08-19 16:00:58
  • python软件都是免费的吗

    2022-09-04 03:45:53
  • 解决Pycharm 导入其他文件夹源码的2种方法

    2023-03-02 08:32:54
  • 如何为Access数据库表添加日期或时间戳

    2008-11-21 12:46:00
  • PHP中的MYSQL常用函数

    2010-09-30 14:49:00
  • sql数据库批量处理脚本

    2011-11-03 17:23:19
  • 用python爬取历史天气数据的方法示例

    2022-10-30 21:28:42
  • PHP查询快递信息的方法

    2023-11-14 10:25:48
  • python判断文件是否存在,不存在就创建一个的实例

    2022-04-29 02:28:55
  • 详尽讲述用Python的Django框架测试驱动开发的教程

    2023-04-21 18:28:19
  • 影响SEO的页面制作细节

    2008-10-18 16:06:00
  • 浅谈Pytorch中的自动求导函数backward()所需参数的含义

    2021-04-29 13:38:04
  • python交易记录整合交易类详解

    2022-09-15 20:18:37
  • 如何在Python中导入EXCEL数据

    2022-08-01 01:51:01
  • CSS双线边框研究

    2009-09-03 12:12:00
  • 利用Python编写个冷笑话生成器

    2021-05-10 15:13:20
  • asp之家 网络编程 m.aspxhome.com