如何提高版面設計的"視覺度"？

來自專欄視覺設計傳達

版面設計是藝術與技術的高度統一體，決定版面設計效果的因素有很多，其中比較重要的一項就是視覺度。版面的視覺度關係到版面的生動性、記憶性和閱讀性；關係到版面傳遞信息和滿足審美的需求。要提高版面的視覺度，就要處理好決定視覺度的兩個要素：文字和圖片（插圖、照片）。

01.jpg

版式設計，即印刷物頁面的排版設計。版面設計主要針對版面中出現的圖片與文字，設計師通過一定的手法在一個空間內將圖片、文字等元素有效地組合在一起，最終使版面顯得或簡潔乾淨，或生動活潑，或莊重沉穩，不僅提高了讀者的閱讀興趣，更使讀者在閱讀過程中從視覺上感受到設計作品所希望表現或傳達的主旨。

02.jpg

版面的視覺度是指文字和圖片（插圖、照片）在版面中產生的視覺強弱度。版面的視覺度與版面的生動性、記憶性和閱讀性有相互作用的關係。一個版面設計，如果僅僅是文字版面的排列而無圖的插入，版面會顯得過於嚴肅、冷漠、生硬，使人無閱讀興趣；相反只有圖片而無文字或者只有一些視覺度低的文字和圖片，都會削弱與讀者的溝通力和親和力，閱讀興趣也隨之減弱。

03.jpg

可見版面的視覺度是決定版面設計好壞的重要因素，並且，版面設計和版面視覺度的強弱都是與文字和圖片分不開的，下面我們就圍繞文字和圖片來分析提高版面視覺度的方法。

04.jpg

合理安排圖版率

版面中的圖片跟文字所佔的面積比叫做圖版率，用%來表示。如果版面全是文字，圖版率就為0%，全是圖，圖版率就為100%。正常情況下，圖片的視覺衝擊力比文字強85%，圖片的視覺度高於文字，提高圖版率可以活躍版面，提高版面的視覺度，但完全沒有文字的版面顯得空洞，反而會削弱版面的視覺度。

05.jpg

絕大多數觀者在遇到圖版率為0%的空無一圖的純文字版面時，視覺會產生懈怠的疲勞感，而隨著版面圖片的增加，視覺愉悅度也會逐漸增加，當圖版率達到50%時，親和力急劇上升，相應的版面視覺度提高；但圖版率一旦超過90%，頁面文字過少或沒有文字，反而會感覺版面空洞，給人單調無味的感覺，大大降低了版面的視覺度。綜上所述，合理安排好版面的圖版率，保持圖版率在30%～70%之間，可以有效地提高版面的視覺度。

06.jpg

合理應用文字跳躍率和圖片跳躍率

文字和圖片的跳躍率，是指版面中最大標題和最大的圖與最小正文字體和圖片大小之間的比率。文字或圖片之間反差越大，文字和圖片的跳躍率越高。在版面設計中較高的文字跳躍率可以吸引讀者的注意力，最大字型大小的標題與最小字型大小的正文文字形成強烈對比，可以讓原本枯燥的文字充滿活力；文字字型大小層次豐富，可引導讀者區分文章主次信息，讓閱讀更輕鬆，從而提高版面的視覺度。

07.jpg

圖片則要根據所表現的內容，合理應用跳躍率。圖片跳躍率低，給人以穩重、高品質的感受，如高檔商品宣傳冊的設計；圖片跳躍率高，給人輕鬆俏皮的感受，如娛樂類雜誌封面設計及餐飲、旅遊、購物宣傳版面的設計。只有根據版面設計內容及表現目的，合理應用文字跳躍率和圖片跳躍率，才能提高版面的視覺度。

08.jpg

運用抽象圖形

圖片可分為兩大類 -- 寫實性的、抽象性的。一般來講，在同等大小的情況下，抽象圖形的視覺度強於寫實圖形。這是因為簡單的圖形更容易記憶，人天生對簡單的圖形敏感。並且抽象圖形不同於我們司空見慣的寫實風格的視覺形式，更容易產生視覺吸引力。因此，在版面設計中多使用抽象圖形比使用寫實圖形更容易吸引讀者，更能夠提高版面的視覺度。

09.jpg

運用高質量的圖片

低質量的圖片經過嚴重壓縮，清晰度差，縮放時沒有進行等比例縮放，圖片明顯變形。這樣的圖片連觀看都成問題，更無美感可言，會給閱讀者非常不好的視覺感受，閱讀者會對這些沒有美感的圖片產生抵觸心理，從而降低了圖片在版面中產生的視覺強度。而高質量的圖片是指沒有經過有損壓縮，解析度在300dpi以上的圖片，圖片沒有進行過不等比例縮放。高質量的圖片如超寫實的攝影照片，清晰、美觀，可以有效提高版面的視覺度。

10.jpg

妙用3B原則

3B原則是指由美國著名的廣告大師大衛·奧格威提出的廣告三原則，3B原則是指Beauty（美女）原則、Baby（孩童）原則、Beast（動物）原則。愛美之心人皆有之，美女（Beauty）具有性感的魅力，容易引起人們的愉悅心情；孩童具有純真的魅力，最讓人印象深刻和難以忘懷；而憨態可掬的動物則具有自然的魅力，同樣能吸引大家的眼球。

11.jpg

後來3B原則就成為了國際傳媒創意方法中一項比較流行的黃金法則，適合於任何傳播媒介。在版面設計中，運用3B原則，使用美女、孩童、動物的圖片，符合人類關注生命的天性，最容易贏得讀者的注意和喜歡，能夠有效提高版面的視覺度。

12.jpg

加入特殊的圖片形式

版面設計中最常用的圖片類型為以直線邊框來規範和限制的圖形，即方形圖式。但在一些版面設計中，加入一些特殊的圖片形式如退底圖式、出血圖式等，與方形圖式進行。 推薦閱讀：一圖勝萬言！版式設計中的用圖原則

13.jpg

對比，可以讓圖片視覺衝擊力增強，版面生動，從而提高版面的視覺度。退底圖式是指將圖片中精選出的圖像沿圖像邊緣剪裁而保留輪廓的圖形。退底圖式形態自由，個性突出，能有效地強調物品的形態，使頁面具有動感，視覺感強。出血圖式能夠有效提高視覺衝擊力，引起讀者注意，與方形圖式共同編排版面，能形成層次鮮明的視覺效果，從而極大地提高版面視覺度。

14.jpg

總之，只有提高文字和圖片（插圖、照片）的視覺強度，才能讓讀者更加註意你設計的版面。通過以上介紹的幾種方法，在進行版面設計時，我們可以從圖版率、跳躍率、抽象圖形、高質量圖片、3B原則、特殊的圖片形式六方面入手，來提高版面的視覺度，讓設計出的版面具有生動性、記憶性和閱讀性。

15.jpg

來源/作者：中國設計網/張紅（聲明：其內部作品版權歸屬原作者或所屬媒體所有隻供學習勿用於商業）

?

?????