網(wǎng)格與數(shù)碼版面設(shè)計(jì)

姚光明

（淮南師范學(xué)院 美術(shù)系，安徽 淮南232001）

網(wǎng)格與數(shù)碼版面設(shè)計(jì)

姚光明

（淮南師范學(xué)院 美術(shù)系，安徽 淮南232001）

任何視覺的媒介都是以信息有效傳達(dá)為中心理念。面對(duì)目前數(shù)字化時(shí)代對(duì)信息傳遞的要求，網(wǎng)格便于在視聽信息和受眾群體之間服務(wù)，使數(shù)碼版面設(shè)計(jì)在視覺效果上更具統(tǒng)一性、完整性、精確性，也使設(shè)計(jì)方法更具可操作性。

網(wǎng)格；數(shù)碼版面設(shè)計(jì)；功能；理性；信息傳播

一、為萬物帶來秩序的網(wǎng)格

世間萬事萬物都有格子，沒有不帶格子的?！桥c宇宙的安排吻合的格子。［1］一個(gè)國家要有法律、道德、規(guī)章制度、鄉(xiāng)規(guī)民俗等這樣的“格子”來規(guī)范行為。再小的東西也有其內(nèi)在的網(wǎng)格或尺度，而看似靜止的東西，也有其內(nèi)在的流動(dòng)性和變形，即使它被濃縮成一粒種子，或反之放大到宇宙之巨，作為有形之物普遍尺度的秩序，是存在于萬物之中的。

網(wǎng)格作為改變規(guī)格再創(chuàng)造的方法，它是最先體現(xiàn)構(gòu)想的標(biāo)準(zhǔn)化系統(tǒng)，作為一種潛在的規(guī)則或叫做意象的比例尺，在最終效果中，是被其它圖形主題所覆蓋或隱形的。

二、為傳達(dá)而設(shè)計(jì)的版面

設(shè)計(jì)首先是實(shí)用功能，設(shè)計(jì)是給人使用的。視覺傳達(dá)設(shè)計(jì)是關(guān)于人們觀看和閱讀事物的設(shè)計(jì)，以“為傳達(dá)而設(shè)計(jì)”作為基準(zhǔn)，使復(fù)雜轉(zhuǎn)化為清晰。美國的梅格斯在《二十世紀(jì)視覺傳達(dá)設(shè)計(jì)史》中把視覺傳達(dá)設(shè)計(jì)稱為“動(dòng)的最快而最短暫的設(shè)計(jì)學(xué)科”。［2］平面設(shè)計(jì)師是信息問題的解決者，即如何準(zhǔn)確、高效、有力的傳達(dá)內(nèi)容信息，更好地在信息和受眾群體之間服務(wù)。

任何視覺的媒介都是以傳達(dá)為中心理念，而版面則是信息傳達(dá)的橋梁。版面設(shè)計(jì)最基本的要求就是創(chuàng)建秩序，愉悅視覺，便于閱讀，有助于交流的進(jìn)行，其目的是要利用令讀者輕松接受的視覺和結(jié)構(gòu)元素來傳播信息。每個(gè)成功的平面設(shè)計(jì)背后都要有成功的版面結(jié)構(gòu)，有了好的版面結(jié)構(gòu)，可使交流變得清晰，讀者就能夠?yàn)g覽媒體中非常復(fù)雜的信息。21世紀(jì)的人們受到過多信息的轟擊，人們獲取信息的注意力和時(shí)間卻恰恰與信息量的激增成反比，這對(duì)于視覺傳達(dá)設(shè)計(jì)師提出了最本質(zhì)的要求：為信息帶來秩序的能力；對(duì)信息進(jìn)行有效快速的計(jì)劃、組織，努力做到視覺傳達(dá)效果和審美品質(zhì)的最佳化；為所傳達(dá)的信息帶來最大的功能性，清晰可讀性，溝通的順暢性。因此，作為設(shè)計(jì)師應(yīng)該有一種強(qiáng)烈的社會(huì)責(zé)任感，他們應(yīng)該關(guān)心讀者，考慮時(shí)間因素對(duì)于讀者的影響。

三、數(shù)碼版面設(shè)計(jì)的網(wǎng)格策略

在當(dāng)今信息網(wǎng)絡(luò)化時(shí)代，隨著數(shù)碼網(wǎng)絡(luò)技術(shù)的快速發(fā)展和應(yīng)用普及，人類進(jìn)入了“數(shù)字化生存空間”，數(shù)碼傳播媒體即圖文信息的數(shù)字化載體，改變了信息發(fā)送、接收的方式，使得信息以前所未有的速度涌入我們的生活，極大地沖擊了傳統(tǒng)的版面設(shè)計(jì)概念。印刷工藝已不是表達(dá)平面設(shè)計(jì)的唯一手段和方式，在近幾年來發(fā)展極其迅速，那就是主要針對(duì)網(wǎng)頁、電子讀物、多媒體界面等的數(shù)碼版面設(shè)計(jì)。數(shù)碼版面是現(xiàn)代版面設(shè)計(jì)的新形式，也是發(fā)展的新趨勢。

［1］（日）杉浦康平.亞洲之書·文字·設(shè)計(jì)——杉浦康平與亞洲同人的對(duì)話 ［M］.楊晶，李建華，譯.臺(tái)北：網(wǎng)路與書股份有限公司臺(tái)灣分公司，2006.

［2］（美）梅格斯.二十世紀(jì)視覺傳達(dá)設(shè)計(jì)史［M］.柴常佩，譯.武漢：湖北美術(shù)出版社，1989.

［3］（法）勒·柯布西埃.走向新建筑［M］.陳志華，譯.西安：陜西師范大學(xué)出版社，2004.

TS881

A

1673－1395（2012）02－0170－02

2011－12－12

安徽省2008年藝術(shù)設(shè)計(jì)省級(jí)特色示范專業(yè)基金資助項(xiàng)目（SJTSZY200802）

姚光明（1975—），男，安徽蕪湖人，講師，碩士，主要從事設(shè)計(jì)藝術(shù)學(xué)研究。

責(zé)任編輯 袁麗華 E－mail：yuanlh@yangtzeu.edu.cn

數(shù)碼版面設(shè)計(jì)即在有限的屏幕空間上將視聽多媒體信息元素進(jìn)行有機(jī)的排列組合。數(shù)碼傳播媒體都是建立在大眾的立場上，數(shù)碼版面設(shè)計(jì)只是整個(gè)物質(zhì)生產(chǎn)或傳播活動(dòng)的環(huán)節(jié)之一，以此來完成產(chǎn)品生產(chǎn)和進(jìn)行大眾傳播的任務(wù)。數(shù)碼版面設(shè)計(jì)作為現(xiàn)代人們了解時(shí)代和社會(huì)信息的重要界面，它需要以有效傳播與溝通為導(dǎo)向，以傳播力為核心標(biāo)準(zhǔn)，它不再是純粹個(gè)人的藝術(shù)表現(xiàn)或純粹形式感的追求，而是更多結(jié)合廣告創(chuàng)意、市場、營銷等概念的功能性視覺傳達(dá)。數(shù)碼版面設(shè)計(jì)是一種能夠讓瀏覽者清楚、容易地理解作品所傳達(dá)信息的方法；是一種將視、聽等不同元素加以科學(xué)、合理、巧妙排列的方式；其最終目的就是使既定版面上的諸元素的整體風(fēng)格、形式、編排等共同傳遞出準(zhǔn)確明晰的信息，形成清晰的條理性和導(dǎo)讀性，使得信息的組織、傳播更加方便、簡化、直接、快速，將信息在短時(shí)間內(nèi)傳遞給讀者。數(shù)碼版面設(shè)計(jì)中追求“少即是多”，追求簡潔、科學(xué)、理性，有利于國際化的視覺傳達(dá)，適用于全球化市場的需要，也就是旨在實(shí)現(xiàn)利益最大化的功能美。

信息時(shí)代交互式傳播媒體網(wǎng)絡(luò)的出現(xiàn)，重新激發(fā)了對(duì)通用性設(shè)計(jì)的興趣，將會(huì)成為一種推動(dòng)網(wǎng)格設(shè)計(jì)的手段。網(wǎng)絡(luò)作為新的信息傳播的載體，使得傳播者與受眾之間的傳統(tǒng)的相互關(guān)系正面臨巨大的變化，它改變了我們對(duì)信息傳遞的認(rèn)識(shí)，改變了我們的閱讀方式；它所具有的信息傳遞快捷、迅速、傳播范圍廣等優(yōu)勢，以無與倫比的效率逐漸成為信息宣傳的重要陣地。網(wǎng)絡(luò)使界面這一信息窗口在現(xiàn)代版面設(shè)計(jì)中占有越來越多的比重，而界面直接影響到使用者能否正確使用一臺(tái)機(jī)器、一個(gè)電腦程序，是否可以高效率地進(jìn)行網(wǎng)上作業(yè)。怎樣在這個(gè)特殊的屏幕平臺(tái)上布置信息，基于數(shù)字編碼的信息圖文以何種版面編排的方式呈現(xiàn)在受眾面前，將決定受眾接受信息的有效性和信息傳播的速度。運(yùn)用組織完善的網(wǎng)格分割塊狀的方式構(gòu)成標(biāo)準(zhǔn)化的數(shù)碼版面，進(jìn)行視覺上的分類組織，對(duì)信息歸類，組群化，集成板塊，建立起信息結(jié)構(gòu)與視聽結(jié)構(gòu)的新秩序，可產(chǎn)生清晰明了、結(jié)構(gòu)簡潔、邏輯排列的視覺語言。應(yīng)用網(wǎng)格將屏幕中控制元素和內(nèi)容元素分隔成技術(shù)上可行的不同比例區(qū)域，提供一個(gè)簡單、容易使用的界面，可適應(yīng)現(xiàn)代社會(huì)數(shù)字化信息海量的傳播和高節(jié)奏的生活。在現(xiàn)代信息數(shù)字化、網(wǎng)絡(luò)化時(shí)代，以數(shù)字傳輸為依托的數(shù)字電視、移動(dòng)電話、數(shù)碼設(shè)備的交互式界面、屏幕顯示的網(wǎng)站、電腦桌面上的icon圖標(biāo)設(shè)計(jì)，包括軟件中的對(duì)話框、菜單欄、工具面板等的版面編排，運(yùn)用標(biāo)準(zhǔn)化的、嚴(yán)謹(jǐn)?shù)木W(wǎng)格可以幫助設(shè)計(jì)師建立各種骨骼，將具有重復(fù)性與組合性的版面分為不同的功能區(qū)域，可自由、快捷、準(zhǔn)確地把復(fù)雜的視聽多媒體信息元素有條理地置于合適位置；使編排關(guān)系次序化、條理化、規(guī)范化、結(jié)構(gòu)化，更好地顯示繁雜的視覺信息，形成簡潔、明了、理性、穩(wěn)重的版面效果；并能夠保證內(nèi)容傳達(dá)表現(xiàn)上的合乎邏輯，整個(gè)作品頁面間或元素間視覺形象的和諧統(tǒng)一。對(duì)一個(gè)信息量大且樣式復(fù)雜的現(xiàn)代商業(yè)廣告網(wǎng)站而言，網(wǎng)格理性的構(gòu)成比例、律動(dòng)，可以在不同網(wǎng)頁間形成呼應(yīng)，令讀者輕易檢索到相關(guān)信息，適合瀏覽，利于查閱。如果沒有嚴(yán)格的編排規(guī)范，僅僅按照直覺的、感性的主觀判斷與偶然性的處理，很容易在視覺上雜亂無章。勒·柯布西埃（Le Corbusier）在《走向新建筑》中說：“輔助線是避免任意性的一種保證，是實(shí)現(xiàn)目標(biāo)的一種方法。它可以使人很好地理解設(shè)計(jì)”。［3］數(shù)碼版面設(shè)計(jì)建立于網(wǎng)格系統(tǒng)之上，它所起的作用類似于建筑結(jié)構(gòu)中的腳手架，提供了支撐的手段，并引導(dǎo)設(shè)計(jì)師在各部分準(zhǔn)確地排放設(shè)計(jì)要素，這是單憑肉眼難以達(dá)到的。數(shù)碼版面設(shè)計(jì)有了這種網(wǎng)格策略，就使每一因素都“各就各位”，全部要素各得其所，它們就像彼此不可分割的“原子”微粒那樣，造就了形象具有內(nèi)在意義聯(lián)系和整體感，整個(gè)視覺設(shè)計(jì)就充滿力量?？傊?，以“線性來思考”的網(wǎng)格不僅幫助了那些視力不佳的數(shù)字化設(shè)備使用者，也有益于顯示空間很小的手機(jī)、手持?jǐn)?shù)字顯示器設(shè)備的信息傳遞。

在步入網(wǎng)絡(luò)時(shí)代后，數(shù)字化信息媒介中的每一種數(shù)字形象本質(zhì)上都是由整齊的網(wǎng)格系統(tǒng)建構(gòu)起來的，可以說互聯(lián)網(wǎng)本身就是一個(gè)數(shù)據(jù)庫排版的典范，幾乎所有專業(yè)網(wǎng)站都采用網(wǎng)格模板技術(shù)來自動(dòng)更新網(wǎng)頁，與網(wǎng)頁設(shè)計(jì)相關(guān)軟件的表格式制作模式使設(shè)計(jì)師更習(xí)慣于網(wǎng)格化的設(shè)計(jì)方式。網(wǎng)格使數(shù)碼版面設(shè)計(jì)在視覺效果上更具統(tǒng)一性、完整性、精確性，也使設(shè)計(jì)方法更具可操作性。