在同一個平面上悍汛，當超過一個元素時，就會暗含一種秩序（一種強加的規(guī)則形式）如果不能在混亂中建立秩序在张，設(shè)計也就會失去意義盘寡。萬物皆有構(gòu)成。暗藏在設(shè)計背后的有力支撐----數(shù)學驾霜，構(gòu)建著秩序的世界健霹。而網(wǎng)格這種設(shè)計的輔助工具在20世紀在平面上的應(yīng)用，隨著人們的媒介轉(zhuǎn)化其應(yīng)用也進而發(fā)生了形式上的轉(zhuǎn)變辟狈，該書就很好的基于一些案例對于網(wǎng)格在網(wǎng)格中的應(yīng)用有著詳細的解說肠缔，為網(wǎng)頁構(gòu)建的秩序打開了新的篇章，但不得不說的是現(xiàn)實場景中的網(wǎng)格應(yīng)用因媒介以及各種情況的限制哼转，其應(yīng)用會顯得更為的復雜和多樣需要在摸索中前行明未。
1書名：
《秩序之美》
2副標題：
網(wǎng)頁中的網(wǎng)格設(shè)計
3作者：
knoi VINH 紐約時報前設(shè)計總監(jiān)
4.推薦人：/
5.出版社：
人民郵電出版社
6版次和印數(shù)：
2012年10月第2版 3000-6000冊
7上架類別：
計算機網(wǎng)頁設(shè)計（該書加載印刷）
8這本書主題是講什么的？/解決什么樣的問題
網(wǎng)格的發(fā)展演變以及在互聯(lián)網(wǎng)設(shè)計中的應(yīng)用
如何將網(wǎng)格應(yīng)用到基于萬維網(wǎng)的數(shù)字設(shè)計過程中
9這本書的結(jié)構(gòu)是怎么組織的壹蔓？
10本書的特色：
a.精簡凝練追溯網(wǎng)格從平面到網(wǎng)頁的發(fā)展演變
b.基于現(xiàn)實中的設(shè)計項目為案例講解如何在網(wǎng)頁上面使用網(wǎng)格（同時繪有網(wǎng)頁的草圖）展現(xiàn)使用網(wǎng)格
c.在案例中繪制有大量的草圖趟妥，設(shè)計思路的參考
11.關(guān)鍵詞：網(wǎng)格，秩序佣蓉，畫草圖
關(guān)鍵章節(jié)：第四章
12.是否值得閱讀披摄？
快速閱讀和精讀
13這本書講的對不對，哪里對勇凭、哪里不對疚膊？為什么不對？（疑惑）
整本書的項目案例講解還是粗略虾标，在現(xiàn)實的設(shè)計中網(wǎng)格的應(yīng)用更多樣性和復雜
在設(shè)計中有著很多的數(shù)理之美寓盗，例如網(wǎng)格，黃金比例，三分法
在真實的網(wǎng)格使用中關(guān)于黃金比來設(shè)計網(wǎng)頁的高度時就會出現(xiàn)當黃金比的高度不適用于電腦顯示屏的視覺高度時需要做出相應(yīng)的調(diào)整
在網(wǎng)格設(shè)計中很多頁面的排布以中心線進行左右對稱進行排列傀蚌，那么網(wǎng)格排布和中心線之間的使用就需要進行結(jié)合
在設(shè)置網(wǎng)頁寬度為658PX 的情況下基显，網(wǎng)格設(shè)置為8列。通過計算得出每列的均值為82.25善炫，而根據(jù)網(wǎng)格排布的數(shù)值實際為多個82和83的組合進行交錯而最終生成8列的658PX的寬度撩幽，因此并不以均值來排布網(wǎng)格
同樣當設(shè)置8列，裝訂線為10PX的情況下箩艺。由于各個數(shù)值不同摸航，因此并不等分，而裝訂線確為保持不變的數(shù)值
14例如：哪些觀點作者比前人有突破?哪些理念只是換了一個知識包裝舅桩？
網(wǎng)格在20世紀早期應(yīng)用于平面設(shè)計中酱虎，當人們的媒介由紙質(zhì)轉(zhuǎn)而為網(wǎng)頁時。網(wǎng)格的應(yīng)用進而轉(zhuǎn)向于互聯(lián)網(wǎng)擂涛。網(wǎng)格設(shè)計的應(yīng)用構(gòu)建秩序遷移到網(wǎng)頁的視覺上（該工具的應(yīng)用目的不變）读串，改變的是傳播媒介（網(wǎng)頁）的外在形式，構(gòu)建的內(nèi)容+人機交互的增加+電腦顯示的限制性撒妈，因而網(wǎng)格應(yīng)用更趨于復雜和多樣恢暖。
15分配閱讀的主次
主：網(wǎng)格在網(wǎng)頁中的應(yīng)用
次：網(wǎng)格的發(fā)展歷史
16.該書的主要內(nèi)容
- 一.網(wǎng)格的好處
1.信息的展示增添秩序，連續(xù)性和和諧性
2.預示信息所在狰右，有助于信息交流
3易于增添新的內(nèi)容
4促使各個設(shè)計方式的協(xié)作
二.追溯歷史
1.公元前9000年杰捂，磚塊堆成墻形成視覺網(wǎng)格，對于日常生活的有力組織
2.畢達哥拉斯理論
3黃金比例棋蚌，斐波那契數(shù)列（0嫁佳，1，1谷暮，2蒿往，3，5湿弦，8.......）?左邊相鄰數(shù)瓤漏，非常接近數(shù)值1.618
4三分法
三.網(wǎng)頁與平面的區(qū)別
更多的依賴于交互性（設(shè)計師的意圖+技術(shù)+用戶之間的交流）
對話的模式，用戶參與其中
四.網(wǎng)頁設(shè)計流程
- 一.原則 ：a.以解決問題為首要颊埃，美觀其次
b.網(wǎng)格是用戶體驗的組成部分
c.網(wǎng)格越簡單越有效
二.步驟 （不限）
1.調(diào)查蔬充，明確需求（重要）??
2.畫線框圖
3.設(shè)計預備
基本草圖（重要）??
建立單元，欄班利，基線進行計算
頁面草圖
4.正式設(shè)計
5.制作
三.書中實例---設(shè)計網(wǎng)絡(luò)設(shè)計雜志
1.了解項目要求(限制條件）---視窗尺寸饥漫，廣告單元,品牌
a.視窗1024* 768，大多 瀏覽器尺寸傾向于比可用空間小+置頂?shù)挠脩艚缑娣拾埽?0%
b.廣告單元：336280PX適用尺寸為300250PX和300*600PX
c.品牌的定位
2畫出設(shè)計方案
3.創(chuàng)建網(wǎng)格
a建立分欄網(wǎng)格
根據(jù)繪制的草圖分為3欄趾浅，可是這樣劃分不足以容納336PX寬度的廣告單元，因此需要重新的設(shè)計
如果單元和欄的數(shù)量是4的倍數(shù)馒稍，通趁笊冢可以解決設(shè)計問題（但在現(xiàn)實中設(shè)置數(shù)值往往需要構(gòu)建好幾個版本的數(shù)值看看實際的應(yīng)用程度才能定下來）樹種設(shè)立欄5種不同放入網(wǎng)格數(shù)值都不具有應(yīng)用性，直至到了第六種方案才找到有效的網(wǎng)格數(shù)值纽谒，证膨，因此在該步驟中需要根據(jù)限制條件深入思考換算網(wǎng)格的排布。最終得出16單元網(wǎng)格鼓黔，以及10PX的鋒才得以適用該版面的情況
b.建立分行網(wǎng)格（作為參考）
該部分央勒，更多的借助于字體的大小（該書中的文字為英文澳化，漢語的情況又有不同）崔步，網(wǎng)頁正文11-14PX，一行為60-80的數(shù)值缎谷。大的字體大的間距井濒，小的字體小的間距
c.建立段
該處為黃金分割以及三分法的應(yīng)用
以上內(nèi)容設(shè)置好后，進而才能正式的設(shè)計（詳看書本的內(nèi)容）·····
該書講解網(wǎng)格的使用列林，打開了網(wǎng)格在網(wǎng)頁中應(yīng)用的大門瑞你。其中里面所講述的案例可作為參考，但在現(xiàn)實應(yīng)用的網(wǎng)頁中會更趨于復雜希痴，還是需要基于在應(yīng)用中發(fā)現(xiàn)問題者甲，不斷的摸索前行。
