影響美工設計畫面活躍程度的圖版率

來源:文萃谷 2.05W

在頁面設計中,除了文字之外,通常都會加入圖片或是插圖等視覺直觀性的內容。表示這些視覺要素所佔面積與整體頁面的之間比率的就是圖版率。簡單説來,圖版率就是頁面中圖片面積的所佔比。這種文字和圖片所佔的比率,對於頁面的整體效果和其內容的易讀性會產生巨大的影響。

影響美工設計畫面活躍程度的圖版率

圖版率高低的區別:同樣的設計風格下,圖版率高的頁面會給人以熱鬧而活躍的感覺,反之圖版率低的頁面則會傳達出沉穩、安靜的效果。提高圖版率可以活躍版面,優化版面的視覺度。但完全沒有文字的版面也會顯得空洞,反而會削弱版面的視覺度。

如果頁面的整體全部都是圖片的時候,圖版率就是100%。反之如果頁面全是文字,圖版率就是0%。

有時在沒有圖像素材的情況下,但因為頁面性質的.需要,頁面又需要呈現出圖版率高的效果。那麼,該如何進行設計呢?

一. 通過對頁面底色的調整,取得與提高圖版率相似的效果,從而改變頁面所呈現出來的視覺效果。

二.如果素材圖像尺寸小,卻不想讓圖版率變低。可以通過色塊(相近色或是互補色)的延伸或是圖像的重複來組織頁面結構,避免這種素材資源不足的情況。採用和圖片相同大小的色塊可以保持界面的統一性與簡潔性,而且這樣的排版會造成一種錯覺,使用户覺得有底色的方框整體視乎是一張圖片。而原本小尺寸的素材圖在背景色的映襯下也似乎變成了一張很大的圖。這種重複排列、添加變化的方法有效地避免了頁面的單調和無趣。

三.版式的強節奏設計也能間接優化頁面的圖版率。合理的利用排版的節奏感以及跳躍率(文字和圖片的跳躍率,是指版面中最大標題和最大的圖與最小正文字體和圖片大小之間的比率)。在版面設計中,圖片或是文字的跳躍率可以獲得較高的注意力,讓無趣的版面充滿活力。另外,排版層次豐富,也可以區分文章主次信息,讓瀏覽更加輕鬆,並且提高版面的視覺度。

四.增加頁面中的圖形也可以改善圖版率低的問題。無論是數字、序號、角標、圖標,甚至是視覺處理後的標題文字,都能提高頁面的視覺度,並給用户留下活躍生動的印象。同時,圖形作為一種更直觀的傳達信息的方式,也使人一眼就能快速獲取信息,從效率上優於用 文字表達時的逐行掃描。

熱門標籤