淘寶美工必會的頁面構(gòu)圖五大招
2016-02-16 14:34
1. 幾何切割
在現(xiàn)實(shí)生活與自然界中，我們隨處可見幾何圖形的存在，簡單的三角形、正方形、長方形和圓形甚至幾根線條就可以組成很多有趣的圖形，也很符合現(xiàn)代審美需求，適當(dāng)?shù)漠嬅媲懈钅軌蚪o頁面帶來動感與節(jié)奏感。加入幾根線條，幾個塊面就能令頁面起到意想不到的效果。實(shí)現(xiàn)的時候需要注意的是素材不適合太過復(fù)雜和花哨，一般會是純色大塊搭配漸變，主要突出形狀和區(qū)塊。
A.簡單切割:用一個形狀或者素材切分整個頁面，畫面瞬時變得有趣生動起來，內(nèi)容區(qū)域也能得到有效劃分。
B.對稱切割:這種構(gòu)圖方式的前提一般是內(nèi)容分主要兩部分，并且這兩部分是對立關(guān)系的情況下，比如說：對戰(zhàn)，男女，冷熱等等。頁面一分為二，內(nèi)容劃分明確也更加具有視覺沖擊力。
C.組合切割:集中而規(guī)律的排列，從整體上抓住人們的視覺。這種構(gòu)圖方式適合那種每個區(qū)塊中的內(nèi)容屬于平級關(guān)系的專題，例如示例中的幾個功能點(diǎn)和分類，都是屬于同一級的內(nèi)容，所占的比例也相同，用這種組合的排列能夠保持各內(nèi)容的關(guān)系，也能讓布局更有創(chuàng)意。
D.多重切割:不規(guī)則的構(gòu)圖，穩(wěn)定而銳利，干凈的排版，易于識別，不規(guī)則的構(gòu)圖方式，避免了畫面生硬，不易產(chǎn)生審美疲勞。不同的形狀和排列，呈現(xiàn)出來的視覺效果也不一樣。這種構(gòu)圖方式使用最多的一般是為了體現(xiàn)時尚感，科技感，與鋒利感覺的專題，例如時裝，家電，以及游戲戰(zhàn)斗類的專題等等。
2.主體輪廓
活動的專題年年做，沒有新意，想更與眾不同？那就這樣處理吧，根據(jù)專題的主要內(nèi)容，從整體上構(gòu)建一個邊界或外形線，形成一個大的輪廓，將專題內(nèi)容巧妙的填充進(jìn)去。這種處理方式能夠讓用戶一眼就能了解到一些信息，符合專題主題，并且能夠讓頁面更有設(shè)計(jì)感，生動且活潑。需要提醒的是設(shè)計(jì)的時候?qū)⑿螤畋M量輪廓化，加以強(qiáng)調(diào)突出，主體不需要太具象，舍棄一些繁瑣的、次要的元素，以免影響用戶閱讀內(nèi)容。
3.放射及透視
通過整體放射狀加透視構(gòu)圖，使畫面呈現(xiàn)立體與空間感，視覺焦點(diǎn)明確，畫面沖擊力強(qiáng)，富有動感。需要注意的是放射狀的排版不太適合文字閱讀，要注意文字排版。建議在文字?jǐn)?shù)量較少的情況下選擇此種構(gòu)圖。一般游戲激戰(zhàn)類的專題會較多的使用這種構(gòu)圖，突出動感。
4.整體場景
專題內(nèi)容不多，要突出趣味性，又怕用戶無聊，那就設(shè)計(jì)成一副美妙的插畫吧！讓用戶迅速置身在搭建的場景中，帶動情緒，參與互動，直觀獲取有用信息。這種處理方式會使頁面信息表現(xiàn)的更加準(zhǔn)確順暢，快速有效的把目標(biāo)用戶帶入到頁面氛圍當(dāng)中。不過需要注意的是場景搭建對素材的要求比較高，明暗，陰影，透視以及層次感，體積都需要用心處理。這類專題大多都會搭配動畫一起實(shí)現(xiàn)，在帶入感上更進(jìn)一層。在設(shè)計(jì)的時候，對專題內(nèi)容頭腦里要有畫面感，先搭建大的畫面關(guān)系，再往里頭添細(xì)節(jié)和內(nèi)容，切記場景不要搶了內(nèi)容的視覺焦點(diǎn)，在適當(dāng)?shù)臅r候做些減法。
5.流程圖
俗話說，千言萬語不如一張圖，專題運(yùn)用這種構(gòu)圖方式能夠?qū)⒉襟E，關(guān)系，各個節(jié)點(diǎn)以及整體流向展示清楚，配合圖片展示，一個枯燥的流程瞬間變得個性十足，用戶瀏覽簡單又明了，并且充滿了趣味性。
不同的構(gòu)圖方式、不同的主題都需要美工在設(shè)計(jì)時注重營銷效果和視覺沖擊的凸顯，同時也需要將展現(xiàn)的產(chǎn)品內(nèi)容予以完全展現(xiàn)，從而獲取消費(fèi)者的注意，滿足消費(fèi)者的消費(fèi)需求獲取訂單的產(chǎn)生和業(yè)績的提高。
