6个卓越Web设计细节（3）
作者：varhi 来源：varhi 发布时间：2010-03-29 12:56:00
标签：web设计,细节,导航,设计
三、网格布局
网页设计的网格布局最初的灵感是借鉴了报纸的排版。但是如果你仔细观察周围的事物都可以找到网格现象，从好的设计到生活中的交通网。
960和蓝图可能是两个最流行的网格布局。我个人比较喜欢960网格布局，它简单、重点突出。你可以用任意对齐方式来安排你网站的元素，对齐在设计一个复杂的页面时，能使你的网站看起来比较精致、井然有序，并且你在网页布局里面添加任何模块内容时候都不用考虑其他的模块内容。
综合使用网格布局
Poccuo网站综合使用了网格布局，它采用3列和5列相结合的布局方式。给人以视觉吸引力和视觉空间。
博客采用列布局
我比较喜欢Web Design Ledger首页最上面的展现方式，他把最新的公告内容放大同时放到页面最顶部，其他的以3列的方式排列。
大量使用相等的列布局
Ecoki漂亮的网页布局显而易见采用的是4列、2行布局，同时幻灯片、缩略图、最新的审查也是采用相同的方式。
0
投稿猜你喜欢
- Python中内置了list集合与tuple集合，在list集合中可以实现元素的添加、修改、插入、以及删除。tuple集合看似与list类似
区块链概念狭义：区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构，并以密码方式保证的不可篡改和不可伪造的分布式账本- 前言本文提供将图片分辨率调整的python代码，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考：windows ffmpeg安装
- 1.抽象类抽象类机制中总是要定义一个公共的基类，而将特定的细节留给继承者来实现。通过抽象概念，可以在开发项目中创建扩展性很好的架构。任何一个
- 本文实例讲述了JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法。分享给大家供大家参考，具体如下：直接上例子，如下
- Gittle是一个高级纯python git 库。构建在dulwich之上，提供了大部分的低层机制。Install itpip instal
- 本文描述通过统计分析出医院信息系统需分区的表，对需分区的表选择分区键，即找出包括在你的分区键中的列(表的属性)，对大型数据的管理比较有意义，
- 一个不错的绿色下划线的简洁CSS导航代码，纯css不用图片，效果图如下：<html> <head> <meta
- 本文主要跟大家介绍了Golang巧用defer进行错误处理的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：问题引入毫无疑问，错误处
- 一、什么是XSS攻击xss攻击：----->web注入xss跨站脚本攻击（Cross site script，简称xss）是一种“HT
- 在许多用SQL Server实现的新的企业系统设计中，系统设计师需要在给数据结构和管理应用程序逻辑的定位上做出具有关键性意义的决定。SQL
- 本文介绍基于Python语言arcpy模块，实现栅格影像图层建立与多幅遥感影像数据批量拼接（Mosaic）的操作。首先，相关操作所需具体代码
- 1.新建项目新建一个项目，fileànewàproject如下图：选择Java&agra
- Django开发过程中如果数据库变动过多导致migrations的文件越来越多，管理起来很不方便， 幸运的是Django提供了一种方式可以是
- 凡搞WEB开发的人都离不开HTTP（超文本传输协议），而要了解HTTP，除了HTML本身以外，还有一部分不可忽视的就是HTTP消息头。做过S
- 内容摘要：asp使用最多的就是ACCESS数据库和ms sql server数据库，本文列出了asp连接这两个数据库的方
- 如果没有了解栅格系统是什么，建议看完这篇文章以后再回来。其实有很种 CSS 写法实现栅格系统，很多 CSS 库也都会提供类似的栅格系统实现（
- 本demo的效果是单选框一有a和b两个选项按钮，单选框二有q和w两个选项按钮，选中a，使得q不可选，w选中；选中b，使得w不可选，q选中下面
- 旧版本的代码请见上一篇博文： Python实现带图形界面的炸金花游戏本文尝试在旧版本的基础上，“升级&
- import numpy as npimport sysdef conv_(img, conv_filter): filter_
