信息設(shè)計在網(wǎng)格中的視覺色彩審美與情感傳達(dá)

劉英君

青島黃海學(xué)院，山東 青島 266700

一、統(tǒng)一網(wǎng)格的色彩視覺表現(xiàn)

網(wǎng)格設(shè)計將信息傳達(dá)內(nèi)容得到深度的挖掘與發(fā)揮，同時讓網(wǎng)格設(shè)計的整體視覺表現(xiàn)傳達(dá)出統(tǒng)一情感。明確的意圖，各元素清晰的區(qū)分，字體的和諧、美觀以及可讀性都需共同調(diào)控，色彩以及整個版面色彩的和諧呈現(xiàn)，塑造統(tǒng)一滿意的視覺整體表現(xiàn)。

《kinfolk》雜志設(shè)計（圖1）是當(dāng)下非常流行的網(wǎng)紅小清新雜志。排版清晰簡單，整體風(fēng)格統(tǒng)一，也很好的詮釋了雜志所要傳達(dá)出的生活態(tài)度。“適當(dāng)放慢一點生活腳步、用美好的眼光發(fā)現(xiàn)這個世界，好的味道，好的故事，好的人生。”整個版面展現(xiàn)出溫馨、雅致的視覺表達(dá)。色彩溫馨和諧，淡淡的灰紫色封面，清新干凈的內(nèi)頁排版，溫柔地閱讀，靜靜地欣賞。

《brulion》（圖2）書刊版面設(shè)計，黑白灰的色彩頁面基調(diào)，用亮黃來說明每頁的主題與表達(dá)內(nèi)容，在統(tǒng)一中達(dá)到視覺的閱讀變化，網(wǎng)格的分欄方式也是用了多種表現(xiàn)形式，將復(fù)合網(wǎng)格、模塊網(wǎng)格合理地運用變化，極大增強了網(wǎng)格的信息傳達(dá)性，統(tǒng)一的網(wǎng)格視覺表現(xiàn)讓版面和諧，明確，又不失生動，讓版面的內(nèi)容呈現(xiàn)也十分出彩。頁面頂部的小標(biāo)題信息貫穿整本刊物，單純用文字大小、顏色的改變增強信息的傳達(dá)屬性，讓所有的信息一目了然，在版面中形成統(tǒng)一的視覺效果，建立起和諧的節(jié)奏關(guān)系，統(tǒng)一中又充滿變化，引人入勝。

二、構(gòu)建網(wǎng)格的視覺感官

在網(wǎng)格設(shè)計中，把握住整體性，將信息中的主要信息點以簡單的視覺形態(tài)編排在一起，從而獲得具有視覺化的效果。同時，利用該形態(tài)效果來打破呆板的版式結(jié)構(gòu)，給人耳目一新的感受。

好的網(wǎng)格設(shè)計會帶來舒服的視覺感觀與享受，《Geiger》（圖3）雜志版面設(shè)計就很好的說明了這一點，我們從它第26期刊本中總結(jié)分析，從封面的構(gòu)建就可以感受到清晰的網(wǎng)格排版，即使大面積圖片沖淡了文字的視覺表現(xiàn)力，但是亮眼的標(biāo)題與四欄的網(wǎng)格架構(gòu)可以清晰的觀察到，而刊物內(nèi)文的版式設(shè)計，采用復(fù)合式的網(wǎng)格設(shè)計，文字與留白的表現(xiàn)力呼之欲出，每個版面在已有的網(wǎng)格基礎(chǔ)上都構(gòu)建出生動的視覺感觀，而且方式也是多種多樣。通過文字大小的變化，左右跨頁的結(jié)合與留白，圖片的剪切與放置，都在同一個版式頁面中得到生動展現(xiàn)，構(gòu)建出和諧整體又充滿生動變化的視覺審美效果。

圖1 《kinfolk》雜志設(shè)計

圖2 《brulion書刊版面設(shè)計》 http://www.ccdol.com/sheji/zhuangzheng/

圖3 《Geiger》雜志版面設(shè)計

《Leap of Faith》（圖4）雜志的版面設(shè)計更是凸顯了這一點，而且是單單依靠文字的變化來構(gòu)建整本雜志的視覺生動呈現(xiàn)，封面清晰的網(wǎng)格架構(gòu)，頁面中文字圖形化的大膽運用，空間留白的信息敘述讓整個版面設(shè)計充滿視覺的層次變化，閱讀者也依靠這種隱含的秩序性網(wǎng)格模式，來感受版面設(shè)計中文字所帶來的視覺魅力。

好的設(shè)計都是通過視覺觀感再到信息呈現(xiàn)表達(dá)來說話，我們觀看到的信息的舒適性、整體性、生動性會直接關(guān)系到我們對于信息的理解與感悟。更會直接影響到我們的選擇，構(gòu)建一個良好的網(wǎng)格視覺感觀會讓我們對于信息的處理、閱讀、理解更加全面、客觀。

圖4 《Leap of Faith》雜志版面設(shè)計設(shè)計 http://www.ccdol.com/sheji/zhuangzheng/

三、強調(diào)“圖文”的情節(jié)互動

在網(wǎng)格設(shè)計中，“圖”與“文” 是兩大設(shè)計主體，“圖”就是泛指圖形，“文”就是指文字，可以說網(wǎng)格設(shè)計90%的設(shè)計工作都是在處理“圖文”之間的編排、組合。圖形與文字的編排是設(shè)計的關(guān)鍵要素，在設(shè)計中通過對圖形文字的組織關(guān)系，秩序傳遞來展現(xiàn)網(wǎng)格設(shè)計的實用性、清晰層次、節(jié)奏韻律，形成生動有序的視覺沖擊力。加強“圖文”之間的情節(jié)互動會讓設(shè)計作品達(dá)到信息的有效傳遞，視覺的愉悅美觀，精神的共鳴享受的效果。

圖6

圖文的情節(jié)互動豐富，方式多樣。根據(jù)圖形特點讓文字依附于圖形來進(jìn)行排列的方式如圖（圖5），當(dāng)可口可樂的圖形作為版式宣傳的主體物時，我們除了要突出主體圖片的分量以外，周邊文字的組織也要配合宣傳的主體物進(jìn)行設(shè)計，可口可樂的圖片已在第一時間達(dá)到了強烈的視覺表現(xiàn)，引起觀者對這份刊物的興趣，而順勢而排的文字在輔助圖片的同時，用網(wǎng)格的手段層層遞進(jìn)，完成了信息的傳遞表達(dá)，對圖片所隱含的深層內(nèi)容進(jìn)行細(xì)致的傳達(dá)和解析，達(dá)到圖文之間精彩地情節(jié)互動，有效、生動地傳遞了信息。

根據(jù)版面網(wǎng)格的骨骼延展變化來達(dá)到圖文之間的交流傳遞是另一種網(wǎng)格設(shè)計方法。（圖6）音樂會宣傳海報就是很好的范例，圖片大小不等、錯落有致地根據(jù)網(wǎng)格線排列分布，文字穿插于圖片當(dāng)中，進(jìn)行互動性的說明展示，讓圖與文之間既有相互交流之感又有各自展示的立場，生動地傳遞出圖文信息。

合理地利用色彩分布來讓圖文互動又是一種設(shè)計方法。圖（7）（8）（9）的海報設(shè)計都是在網(wǎng)格基礎(chǔ)上用色彩來凸顯圖文之間的交流互動，將信息有效，生動地傳達(dá)給讀者。讓讀者與海報中的“圖文”進(jìn)行視覺的交流互動，達(dá)到宣傳的設(shè)計意圖。

圖7

圖8

圖9

所以構(gòu)建一個合適的網(wǎng)格設(shè)計不管運用何種方式都能將信息的層次性與信息的傳遞性完成一種質(zhì)的表達(dá)。同時也帶來主次分明、傳達(dá)準(zhǔn)確、明朗易讀的視覺呈現(xiàn)。隨著給予的信息進(jìn)行設(shè)計，通過色彩的精彩呈現(xiàn)，結(jié)合版面的主題需求選擇相應(yīng)的網(wǎng)格，從而使版面的表現(xiàn)結(jié)構(gòu)與內(nèi)容信息得到高度統(tǒng)一，信息得以在一個整體視覺與審美情感表達(dá)上呈現(xiàn)。

（圖片均來自網(wǎng)絡(luò)）