信息設計在網格中的視覺色彩審美與情感傳達

劉英君

青島黃海學院，山東 青島 266700

一、統一網格的色彩視覺表現

網格設計將信息傳達內容得到深度的挖掘與發揮，同時讓網格設計的整體視覺表現傳達出統一情感。明確的意圖，各元素清晰的區分，字體的和諧、美觀以及可讀性都需共同調控，色彩以及整個版面色彩的和諧呈現，塑造統一滿意的視覺整體表現。

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

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

二、構建網格的視覺感官

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

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

圖1 《kinfolk》雜志設計

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

圖3 《Geiger》雜志版面設計

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

好的設計都是通過視覺觀感再到信息呈現表達來說話，我們觀看到的信息的舒適性、整體性、生動性會直接關系到我們對于信息的理解與感悟。更會直接影響到我們的選擇，構建一個良好的網格視覺感觀會讓我們對于信息的處理、閱讀、理解更加全面、客觀。

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

三、強調“圖文”的情節互動

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

圖6

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

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

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

圖7

圖8

圖9

所以構建一個合適的網格設計不管運用何種方式都能將信息的層次性與信息的傳遞性完成一種質的表達。同時也帶來主次分明、傳達準確、明朗易讀的視覺呈現。隨著給予的信息進行設計，通過色彩的精彩呈現，結合版面的主題需求選擇相應的網格，從而使版面的表現結構與內容信息得到高度統一，信息得以在一個整體視覺與審美情感表達上呈現。

（圖片均來自網絡）