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

閱讀 :332

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

答案 1：

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

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

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

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

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

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

Jan Tsc-ic-old的經(jīng)典柵格構(gòu)造法，個人認為參考意義不大。我自己在實際設(shè)計中一次都沒有用上過，只在某些小范圍講座中，提到過它，算是余興的“科普”。這種柵格，首先得是基于2:3的開本（或者是更嚴格的黃金比例開本），才相對合適的，而現(xiàn)代的紙張標準中（例如最通行的ISO Paper Size），很少再直接用到2:3了。其他經(jīng)典的柵格，《版式設(shè)計原理》[1] 這本書里提到過1:1.2:1.44:1.73 [2]，及 1:1.5:2:3 [3] 這樣兩種，說是英文柵格的經(jīng)典。（比值是指四個頁邊距，依次為：訂口:天頭:切口:地腳）PC端的網(wǎng)頁設(shè)計方面：可以參考960 Grid System的東西（960.gs/）。相對比較實用，網(wǎng)站上也提供了多種電子文件格式的模版。其中的 12col / 16col / 24col，個人都試用過，布局比較快捷，效果也不錯。 // 厚顏掛兩個自己的作品 XD (都是基于960grid而來) // (1) flickr/p-otos... // (2) flickr/p-otos...--[1] 《版式設(shè)計原理》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è)計從新開始~由主style頁面（如網(wǎng)站中的首頁、某主題下的主頁）/ 特意定制的頁面（如網(wǎng)站中的運營頁）這得根據(jù)產(chǎn)品的需要來置辦它們~就是你說的「根據(jù)每次圖文資料的內(nèi)容」來決定怎么分~

需要延續(xù)風格的

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

答案 3：

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

答案 4：

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

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

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