在同一个平面上,当超过一个元素时,就会暗含一种秩序(一种强加的规则形式)如果不能在混乱中建立秩序,设计也就会失去意义。万物皆有构成。暗藏在设计背后的有力支撑----数学,构建着秩序的世界。而网格这种设计的辅助工具在20世纪在平面上的应用,随着人们的媒介转化其应用也进而发生了形式上的转变,该书就很好的基于一些案例对于网格在网格中的应用有着详细的解说,为网页构建的秩序打开了新的篇章,但不得不说的是现实场景中的网格应用因媒介以及各种情况的限制,其应用会显得更为的复杂和多样需要在摸索中前行。
1书名:
《秩序之美》
2副标题:
网页中的网格设计
3作者:
knoi VINH 纽约时报前设计总监
4.推荐人:/
5.出版社:
人民邮电出版社
6版次和印数:
2012年10月第2版 3000-6000册
7上架类别:
计算机网页设计(该书加载印刷)
8这本书主题是讲什么的?/解决什么样的问题
网格的发展演变以及在互联网设计中的应用
如何将网格应用到基于万维网的数字设计过程中
9这本书的结构是怎么组织的?
10本书的特色:
a.精简凝练追溯网格从平面到网页的发展演变
b.基于现实中的设计项目为案例讲解如何在网页上面使用网格(同时绘有网页的草图)展现使用网格
c.在案例中绘制有大量的草图,设计思路的参考
11.关键词:网格,秩序,画草图
关键章节:第四章
12.是否值得阅读?
快速阅读和精读
13这本书讲的对不对,哪里对、哪里不对?为什么不对?(疑惑)
整本书的项目案例讲解还是粗略,在现实的设计中网格的应用更多样性和复杂
在设计中有着很多的数理之美,例如网格,黄金比例,三分法
在真实的网格使用中关于黄金比来设计网页的高度时就会出现当黄金比的高度不适用于电脑显示屏的视觉高度时需要做出相应的调整
在网格设计中很多页面的排布以中心线进行左右对称进行排列,那么网格排布和中心线之间的使用就需要进行结合
在设置网页宽度为658PX 的情况下,网格设置为8列。通过计算得出每列的均值为82.25,而根据网格排布的数值实际为多个82和83的组合进行交错而最终生成8列的658PX的宽度,因此并不以均值来排布网格
同样当设置8列,装订线为10PX的情况下。由于各个数值不同,因此并不等分,而装订线确为保持不变的数值
14例如:哪些观点作者比前人有突破?哪些理念只是换了一个知识包装?
网格在20世纪早期应用于平面设计中,当人们的媒介由纸质转而为网页时。网格的应用进而转向于互联网。网格设计的应用构建秩序迁移到网页的视觉上(该工具的应用目的不变),改变的是传播媒介(网页)的外在形式,构建的内容+人机交互的增加+电脑显示的限制性,因而网格应用更趋于复杂和多样。
15分配阅读的主次
主:网格在网页中的应用
次:网格的发展历史
16.该书的主要内容
- 一.网格的好处
1.信息的展示增添秩序,连续性和和谐性
2.预示信息所在,有助于信息交流
3易于增添新的内容
4促使各个设计方式的协作
二.追溯历史
1.公元前9000年,砖块堆成墙形成视觉网格,对于日常生活的有力组织
2.毕达哥拉斯理论
3黄金比例,斐波那契数列(0,1,1,2,3,5,8.......)?左边相邻数,非常接近数值1.618
4三分法
三.网页与平面的区别
更多的依赖于交互性(设计师的意图+技术+用户之间的交流)
对话的模式,用户参与其中
四.网页设计流程
- 一.原则 :a.以解决问题为首要,美观其次
b.网格是用户体验的组成部分
c.网格越简单越有效
二.步骤 (不限)
1.调查,明确需求(重要)??
2.画线框图
3.设计预备
基本草图(重要)??
建立单元,栏,基线进行计算
页面草图
4.正式设计
5.制作
三.书中实例---设计网络设计杂志
1.了解项目要求(限制条件)---视窗尺寸,广告单元,品牌
a.视窗1024* 768,大多 浏览器尺寸倾向于比可用空间小+置顶的用户界面,小20%
b.广告单元:336280PX适用尺寸为300250PX和300*600PX
c.品牌的定位
2画出设计方案
3.创建网格
a建立分栏网格
根据绘制的草图分为3栏,可是这样划分不足以容纳336PX宽度的广告单元,因此需要重新的设计
如果单元和栏的数量是4的倍数,通??梢越饩錾杓莆侍猓ǖ谙质抵猩柚檬低枰菇ê眉父霭姹镜氖悼纯词导实挠τ贸潭炔拍芏ㄏ吕矗┦髦稚枇⒗?种不同放入网格数值都不具有应用性,直至到了第六种方案才找到有效的网格数值,,因此在该步骤中需要根据限制条件深入思考换算网格的排布。最终得出16单元网格,以及10PX的锋才得以适用该版面的情况
b.建立分行网格(作为参考)
该部分,更多的借助于字体的大小(该书中的文字为英文,汉语的情况又有不同),网页正文11-14PX,一行为60-80的数值。大的字体大的间距,小的字体小的间距
c.建立段
该处为黄金分割以及三分法的应用
以上内容设置好后,进而才能正式的设计(详看书本的内容)·····
该书讲解网格的使用,打开了网格在网页中应用的大门。其中里面所讲述的案例可作为参考,但在现实应用的网页中会更趋于复杂,还是需要基于在应用中发现问题,不断的摸索前行。