咨询热线:400-010-1233在线销售咨询
不方便打电话?让科腾联系您:

首页 > 公司动态 和记娱乐

基于网格的网页设计概念及实际应用案例

  网格常在保守印刷中利用,但对网页设想也长短常符合的。网格设想不克不迭使一个网站的结构看起来像报纸一样,但它简直能够辅助咱们设想布局同一的站点。

  越出网格鸿沟的元素会让作品看起来愈加。。和流利,而不是像表格那样古板和单调。

  咱们来看一些网格的术语。网格是用竖直或程度朋分线将结构进行分块,把鸿沟、空缺和栏包罗在内,以供给组织内容的框架。

  对付成立本人的模板体系,虽然有良多分歧的理论,但归根结底,仍是要取舍你手边用起来最随手的东西。

  这个下载包罗了CSS ,HTML,Photoshop,Illustrator,InDesign等等文件。设想文档包罗了良多有用的文档,它们用来成立划一并且清新的站点。

  比拟制造本人的网格,从网上下载一些尺度的网格同样能够用来辅助网页设想,而且还省了你本人制造网格的良多时间。

  网格并不是一切设想问题的处理方案,也不必然合用于所有人。但网格简直为那些必要布局感和均衡感,并且必要不变和清新设想的站点供给了很好的切入点。在你的作品中测验测验网格吧,你必然能体味到网格布局给你带来标致并且奇特的设想。

  在引见了网格的根本学问之后,咱们此刻来攻破这些法则。网格是把元素对齐的一很是好的方式,它让你的设想显得清洁、整洁,并且用户敌对。

  下面是一些使用了网格体系的设想作品,它们很是划一并且界面敌对。此中一些是严酷依照网格结构的,另一些则攻破了网格的某些鸿沟。所有这些都申明,使用网格体系并不料味着单调的外观设想。

  一些大型站点都有着很是一流的视觉外观,它们很可能在设想时利用了网格体系。网格能够是页面结构显得紧凑并且不变,为设想师在设想站点时供给一个逻辑严谨的模板。

  当你起头进修任何一项技术时,都该当遵照它的一些指点准绳。从一起头就把根本的工具学好,能使你高效地使用这些法则。

  smith在谈到960grid system时说:”我只是简略地把这个网格体系分享给大师,若是有人从中获益,那再好不外了。”

  进修网格也不破例。你该当依照网格来设想结构,并让所有设想元素对齐到它们地点的位置。在设想中利用网格能布局化内容而且给你一个设想终点,但这不应当阻遏咱们的任何创意灵感。

  然而,正如前面提到的,咱们不克不迭让网格束缚了咱们的灵感和立异。要英勇地向网格以外的处所冒险,要缔造一个基于网格的作品,不料味着任何工具都要对齐。

  只需你喜好,你的网格能够很庞大或者很简略。你的网格越庞大,你就具有越多的自在阐扬空间;而网格越简略,留出的空缺也越多。这彻底取决于你本人的决定。

  看看下面的例子,它们是使用960 grid system制造的,展现了网格能够是标致而不死板的。

  你能够把一个空文档依照数学道理朋分成奇数栏或偶数栏,并且凡是要把栏之间的空缺思量在内。

  但利用网格并不料味着单调的设想,一个好的设想师不只可以大概正本地使用基于网格结构的法则,并且还能当令地攻破这些法则。

  下面是一些用Photoshop制造的例子,它们能够在Photoshop顶用网格来查看。

<< 返回

         

和记娱乐

  • 联系电话:   400-010-1233
  • 地 址:       广州市天河区黄埔大道西平云路163号 广电科技大厦803-804、12楼
  • 传 真:     (8620)3835 2000
关于和记娱乐 | 联系和记娱乐 | 责任申明 | 网站地图 | 人才招聘 | 友情链接
Copyright © 2010 Guangzhou Ke Teng Information Technology Co. Ltd.All Rights Reserved.