您的位置: 首页 > 艺术设计 > 设计理论 > 栅格:一以贯之
栅格:灵活应变 回到列表 对设计/设计师/设计行业的感受
 栅格:一以贯之

作者:snl 时间: 2008-07-22 文档类型:翻译 来自:蓝色理想

第 1 页 栅格:一以贯之 [1]
第 2 页 栅格:一以贯之 [2]

上文:栅格:从混乱到秩序

Jacci Howard Bear 的英文原文:
http://desktoppub.about.com/od/grids/l/aa_gridsunity.htm

人往往喜欢有条理的视觉信息

简报、杂志、宣传册、年报、以及书籍等通常包含诸多视觉元素:分栏文本、大标题、照片、插图、引文等等。栅格会帮助设计师在文档中建立页面之间的一致性。 读者会期待页码出现在每一页上的相同位置。一篇文章中的全部文字,即便它覆盖于多个页面,也一样有一致的外观,例如说相同的栏宽,这样可以提升可读性。同样的,读者还往往会期待边栏,说明性的文字,以及其他重复出现的元素出现在页面上的相同位置。

在一个多页文档的全部页面中使用一致的栅格,让设计师更易于提供读者们通常会期待的一致性外观。一个精心设置的栅格系统同样可以引入变化,而不会牺牲可读性和一致性。它同样会加快排版的进程,因为在放置各页面元素的时候,你不必再小心翼翼的“试探”以及“回头看看前面是怎样做的”。

下面的页面范例,显示了如何在一个7列的垂直栅格中进行一份新闻简报的图文混排。注意图一和图二有着一致的版式(但是左右反转了)。文本栏占两个单元格宽度。一个单元格有更多的栏空,用于把正文和边栏分隔开来。页3(图二中的右页)的版式和前面两页好像没多少共同点,但假如你看看隐藏在页面背后的栅格系统(图三),你会看到这三页采用的都是同一个栅格系统。

图 1: 左边是7单元栅格的简报

图二:7单元栅格的对开页简报

图三: 隐藏于这两个对开页简报之下的7单元栅格

出处:蓝色理想
责任编辑:moby

上一页 下一页 栅格:一以贯之 [2]

相关文章 更多相关链接
栅格:灵活应变
页面设计之个性元素与共性元素
栅格:从混乱到秩序
网页的栅格设计思考
创意思维:创意导航
作者文章 更多作者文章
栅格:灵活应变
从 Illustrator 到 FontLab
Eurostile 字体的前世今生
栅格:从混乱到秩序
选择一个优秀正文字体的15个技巧
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
疯狂的程序员 第五十回
疯狂的程序员 第四十九回
疯狂的程序员 第四十八回
疯狂的程序员 第四十七回
疯狂的程序员 第四十六回
疯狂的程序员 第四十五回
疯狂的程序员 第四十四回
疯狂的程序员 第四十三回
疯狂的程序员 第四十二回
疯狂的程序员 第四十一回
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
>> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文现有 1 条评论 评分:- llllllllllllllllllll + 评分人数: 1 ,平均分: 4.00


mienflying Publish at 2008-7-22 12:25:06 评分4
我更喜欢称之为网格
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

奥鹏许愿墙 articulate online demo 个站 Tudou新頻道(第一批) 个人门户 野外的梦 永升本田汽车销售公司最终定稿