分類: 為什么 常識(shí)詞典 編輯 : 常識(shí) 發(fā)布 : 08-24

閱讀 :321

柵格系統(tǒng)怎樣設(shè)定？是根據(jù)每次圖文資料的內(nèi)容決定的嗎？還是有一些固定的規(guī)則，比如哪類文本信息就得用某個(gè)經(jīng)典的網(wǎng)格系統(tǒng)就行。而另外的圖文資料則要另行設(shè)計(jì)符合當(dāng)次設(shè)計(jì)項(xiàng)目要求的柵格呢？我比較常用的是 Jan Tsc-ic-old 設(shè)計(jì)的由跨頁對(duì)角線發(fā)展出的版心柵格。另外我看到數(shù)列在劃分版面空間的時(shí)候起到了重要作用。那么哪類設(shè)計(jì)適合用哪種數(shù)列來劃分版面呢？有具體說法么？或者是很隨機(jī)？4 個(gè)答案

答案 1：

前面已有一些比較有用的回答。結(jié)合我自己的實(shí)際經(jīng)驗(yàn)，再補(bǔ)充一些 : )在傳統(tǒng)紙品印-設(shè)計(jì)方面：

首先，“每一次都根據(jù)具體的圖文內(nèi)容來設(shè)定柵格系統(tǒng)”

理論上，這肯定是最優(yōu)的設(shè)計(jì)方法——所謂的定制化設(shè)計(jì)，大概就是這樣的。但其實(shí)，根據(jù)實(shí)際經(jīng)驗(yàn)來看，柵格系統(tǒng)的“變數(shù)”，似乎沒有這樣地大；也就是說，每個(gè)版式設(shè)計(jì)師，都可以有幾套自己保留的網(wǎng)格系統(tǒng)，用來解決大部分的內(nèi)容——比如最簡單的三欄網(wǎng)格（源自瑞士的學(xué)院派理論），一些-排版提倡的七欄／九欄分隔（相對(duì)更為靈活）。雖然我自己每次接受新的設(shè)計(jì)項(xiàng)目，都會(huì)重頭構(gòu)造柵格，可實(shí)際上，每次都大同小異。（自己每次都重頭做，其實(shí)是工作習(xí)慣不好，沒有積累或制作一些精良的可復(fù)用模版。）

其次，關(guān)于Fibonacci數(shù)列的運(yùn)用

其實(shí)Fibonacci數(shù)列，就是一個(gè)“相鄰兩項(xiàng)的比值不斷逼近黃金分隔”的數(shù)列，所以，運(yùn)用這個(gè)數(shù)列來構(gòu)造柵格，其實(shí)就相當(dāng)于是運(yùn)用黃金分隔來構(gòu)造網(wǎng)格。在實(shí)際運(yùn)用時(shí)，0.618...的相對(duì)精確的黃金比例，不會(huì)直接出場(chǎng)（因?yàn)樘^精確，造成工程制造上過于麻煩），因此，總是會(huì)取一些近似的“整值”來取代。最簡單的2:3、3:5等，是Fibonacci數(shù)列的前幾項(xiàng)，它們某種程度上，都在“逼近”著黃金分隔。實(shí)際操作中，我自己也用過 21:34 這樣“非主流”的分隔比例，但實(shí)際效果，可能不如“理論”上那么明顯，在非?！拜^真”的場(chǎng)合，可以偶爾用一下。

最后，關(guān)于經(jīng)典的書籍版式柵格

Jan Tsc-ic-old的經(jīng)典柵格構(gòu)造法，個(gè)人認(rèn)為參考意義不大。我自己在實(shí)際設(shè)計(jì)中一次都沒有用上過，只在某些小范圍講座中，提到過它，算是余興的“科普”。這種柵格，首先得是基于2:3的開本（或者是更嚴(yán)格的黃金比例開本），才相對(duì)合適的，而現(xiàn)代的紙張標(biāo)準(zhǔn)中（例如最通行的ISO Paper Size），很少再直接用到2:3了。其他經(jīng)典的柵格，《版式設(shè)計(jì)原理》[1] 這本書里提到過1:1.2:1.44:1.73 [2]，及 1:1.5:2:3 [3] 這樣兩種，說是英文柵格的經(jīng)典。（比值是指四個(gè)頁邊距，依次為：訂口:天頭:切口:地腳）PC端的網(wǎng)頁設(shè)計(jì)方面：可以參考960 Grid System的東西（960.gs/）。相對(duì)比較實(shí)用，網(wǎng)站上也提供了多種電子文件格式的模版。其中的 12col / 16col / 24col，個(gè)人都試用過，布局比較快捷，效果也不錯(cuò)。 // 厚顏掛兩個(gè)自己的作品 XD (都是基于960grid而來) // (1) flickr/p-otos... // (2) flickr/p-otos...--[1] 《版式設(shè)計(jì)原理》book.douban/subject...[2] 1:1.2:1.44:1.73，據(jù)[1]書中說，是William Morris提出的，未考證過。[3]1:1.5:2:3，據(jù)[1]書中說，是一叫JONJJI AREN ANDO ANUIN的公司提出的，未考證過。（大概考據(jù)了下公司名稱，很可能是 "George Allen and Unwin"en.-.org/wiki...)

答案 2：

是根據(jù)每次圖文資料的內(nèi)容決定的嗎？分情況，我經(jīng)常遇到的有兩種~

需要重新定制的

這種需要設(shè)計(jì)從新開始~由主style頁面（如網(wǎng)站中的首頁、某主題下的主頁）/ 特意定制的頁面（如網(wǎng)站中的運(yùn)營頁）這得根據(jù)產(chǎn)品的需要來置辦它們~就是你說的「根據(jù)每次圖文資料的內(nèi)容」來決定怎么分~

需要延續(xù)風(fēng)格的

在已有規(guī)范的框架內(nèi)（如接手做了一半的項(xiàng)目時(shí)）做的時(shí)候需要遵從已定的柵格繼續(xù)做~--------------------------固定的規(guī)則有~目前部分web2.0站點(diǎn)中采用主管縱向的12分格~例子：朱印的Rigo.robinz-u/-ome/也有不主用柵格用黃金比的~例子：eico.eicodesign/門戶類的需要遵從既定的柵格~因?yàn)檫@些站點(diǎn)的瀏覽數(shù)量已經(jīng)培養(yǎng)出了龐大的用戶習(xí)慣~例子：淘寶首頁 .taobao/門戶站點(diǎn)首頁ya-oo/&n... .163/這些是20px基準(zhǔn)的、web業(yè)內(nèi)的經(jīng)典版式~UGC/運(yùn)營類頁面的柵格可以隨意發(fā)揮~例子：lp.taobao/ --------------------------Jan Tsc-ic-old 設(shè)計(jì)的由跨頁對(duì)角線發(fā)展出的版心刪格這個(gè)請(qǐng)?jiān)徫业幕鹦莮「版心刪格」十分不了解~版心外到出血的距離在出產(chǎn)的時(shí)候控制不了太細(xì)啊~那是以什么為基本單位的呢？還請(qǐng)柳生指點(diǎn)~--------------------------數(shù)列在劃分版面空間的時(shí)候起到了重要作用最后的「數(shù)列」是指什么呢？是指「斐波那契數(shù)列」這種？還是說的柵格系統(tǒng)里「x軸向最大列數(shù)」呢？

答案 3：

受邀答。只說平面和書籍設(shè)計(jì)，經(jīng)驗(yàn)不足還請(qǐng)指正。Jan Tsc-ic-old 的系統(tǒng)做比較經(jīng)典的老的書比較合適。做現(xiàn)代的書的 grid 系統(tǒng)多數(shù)時(shí)候還是人為設(shè)定的，沒有遵循太多的傳統(tǒng)，只是按照幾何來。我做過的幾本書主要是按照內(nèi)容和設(shè)計(jì)概念來做 grid。另外很少做中文書，所以無論是 Tsc-ic-old 的系統(tǒng)還是新一點(diǎn)的規(guī)則，適合中文與否都不敢妄論。

答案 4：

我覺得淘寶ued這系列的文章可以讓我們很好了解柵格系統(tǒng)（網(wǎng)頁）。網(wǎng)頁柵格系統(tǒng)研究ued.taobao/blog...在技術(shù)實(shí)現(xiàn)上，我補(bǔ)充一個(gè)：yui3-grid。實(shí)際上，文中最后一篇也有提到，只是版本是2.x的，此版本的實(shí)現(xiàn)過于復(fù)雜，個(gè)人認(rèn)為。yui 3 grid的實(shí)現(xiàn)非常簡潔、高效。網(wǎng)頁的柵格系統(tǒng)設(shè)計(jì)ued.taobao/blog...至于平面設(shè)計(jì)上的柵格系統(tǒng)，如報(bào)紙等，設(shè)計(jì)上應(yīng)該差不多，不過平面的閱讀基本處于水平狀態(tài)，而屏幕的界面是垂直的，差別總是有的，個(gè)人了解不深，也就不提了。

下一篇:醫(yī)學(xué)是不是阻礙了人類的進(jìn)化？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:玩聚的創(chuàng)始人鄭昀現(xiàn)在在做什么？ 上一篇 【方向鍵 ( ← )上一篇】