網(wǎng)格版式設(shè)計(jì)

1、網(wǎng)格版式設(shè)計(jì)版式設(shè)計(jì)的一種，產(chǎn)生于二十世紀(jì)初葉的西歐諸國(guó)，完 善則于五十年代的瑞士。網(wǎng)格設(shè)計(jì)風(fēng)格的形成離不開(kāi)建筑對(duì)其深刻的影響，其風(fēng) 格特點(diǎn)是運(yùn)用數(shù)字的比例關(guān)系，通過(guò)嚴(yán)格的計(jì)算，把版心劃 分為無(wú)數(shù)統(tǒng)一尺寸的網(wǎng)格。將之分為一欄、二欄、三欄以及更多的欄把文字與圖片 安排于其中，使版面具有一定的節(jié)奏變化，產(chǎn)生優(yōu)美的韻律 關(guān)系、網(wǎng)格設(shè)計(jì)在實(shí)際運(yùn)用中具有科學(xué)性、嚴(yán)肅性，但同時(shí) 也會(huì)給版面帶來(lái)呆板的負(fù)面影響。設(shè)計(jì)師在運(yùn)用網(wǎng)格設(shè)計(jì)的同時(shí)，應(yīng)適當(dāng)打破網(wǎng)格的約束使畫(huà) 面活潑生動(dòng)。網(wǎng)格構(gòu)成是現(xiàn)在版面設(shè)計(jì)最重要的基礎(chǔ)修養(yǎng)之一。作為 一種行之有效的版面設(shè)計(jì)形式法則，它將構(gòu)成主義和秩序的 概念引入到設(shè)計(jì)之中，使得所有的

2、設(shè)計(jì)元素字休、圖片 以及點(diǎn)、線(xiàn)、而之間的協(xié)調(diào)一致成為可能。網(wǎng)格構(gòu)成設(shè)計(jì)特別強(qiáng)調(diào)比例感、秩序感、整體感、時(shí)代感和 嚴(yán)密感，創(chuàng)造了一種簡(jiǎn)潔、樸實(shí)的版面藝術(shù)表現(xiàn)風(fēng)格，曾對(duì) 西文現(xiàn)代平面設(shè)計(jì)產(chǎn)生過(guò)廣泛影響。隨著版面設(shè)計(jì)的電腦化 進(jìn)程，網(wǎng)格構(gòu)成設(shè)計(jì)越來(lái)越受到設(shè)計(jì)界的重視，已成為藝術(shù) 院校平面設(shè)計(jì)的必修教程。木書(shū)是最為經(jīng)典的網(wǎng)格構(gòu)成設(shè)計(jì)專(zhuān)著之一，通過(guò)大量文字和設(shè)計(jì)實(shí)例，對(duì)網(wǎng)格構(gòu)成設(shè)計(jì)理論和應(yīng)用進(jìn)行了系統(tǒng)和深入的 講解，讀者不僅可為獲得版面網(wǎng)格構(gòu)成設(shè)計(jì)的形式法則，還 可以結(jié)合自己的設(shè)計(jì)實(shí)踐，將修養(yǎng)、感覺(jué)、技巧融為一體。 逐步創(chuàng)造既有實(shí)用價(jià)值又有藝術(shù)性的完美版面。書(shū)名：版面設(shè)計(jì)網(wǎng)格構(gòu)成作者:瑞士 Niggli

3、出版社編著，鄭微譯出版社：中國(guó)青年出版社出版日期：2005-2-1網(wǎng)格拘束率和版面率在網(wǎng)頁(yè)界面設(shè)計(jì)中，照片和標(biāo)題的位置沿著版面用紙的網(wǎng)格線(xiàn)決 定，這樣設(shè)計(jì)出的版面，是被網(wǎng)格約束住的版面。雅虎中國(guó)網(wǎng)站運(yùn)用網(wǎng)格設(shè)計(jì)，是穩(wěn)重的版面，給人理性和莊重 自由配置，形成脫離網(wǎng)格約束的版面設(shè)計(jì)，體現(xiàn)出自由的感覺(jué)， 容易制造有趣的版面 挖版打破網(wǎng)格拘束率如果畫(huà)面上標(biāo)準(zhǔn)照片是四邊形，叫做角版，根據(jù)主題形狀自由變 化的照片類(lèi)型叫做“挖版”，將周邊部分進(jìn)行部分淡化處理的叫 “模糊版”，三種版式不僅在類(lèi)型上有所區(qū)別，在視覺(jué)效果上也 存在著很大差異。角版：合理的、理性的、新聞性的挖版：自由的、非正式的、歡迎的、活潑的角版

4、和模糊版是相對(duì)的，模糊版能營(yíng)造一種神秘的奇妙氛圍，表現(xiàn)出朦朧的美和優(yōu)雅，但絕對(duì)不適合新聞的嚴(yán)謹(jǐn)性。采用角版圖片，與新聞形象十分相稱(chēng)，使版面緊湊，體現(xiàn)出理性 的、新聞性的。角版一般在相對(duì)正式莊重的網(wǎng)站上使用。網(wǎng)頁(yè)界面中采用非正式的、自由的挖版形式，能夠給觀者一種輕 松自由進(jìn)入畫(huà)面的情緒，體現(xiàn)出親切、歡迎的表現(xiàn)形式采用模糊版，體現(xiàn)出優(yōu)雅和寬裕的感覺(jué)，同時(shí)圖片與背景顏色的過(guò)度融合，使人進(jìn)入一種神秘的畫(huà)面網(wǎng)頁(yè)界面上下左右都有一定的幅度空白，叫做留白。版面率指空白的多少，版面率越高，空白就越少。央視網(wǎng)站緊縮空白，放入很多內(nèi)容，給人信息豐富的感覺(jué)，如果空白大了，就很難表現(xiàn)出信息量的感覺(jué)，版面率高，體現(xiàn)信息

5、豐富；在我們?nèi)粘＝佑|的印刷物中，報(bào)紙的版面率是非常高的?；瘖y品旁擴(kuò)大空白量，造成舒暢、穩(wěn)重的氛圍，給人高品質(zhì)的感覺(jué)網(wǎng)格是設(shè)計(jì)得以成立的基礎(chǔ)，它使設(shè)計(jì)師能將豐富的設(shè)計(jì)元素有效地安排在一 個(gè)頁(yè)面上。從本質(zhì)上說(shuō)，它是一件設(shè)計(jì)作品的骨骼。網(wǎng)格給設(shè)計(jì)帶來(lái)秩序感和 結(jié)構(gòu)感，不管它們是像右頁(yè)圖中的那樣簡(jiǎn)單，還是像在新聞網(wǎng)頁(yè)中所表現(xiàn)出來(lái) 的那樣復(fù)雜。本書(shū)的目的是向讀者介紹平面設(shè)計(jì)中網(wǎng)格的基本運(yùn)用原則，就像當(dāng)代設(shè) 計(jì)師們所實(shí)踐的那樣。雖然這些基本原則中有一些要追溯至出版業(yè)第一次成為 大型產(chǎn)業(yè)的時(shí)期，但這些方法、技術(shù)已經(jīng)在幾個(gè)世紀(jì)的發(fā)展中變得更加精確、 進(jìn)步和完善。這個(gè)過(guò)程仍在繼續(xù)，新科技也為其帶來(lái)了以互聯(lián)網(wǎng)、移

6、動(dòng)電話(huà)為 代表的新媒體。不過(guò)，本書(shū)也無(wú)意成為網(wǎng)格使用說(shuō)明書(shū)。它所關(guān)注的是網(wǎng)格使用背后的 原則，以此賦予讀者更強(qiáng)的能力，去解決平面設(shè)計(jì)工作中將面臨的問(wèn)題。本書(shū) 所要傳達(dá)的主要訊息就是：如果只是以靜態(tài)和重復(fù)的方式運(yùn)用網(wǎng)格，是不會(huì)帶 來(lái)有效并有創(chuàng)造性的設(shè)計(jì)的。在幫助讀者增進(jìn)對(duì)網(wǎng)格多面形態(tài)的理解的同時(shí)， 我們也希望證明網(wǎng)格不僅僅賦予設(shè)計(jì)以秩序感，而且還能給設(shè)計(jì)的表述和創(chuàng)造 提供豐富的機(jī)會(huì)。版式設(shè)計(jì)的原理已經(jīng)存在了幾個(gè)世紀(jì)，除平面設(shè)計(jì)外， 建筑設(shè)計(jì)、時(shí)裝設(shè)計(jì)等很多領(lǐng)域都廣泛地運(yùn)用這些原理。本 書(shū)通過(guò)挖掘日常生活中的版式設(shè)計(jì)元素，分析版式創(chuàng)意理 念，來(lái)講述版式設(shè)計(jì)的基木原理以及這些原理的實(shí)際應(yīng)用技 巧，為

7、讀者提供豐富多樣的版式設(shè)計(jì)案例，激發(fā)其創(chuàng)意靈感表格布局很適合網(wǎng)格設(shè)計(jì)。表格的代碼本身就是重現(xiàn)一個(gè)網(wǎng)格，我們只是 在單元格中填入圖片，文字，界面元素來(lái)完成我們的設(shè)計(jì)（圖6）。如果我 們想實(shí)現(xiàn)復(fù)雜的非結(jié)構(gòu)化設(shè)計(jì)，就需要在文檔中運(yùn)用大量圖片，導(dǎo)致整個(gè) 文檔的臃腫。圖 6: Weightshift表格布局有一些優(yōu)勢(shì)，然而跟城市規(guī)劃一樣，優(yōu)勢(shì)有時(shí)候也可以變成劣勢(shì)。基于表格的網(wǎng)格保證它里面的所有單元格規(guī)規(guī)矩矩，要想讓所有的列擁有同樣的寬度?太簡(jiǎn)單了，表格的天性如此。讓單元格之間保持一致 的間隙？也是小菜一碟。然而，如果你不想要這種整齊劃一的結(jié)構(gòu)怎么辦？ 很不幸，你做不到。一、版式設(shè)計(jì)的意義在書(shū)刊的編輯加工

8、中，一般把版面設(shè)計(jì)圖叫“版式”，采用圖示的方法設(shè)計(jì) 版面，就稱(chēng)之為“版式設(shè)計(jì)”。它具體包括文字的編排形式、字體字號(hào)、圖表排 版形式以及版面裝飾物的使用等等。從裝幀設(shè)計(jì)這一大方面來(lái)講，裝幀是書(shū)刊的精神內(nèi)容的物質(zhì)形態(tài)，日益被 人們所重視。許多書(shū)刊的設(shè)計(jì)十分精美，令人賞心悅目，也不知不覺(jué)地增加了 對(duì)書(shū)刊的喜愛(ài)。雜志有其周期性快的特點(diǎn)，但裝幀藝術(shù)起著宣傳教育的作用這 一點(diǎn)是共同的。就期刊的版面設(shè)計(jì)而言，因?yàn)榘婷嫔系谋砀瘛⒐?、插圖、注 釋等知識(shí)信息較多，它們?cè)谂c正文內(nèi)的知識(shí)信息之間的位置配合上，經(jīng)過(guò)深思 熟慮后用最理想的軌跡將知識(shí)信息之間聯(lián)系起來(lái)，使讀者的視線(xiàn)流順，心理狀 態(tài)平衡愉悅。相反，沒(méi)有經(jīng)過(guò)精

9、心思考，位置配合不當(dāng)，知識(shí)信息之間的聯(lián)系 就梗阻不通，使本來(lái)可以連接的視線(xiàn)時(shí)斷時(shí)續(xù)，就會(huì)造成心理失衡，影響求知 興趣。可見(jiàn)，小小版面也會(huì)由于技術(shù)設(shè)計(jì)語(yǔ)言得當(dāng)與否，產(chǎn)生不同的社會(huì)影響。二、版式設(shè)計(jì)的原則首先，版式設(shè)計(jì)要體現(xiàn)編輯思想、體現(xiàn)總體編輯構(gòu)思，系統(tǒng)結(jié)構(gòu)。其表現(xiàn) 在版面先后次序上與每一塊版面的安排上。其次，版式設(shè)計(jì)還要受雜志文章內(nèi) 容的制約，又反作用于內(nèi)容。其表現(xiàn)在雜志內(nèi)容不同，版式設(shè)計(jì)也不同；就是 同一期雜志，內(nèi)容不同，版式設(shè)計(jì)也因之有異。再有，版式設(shè)計(jì)得好不好，美 觀不美觀，還要依據(jù)雜志的性質(zhì)。政治性或者學(xué)術(shù)性的，版式設(shè)計(jì)應(yīng)嚴(yán)肅莊重。 反之，趣味性、娛樂(lè)性?xún)?nèi)容的雜志，版式設(shè)計(jì)應(yīng)較為活潑花哨。當(dāng)然這也不是 絕對(duì)的，而是相互融合的。版式設(shè)計(jì)還要與各篇文章內(nèi)容及各個(gè)欄目相