2017年3月8日 星期三

版面構圖的技巧

1. 幾何切割

適當的畫面切割能夠給頁面帶來動感與節奏感。加入幾根線條,幾個塊面就能令頁面起到意想不到的效果。
A. 簡單切割





用一個形狀或者素材切分整個頁面,畫面瞬時變得有趣生動起來,內容區域也能得到有效劃分。
B. 對稱切割
這種構圖方式的前提一般是內容分主要兩部分,並且這兩部分是對立關係的情況下,比如說:對戰,男女,冷熱等等。頁面一分為二,內容劃分明確也更加具有視覺衝擊力。



C. 組合切割





集中而規律的排列,從整體上抓住人們的視覺。這種構圖方式適合那種每個區塊中的內容屬於平級關係的專題,例如示例中的幾個功能點和分類,都是屬於同一級的內容,所佔的比例也相同,用這種組合的排列能夠保持各內容的關係,也能讓佈局更有創意。


D. 多重切割





不規則的構圖,穩定而銳利,乾淨的排版,易於識別,不規則的構圖方式,避免了畫面生硬,不易產生審美疲勞。不同的形狀和排列,呈現出來的視覺效果也不一樣。這種構圖方式使用最多的一般是為了體現時尚感,科技感,與鋒利感覺的專題,例如時裝,家電,以及遊戲戰鬥類的專題等等。



2. 主體輪廓

這種處理方式能夠讓用戶一眼就能了解到一些信息,符合專題主題,並且能夠讓頁面更有設計感,生動且活潑。









3. 放射及透視




通過整體放射狀加透視構圖,使畫面呈現立體與空間感,視覺焦點明確,畫面衝擊力強,富有動感。建議在文字數量較少的情況下選擇此種構圖。一般遊戲激戰類的專題會較多的使用這種構圖,突出動感。

4. 整體場景

內容不多,要突出趣味性,又怕無聊,那就設計成一副美妙的插畫吧!讓用戶迅速置身在搭建的場景中,帶動情緒,參與互動,直觀獲取有用信息。這種處理方式會使頁面信息表現的更加準確順暢,快速有效的把目標用戶帶入到頁面氛圍當中。

5. 流程圖

運用這種構圖方式能夠將步驟,關係,各個節點以及整體流向展示清楚,配合圖片展示,一個枯燥的流程瞬間變得個性十足,用戶瀏覽簡單又明了,並且充滿了趣味性。
構圖就是將表現主題的各個構成要素按照主次關係放置在畫面相應的區域,形成視覺感受,達到設計意圖。所有的構圖方式追根究底都是為內容服務,構圖必須要服從主題表現的要求,設計師在設計的時候要注意在追求創意構圖的同時也別影響到用戶閱讀內容。

沒有留言:

張貼留言