基于网格的网页设计概念及实际应用案例
来源：asp之家 发布时间：2010-03-30 14:59:00
一些大型站点都有着非常一流的视觉外观，它们很可能在设计时使用了网格系统。网格可以是页面布局显得紧凑而且稳定，为设计师在设计站点时提供一个逻辑严谨的模板。
但使用网格并不意味着枯燥的设计，一个好的设计师不仅能够合理地应用基于网格布局的规则，而且还能适时地打破这些规则。
"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice."
- Josef Müller-Brockmann
网格基础
我们来看一些网格的术语。网格是用竖直或水平分割线将布局进行分块，把边界、空白和栏包括在内，以提供组织内容的框架。
网格常在传统印刷中使用，但对网页设计也是非常合适的。网格设计不能使一个网站的布局看起来像报纸一样，但它的确可以辅助我们设计结构统一的站点。
网格是一个简单的辅助设计工具，而不是什么对设计产生不良影响的东西。
理解并遵循规则
当你开始学习任何一项技能时，都应当遵循它的一些指导原则。从一开始就把基础的东西学好，能使你高效地应用这些规则。
学习网格也不例外。你应当按照网格来设计布局，并让所有设计元素对齐到它们所在的位置。在设计中使用网格能结构化内容并且给你一个设计起点，但这不应当阻止我们的任何创意灵感。
两种途径建立网格模板：
1、自己创建网格系统
对于建立自己的模板系统，尽管有很多不同的理论，但归根结底，还是要选择你手边用起来最顺手的工具。
你可以把一个空文档按照数学原理分割成奇数栏或偶数栏，而且通常要把栏之间的空白考虑在内。
只要你喜欢，你的网格可以很复杂或者很简单。你的网格越复杂，你就拥有越多的自由发挥空间；而网格越简单，留出的空白也越多。这完全取决于你自己的决定。
下面是一些用Photoshop制作的例子，它们可以在Photoshop中用网格来查看。
0
投稿猜你喜欢
- 删除链表中重复的结点： 定义两个指针pre和current两个指针同时往后移动，current指针如果与后一个结点值相同，就独自往前走直到没
本文细致的为大家分享了Bootstrap轮播插件简单实例，供大家参考，具体内容如下使用Bootstrap的轮播插件可以向站点添加滑块，内容可- 作为一个MySQL的系统管理员，你有责任维护你的MySQL数据库系统的数据安全性和完整性。本文主要主要介绍如何建立一个安全的MySQL系统，
- 之前在使用Pandas处理csv文件时，发现如果文件名为中文，则会报错：OSError: Initializing from file fa
- 看python社区大妈组织的内容里边有一篇讲python内存优化的，用到了__slots__。然后查了一下，总结一下。感觉非常有用pytho
- 一般我是用<％@ include ％>方式来包含这个文件，主要是这样能够被包含页面会跟包含页面在编译时被编译成一个文件，里面的变
- 说明写了一段时间的java之后，特别不习惯PHP本身的弱类型方式，在写代码的时候总觉得不怎么放心，特别本身PHP又是弱类型的语言，所以在编码
- 当我们在使用pycharm时，输入特殊的关键字会有提示，然后按enter就可以自动补全，如果我们经常需要输出重复的代码时，能否也利用这种方法
- python的pdb调试命令的命令整理及实例一、命令整理pdb调试命令完整命令简写命令描述argsa打印当前函数的参数breakb设置断点c
- 需求：在django中，有时候我们需要在一个表单中设置多个按钮实现不同的功能。解决方法：为不同按钮添加不同name属性，然后再后台判断nam
- return 语句就是讲结果返回到调用的地方，并把程序的控制权一起返回程序运行到所遇到的第一个return即返回（退出def块），不会再运行
- 1.问题描述： 我桌面上有一个“账号密码.db”文件，我现在想知道里面有几张表格table、表格的名字、表头结构。2.使用SQL语句&quo
- 前言在python中，内置了文件（file）对象，通过一些内置的方法就可以实现对文件的操作，例如open()方法创建一个文件对象，write
- 场景最近在生产环境遇到了下面这样一个场景：后台在字典表中存储了一些之前需要前后端共同维护的枚举值，并提供根据 type/id 获取字典的 A
- 多态问起面向对象的三大特性，几乎每个人都能对答如流：封装、继承、多态。今天我们就要来说一说 Python 中的多态。所谓多态：就是指一个类实
- 在数据科学和机器学习中，我们通常会处理大量的数据，这些数据可能会超过计算机的内存限制，因此我们需要一种方法来读取大型数据文件。在 Pytho
- 当你安装 MySQL 完后、会有个提示：[root@localhost Desktop]# rpm -ivh MySQL-server-5.
- 最近工作转型到数据开发领域，想在本地搭建一个数据开发环境。自己有三年python开发经验，马上想到使用numpy、scipy、sklearn
- 本文以实例形式展示了Python算法中栈（stack）的实现，对于学习数据结构域算法有一定的参考借鉴价值。具体内容如下：1.栈stack通常
- 站长用Python写了一个可以提取csv任一列的代码，欢迎使用。Github链接csv是Comma-Separated Values的缩写，
