6个卓越Web设计细节[译]（3）
作者：varhi 来源：varhi 发布时间：2010-03-24 18:34:00
标签：web设计,细节,网格,布局
三、网格布局
网页设计的网格网格布局最初的灵感是借鉴了报纸的排版。但是如果你仔细观察周围的事物都可以找到网格现象，从好的设计到生活中的交通网。
960和蓝图可能是两个最流行的网格布局。我个人比较喜欢960网格布局，它简单、重点突出。你可以用任意对齐方式来安排你网站的元素，对齐在设计一个复杂的页面时，能使你的网站看起来比较精致、井然有序，并且你在网页布局里面添加任何模块内容时候都不用考虑其他的模块内容。
综合使用网格布局
Poccuo网站综合使用了网格布局，它采用3列和5列相结合的布局方式。给人以视觉吸引力和视觉空间。
博客采用列布局
我比较喜欢Web Design Ledger首页最上面的展现方式，他把最新的公告内容放大同时放到页面最顶部，其他的以3列的方式排列。
大量使用相等的列布局
Ecoki漂亮的网页布局显而易见采用的是4列、2行布局，同时幻灯片、缩略图、最新的审查也是采用相同的方式。
0
投稿猜你喜欢
- [PHP] ; PHP还是一个不断发展的工具，其功能还在不断地删减 ; 而php.ini的设置更改可以反映出相当的变化，
- 此文主要讲述的是SQL Server连接中经常出现的3个常见错误，以及对这三个错误的详细分析，如果你其心存好奇的话，以下的文章将会揭开它的神
1. 内连接内连接：合并具有同一列的两个以上的表的行，结果集中不包含一个表与另一个表不匹配的行。说人话就是，查询结果只包含它们匹配的行，不匹- 使用suds这个第三方模块from suds.client import Clienturl = 'http://ip:port/?
- 本文实例讲述了Python中的错误和异常处理操作。分享给大家供大家参考，具体如下：#coding=utf8print ''&
- 数据库在高并发的场景下使用外键约束会有锁问题并且使用外键会增加运维成本，所以很多公司都规定生产环境的数据库禁止使用外键。那么不使用外键约束的
- 前言之前写过很多关于扫描脚本的文章，一直都没写自己的扫描IP段是哪里搞来的，也会有朋友经常来问一些扫描经验，说实话我觉得这个工具并没有实际的
- 本文根据最近学习TensorFlow书籍网络文章的情况,特将一些学习心得做了总结,详情如下.如有不当之处,请各位大拿多多指点,在此谢过。一、
- 虽然并非你编写的每个 Python 程序都要求一个严格的性能分析，但是让人放心的是，当问题发生的时候，Python 生态圈有各种各样的工具可
- 一、数字类型。数字类型按照我的分类方法分为三类：整数类、小数类和数字类。 我所谓的“数字类”，就是指DECIMAL和NUMERIC，它们是同
- 一切皆是对象在 Python 一切皆是对象，包括所有类型的常量与变量，整型，布尔型，甚至函数。 参见stackoverflow上的一个问题
- 一、导入库import randomimport time二、注册用户我们用变量与input实现name = str(input('
- MySQL 自4.1版以后开始支持INSERT … ON DUPLICATE KEY UPDATE语法，使得原本需要执行3条SQL语句（SE
- 依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有we
- 在linux服务器lvs负载均衡、双机热备应用中经常用到mysql双机热备，安装和配置过程如下：一、 安装MYSQL# cp mysql-s
- 目录1.列表的介绍2.打印出列表的数据1.我们可以根据下标取值进行打印2.使用for循环遍历3.使用while循环遍历3.列表的添加操作1.
- 1. 编码问题：遇到了几个字符串转换问题，总结如下：# str to bytes str.encode(s)# bytes to str b
- 本文介绍了随机提取N条记录的例子，通过Sql server与access数据库的代码比较让你更快的掌握。随机提取10条记录的例子：Sql s
- 有这样一类文章标题，喜欢学习的人肯定见过：使用Google的7个技巧Web设计中9个常见的可用性错误Adobe Photoshop 75个技
- 一. 分析需求1. 需求说明在项目开发过程中,我们有时会频繁的更新代码, 流程大概为:(1) 本地git push提交代码至git托管平台(
