当前位置:首页-博客-网站建设

网页设计的摘要基于网格的布局

日期:2012-04-01

采取一些有今天的最大的网站,展示一流的设计。那便是成都网络公司, 它很可能他们已经使用了某种电网。 网格使稳定在网页布局和结构,给设计师一个逻辑的模板建立的网站上。电网并不意味着你必须有一个无聊的设计。 一个好的设计师将适用于使用基于网格的布局的基本规则,但也知道如何打破这些规则。

“网格系统是一种辅助手段,并不能保证它允许一些可能的用途,每个设计师可以寻找适当的解决方案,以他的个人风格,但是,我们必须学习如何使用网格;它是一门艺术,需要实践“
- 约瑟夫·穆勒-布罗克曼

电网基础
让我们来谈谈一些电网的行话。 网格是分工与垂直和/或水平的指引,以纳入组织内容,以提供一个框架,利润率,空间和列的布局。电网是传统的印刷工作,但发现是非常适用于网页设计。成都网络公司的经理表示 网格并没有使网站看起来像报纸的布局,但它肯定可以帮助建立一个统一的结构开始设计与。网格是一个简单的工具,以帮助设计的,不是应该以任何方式伤害设计。

理解并遵守规则
当你开始学习新技能,在任何给定的主题,你应该遵循的准则。 学习的基础,从一开始就确保你能够有效地运用其原则。电网开始是没有什么不同,你应该遵循电网和保持您所有的设计元素对齐,并在其位置。 网格内使用您的设计可以帮助到您的内容带来的结构,让你从一个地方,但不应该扼杀创造力。

建立一个网格模板的方法有两种:

创建您自己的网格
有许多不同的理论,最好的方式建立自己的网格选项是无止境的,但在最后,你必须选择适用于您和在手项目最好。你可以划分一个空白文档,数学,偶数或奇数列创建工作。 它通常是有益的思考排水沟的列和它们融入你的网格系统以及之间的空间。您的网格可以是复杂或简单,只要你喜欢。 您的网格布局更加复杂和阐述的是,你在它有更多的自由。 是简单的解释有更多的空间。 选择是你的。

下载一个现成的网格模板
有标准的电网供您使用,将有助于网站的发展,以及削减创建自己的所花费的时间。也许最流行 的网格是960网格系统 。 弥敦道史密斯开始,该系统允许从12,16和24列格供您选择。该项目始于史密斯的方式作为“划伤设计痒。”

“我只是共享的网格尺寸,我发现自己对在过去一年左右的引力。如果其他人可以从中受益,那么所有的好,说:”史密斯约960网格系统。

下载包中包含的CSS文件,HTML时,Photoshop,Illustrator中,InDesign和。 设计文件,包括设立一个结构化的和干净的网站是非常有用的几个网格。

打破规则
现在,我们已经覆盖了非常基本的电网,让我们打破了! 电网是一个伟大的方式排队,保持清洁的设计,用户界面友好,并精简。

不过,正如我以前所说,你不能让电网扼杀你的创造力,让你觉得你被困在它的边界内。 随意冒险指引;一切并不需要排队,为了使网格设计工作。

项目打破电网,帮助设计感觉更有机和自由流动的,而不是基于表和乏味。

退房超过设计规定的电网与960网站从一些例子,表明网格可以是美丽的,而不是让结构。

电网设计的例子
这里有几个例子,展示了伟大的设计和有组织的,用户界面友好。

一些严格的电网下岗,而其他一些迹象表明打破基地电网外。

所有这些突出的事实,使用电网不意味着一个无聊的前瞻性网站。

网格上使用教程
1.电网设计开发的GridControl:一个覆盖系统
2.电网的支持你的设计开发
3.网格设计基础
4.神圣的比例套用到您的网页设计
5.更多的网格资源
6.关于网格系统的神话与误区
7.基于网格的方法设计的碎杂志
8.65基于网格的设计资源
9.基于网格的设计工具箱
10.网格系统
11.通过电网的设计
网格是不是每一个设计问题的解决,他们不适合每一个人,他们提供了一个很好的起点为固体,需要干净的设计结构和平衡点。 我希望你喜欢这个网格资源和范例汇编。 尝试在您的设计实施电网,希望你会看到他们提供可以借钱给美丽而独特的设计结构。

上一篇文章:设计与艺术之间的差异
下一篇文章:在网页设计中的色彩:一个探索

© CopyRight 2006-2012 成都驰锐科技有限公司 蜀ICP备51002801号 成都市人民南路53号嘉云台22-F 邮政编码:610041
总机:(028)028-81876590 66853112 66853129 传真:(028) 66018689