專題頁(yè)設(shè)計(jì)中的構(gòu)圖

原文地址:mux.baidu

一、幾何切割

在現(xiàn)實(shí)生活與自然界中躯保,我們隨處可見幾何圖形的存在,簡(jiǎn)單的三角形澎语、正方形途事、長(zhǎng)方形和圓形甚至幾根線條就可以組成很多有趣的圖形,也很符合現(xiàn)代審美需求擅羞,適當(dāng)?shù)漠嬅媲懈钅軌蚪o頁(yè)面帶來(lái)動(dòng)感與節(jié)奏感尸变。加入幾根線條,幾個(gè)塊面就能令頁(yè)面起到意想不到的效果减俏。

實(shí)現(xiàn)的時(shí)候需要注意的是素材不適合太過(guò)復(fù)雜和花哨召烂,一般會(huì)是純色大塊搭配漸變,主要突出形狀和區(qū)塊娃承。

a. 簡(jiǎn)單切割


Paste_Image.png

Paste_Image.png

Paste_Image.png

b. 對(duì)稱切割

Paste_Image.png

Paste_Image.png

Paste_Image.png

這種構(gòu)圖方式的前提一般是內(nèi)容分主要兩部分奏夫,并且這兩部分是對(duì)立關(guān)系的情況下,比如說(shuō):對(duì)戰(zhàn)历筝,男女桶蛔,冷熱等等。頁(yè)面一分為二漫谷,內(nèi)容劃分明確也更加具有視覺(jué)沖擊力仔雷。

c. 組合切割

Paste_Image.png

Paste_Image.png

集中而規(guī)律的排列,從整體上抓住人們的視覺(jué)。這種構(gòu)圖方式適合那種每個(gè)區(qū)塊中的內(nèi)容屬于平級(jí)關(guān)系的專題碟婆,例如示例中的幾個(gè)功能點(diǎn)和分類电抚,都是屬于同一級(jí)的內(nèi)容,所占的比例也相同竖共,用這種組合的排列能夠保持各內(nèi)容的關(guān)系蝙叛,也能讓布局更有創(chuàng)意。
d. 多重切割

Paste_Image.png
Paste_Image.png

不規(guī)則的構(gòu)圖公给,穩(wěn)定而銳利借帘,干凈的排版,易于識(shí)別淌铐,不規(guī)則的構(gòu)圖方式肺然,避免了畫面生硬,不易產(chǎn)生審美疲勞腿准。不同的形狀和排列际起,呈現(xiàn)出來(lái)的視覺(jué)效果也不一樣。這種構(gòu)圖方式使用最多的一般是為了體現(xiàn)時(shí)尚感吐葱,科技感街望,與鋒利感覺(jué)的專題,例如時(shí)裝弟跑,家電灾前,以及游戲戰(zhàn)斗類的專題等等。

二孟辑、主體輪廓
設(shè)計(jì)的時(shí)候?qū)⑿螤畋M量輪廓化豫柬,加以強(qiáng)調(diào)突出,主體不需要太具象扑浸,舍棄一些繁瑣的烧给、次要的元素,通過(guò)圖片素材來(lái)激發(fā)創(chuàng)意喝噪。

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

此種主體內(nèi)容很明確以及具象础嫡,能夠用物品或輪廓直接代表,比如:端午可以用龍舟酝惧、粽子榴鼎;中秋可以用月餅、玉兔晚唇;會(huì)員可以用皇冠巫财,鉆石等等

三、放射及透視
通過(guò)整體放射狀加透視構(gòu)圖哩陕,使畫面呈現(xiàn)立體與空間感平项,視覺(jué)焦點(diǎn)明確赫舒,畫面沖擊力強(qiáng),富有動(dòng)感闽瓢。適合文字較少的時(shí)候接癌。


Paste_Image.png

Paste_Image.png

Paste_Image.png

四、整體場(chǎng)景
專題內(nèi)容不多扣讼,要突出趣味性缺猛,讓用戶迅速置身在搭建的場(chǎng)景中,帶動(dòng)情緒椭符,參與互動(dòng)荔燎,直觀獲取有用信息。切記場(chǎng)景不要搶了內(nèi)容的視覺(jué)焦點(diǎn)销钝,在適當(dāng)?shù)臅r(shí)候做些減法有咨。


Paste_Image.png

Paste_Image.png

Paste_Image.png

五、流程圖
漸進(jìn)以及流向又或者是展示各節(jié)點(diǎn)的內(nèi)容曙搬,專題運(yùn)用這種構(gòu)圖方式能夠?qū)⒉襟E隐轩,關(guān)系灿巧,各個(gè)節(jié)點(diǎn)以及整體流向展示清楚,配合圖片展示扇苞,一個(gè)枯燥的流程瞬間變得個(gè)性十足据某,用戶瀏覽簡(jiǎn)單又明了橡娄,并且充滿了趣味性。

Paste_Image.png

Paste_Image.png

Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末癣籽,一起剝皮案震驚了整個(gè)濱河市挽唉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌筷狼,老刑警劉巖瓶籽,帶你破解...
    沈念sama閱讀 212,599評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異埂材,居然都是意外死亡塑顺,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,629評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門俏险,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)严拒,“玉大人,你說(shuō)我怎么就攤上這事竖独】氵耄” “怎么了?”我有些...
    開封第一講書人閱讀 158,084評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵莹痢,是天一觀的道長(zhǎng)种蘸。 經(jīng)常有香客問(wèn)我墓赴,道長(zhǎng),這世上最難降的妖魔是什么劈彪? 我笑而不...
    開封第一講書人閱讀 56,708評(píng)論 1 284
  • 正文 為了忘掉前任竣蹦,我火速辦了婚禮,結(jié)果婚禮上沧奴,老公的妹妹穿的比我還像新娘痘括。我一直安慰自己,他們只是感情好滔吠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,813評(píng)論 6 386
  • 文/花漫 我一把揭開白布纲菌。 她就那樣靜靜地躺著,像睡著了一般疮绷。 火紅的嫁衣襯著肌膚如雪翰舌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,021評(píng)論 1 291
  • 那天冬骚,我揣著相機(jī)與錄音椅贱,去河邊找鬼。 笑死只冻,一個(gè)胖子當(dāng)著我的面吹牛庇麦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播喜德,決...
    沈念sama閱讀 39,120評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼山橄,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了舍悯?” 一聲冷哼從身側(cè)響起航棱,我...
    開封第一講書人閱讀 37,866評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎萌衬,沒(méi)想到半個(gè)月后饮醇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,308評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡秕豫,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,633評(píng)論 2 327
  • 正文 我和宋清朗相戀三年驳阎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片馁蒂。...
    茶點(diǎn)故事閱讀 38,768評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡呵晚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沫屡,到底是詐尸還是另有隱情饵隙,我是刑警寧澤,帶...
    沈念sama閱讀 34,461評(píng)論 4 333
  • 正文 年R本政府宣布沮脖,位于F島的核電站金矛,受9級(jí)特大地震影響芯急,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜驶俊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,094評(píng)論 3 317
  • 文/蒙蒙 一娶耍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧饼酿,春花似錦榕酒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,850評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至药版,卻和暖如春辑舷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背槽片。 一陣腳步聲響...
    開封第一講書人閱讀 32,082評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工何缓, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人还栓。 一個(gè)月前我還...
    沈念sama閱讀 46,571評(píng)論 2 362
  • 正文 我出身青樓碌廓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親蝙云。 傳聞我的和親對(duì)象是個(gè)殘疾皇子氓皱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,666評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容