工(gōng)作(zuò)中，網頁設計(jì)師(shī)經常會(huì)遇見(ji¶βàn)這(zhè)些(xiē)狀況：時(shí)間(¶∞>jiān)短(duǎn)又(yòu)要(yào)出彩、大(dà)氣又(yòu)要(y ​☆"ào)有(yǒu)氣氛、風(fēng)格不(bù)明(míng)确很(hěn)✘€‍§難把握、欄目又(yòu)多(duō)頁面又(yòu)長(↑≠••cháng)……

突然覺得(de)束手無策，腦(nǎo)袋裡(lǐ)一(y↓£εī)片空(kōng)白(bái)，沒想法了(le)，怎麽辦？
一(yī)、旋轉法

将頁面的(de)主體(tǐ)或局部進行(xíng)旋轉.先誠科(kē)技(jì)一(y©‌ī)般的(de)頁面版式都(dōu)是(shì)方方正正，四平八×α'✔穩，有(yǒu)點呆闆。如(rú)果将局部或整體(tǐ)€§适當的(de)旋轉，打破穩定的(de)構圖，畫(huà)面就(jiù)會(huì)動感有✘​(yǒu)趣一(yī)些(xiē)。
這(zhè)種基調輕松活潑又(yòu)恰 ≤ 好(hǎo)內(nèi)容比較少(shǎo÷​)的(de)頁面來(lái)說(shuō)，主體(tǐ)整個(gè)旋≤±轉後，畫(huà)面馬上(shàng)輕松活潑起來(lái​≤λ)，看(kàn)過現(xiàn)在這(zhè)個(gè)畫(huà)面，真是₩α∏δ(shì)無法想象未旋轉前的(de)平淡。同時(shí)，相(xiàng)比大(dà§φ)塊的(de)方形空(kōng)白(bái)，不(bù)規則的(de)餘€δ©白(bái)也(yě)不(bù)會(huì)顯得(de)空(kōng)洞。

将背景旋轉後，大(dà)面積的(de)斜面産生(shēng)了(le)很(hěn)強的(de)∑↑速度感，賽車(chē)急速飛(fēi)馳著(zhe)，好(hǎo)像下(xià)一(yī) ₽秒(miǎo)就(jiù)要(yào)從(cóng♣¥)電(diàn)腦(nǎo)中沖出來(lái)一(yī)樣，傾斜的(de)大(dà)标題和✔✘‌₩(hé)旋轉後的(de)背景交叉配合，使畫(huà)面整∞$✔個(gè)都(dōu)運動起來(lái)。這(zhè)種方法可(kě>✘₹★)以應用(yòng)到(dào)很(hěn)多(duō)運動的(de)主題上(shàn¥±g)。
二、黃(huáng)金(jīn)分(fēn)割法

靈活運用(yòng)黃(huáng)金(jīn)比例分(fēn)割✘♠¥α的(de)辦法将頁面“切”開(kāi)

黃(huáng)金(jīn)比率被認為(wèi)是(shì)最理(lǐλ₽€)想的(de)矩形比例，在過去(qù)的(de)文(wén)化(↔•♠≠huà)遺産中也(yě)有(yǒu)很(hěn)多(duō)這(zhè)樣的(de)←§遺存。将這(zhè)個(gè)比率應用(yònπ£σ≈g)到(dào)版式設計(jì)中，也(yě)能(néng)夠→☆​$設計(jì)出容易為(wèi)用(yòng)戶所喜歡的(de)構₽×圖。但(dàn)不(bù)要(yào)被這(zhè)些(xiē)比例所束縛，很(hěn)多(d∞λ÷uō)是(shì)靠自(zì)己的(de)感覺去(qù)應用(yòng)。

除去(qù)背景無非就(jiù)是(shì)一(yī)個(g÷₽ ←è)排版清晰的(de)頁面，将背景分(fēn)割後，對↕$π‌(duì)比的(de)色塊使畫(huà)面産生(shēng)縱深感，頁面的§♦(de)豐富性和(hé)視(shì)覺沖擊力迅速增強。人(rén)物(wù)也(yě)好(h§±•ǎo)像著(zhe)陸了(le)一(yī)樣，平穩的(de)站(zh™∞àn)在畫(huà)面中。

用(yòng)反差強烈的(de)色塊進行(xíng)分(fēn)割，強調了(le)版∞©γ塊的(de)劃分(fēn)，即使有(yǒu)很(hěn)多(duō)地(dì)方需要(y±≤'✘ào)強調，也(yě)能(néng)讓用(yòng)戶迅速清楚各εβ版塊的(de)重點，不(bù)用(yòng)像以往一(yī)樣1、2、3…… 将內(♣≈nèi)容依次豎排下(xià)來(lái)，鼠₩‌♠标都(dōu)已經拖到(dào)第三屏了(le)還(hái)沒完沒了(le)，又(y↑<òu)沒什(shén)麽新鮮感。
三、曲線法

将曲線用(yòng)于背景或版塊分(fēn)割，消除矩形分(fēn)割的(deΩδφ)生(shēng)硬感。

與直線相(xiàng)比，曲線具有(yǒu)圓潤的(de)∑♦→特點，讓人(rén)感覺輕松、愉悅。增強視(sh'©≠ì)覺感的(de)同時(shí)也(yě)能(nénα± g)夠營造活躍的(de)氣氛。

中，大(dà)衆的(de)logo和(hé)焦點圖中的(de)機(jī)器(✔£•qì)人(rén)産品，全部由曲線組成，這(zhè)種情況下(xià)，用(↕•↓yòng)曲線來(lái)分(fēn)割背景和(hé)焦點就(jiù)顯得(de)理(lǐ)所₽∞∞當然了(le)，畫(huà)面中曲線合理(lǐ)的(de)運用(yòn♠₽↓₩g)也(yě)提高(gāo)了(le)層次感，機(jī)器(qì)人(×★ rén)和(hé)紅(hóng)色标題都(dōu)更突出。

仿照(zhào)球的(de)運動軌迹，貫穿著(zhe)整‍€"↑個(gè)頁面的(de)曲線，将用(yòng)戶直觀的(de)帶入了(le₽✔≠∏)正在激烈進行(xíng)的(de)棒球比賽現(xiàn)場(chǎng)。看(k✘σàn)似随意，其實用(yòng)曲線精當的(de)将标題、焦點圖和(hé)新聞等版塊按重點進行(Ω↓xíng)了(le)不(bù)同比例的(de)分(fēn)割。
四、借用(yòng)法

借用(yòng)現(xiàn)實中的(de)東(dōng)西(xī)，将實物(wδ&∏ù)抽象化(huà)，提煉出大(dà)型輪廓用(yòng)于背景。

現(xiàn)實中的(de)東(dōng)西(₽÷♣λxī)也(yě)可(kě)以應用(yòng)✘€✔&到(dào)網頁設計(jì)中？當然可(kě)以，隻要(yào)想的(de)到(dào)。§↓×£
信封是(shì)先誠科(kē)技(jì)生(shēng)活中常用(yòng)的(d≤↕≥e)東(dōng)西(xī)，如(rú)此生(shē∑‍ng)活化(huà)的(de)東(dōng)西(xī)借用(Ω∑yòng)到(dào)網頁上(shàng)✔∏，展開(kāi)在用(yòng)戶面前，好(hǎo)像郵寄給您的(&↑☆de)信一(yī)樣，立馬讓人(rén)眼前一(y☆↑ī)亮(liàng)，親切感油然而生(shēng)。作(zuσβλ>ò)為(wèi)遊戲活動的(de)通(tōng)告頁，用(yòng)白(bái)色的(de)信紙(‌••zhǐ)來(lái)盛放(fàng)主體(tǐ)內(nèi)容也(•₽₹yě)再合适不(bù)過。

将賽車(chē)在賽道(dào)上(shàng)疾馳的(de)場(chǎng)面置放>εσ♥(fàng)到(dào)頁面上(shàng)作(zuò)為(wèi)背景，虛化(huà)的(de)↕•大(dà)城(chéng)市(shì)，放(fàng)大(dà)的π ÷δ(de)賽道(dào)，飛(fēi)奔的(de)賽車(chē)……就(jiù)像此刻坐(zuò δ∑∑)在電(diàn)腦(nǎo)前玩(wán)賽•γΩ↕車(chē)，左手正緊緊按著(zhe)W、A、S‍←、D鍵一(yī)樣。讓用(yòng)戶身(shēn)臨±£✘其境，完全抓住了(le)對(duì)方眼球。

以此類推，生(shēng)活中很(hěn)多(duō)東(dōng)西φ÷©Ω(xī)都(dōu)可(kě)以借用(yòng)，例如(rú):寫滿粉筆≈♠β↔(bǐ)字的(de)黑(hēi)闆、電(diàn)腦(nǎo)的(de →)屏幕、寫日(rì)記的(de)本子(zǐ)、老(lǎo)古董的(de)地(dì)圖，空(kō∞¶ng)曠的(de)足球場(chǎng)……
五、三角拼貼法

像做(zuò)手工(gōng)一(yī)樣，将'→裁剪好(hǎo)的(de)三角形打亂，重新拼貼

不(bù)同的(de)幾何形狀有(yǒu)不(bù)同的(de)性格，圓形是(shì)活潑₹π®可(kě)愛(ài)的(de)，方形是(shì)平穩整齊的(de)，三角形就(jiù)是(s£$hì)尖銳動感的(de)。

三角形的(de)不(bù)平衡性及其尖銳性能‍¥≈(néng)夠增強視(shì)覺上(shàng)的(d♥≠∞♥e)刺激，快(kuài)速吸引用(yòng)戶，可(kě)以用≈​π(yòng)于科(kē)技(jì)和(hé)時(shí)尚這(zhè)種風(fēn±εg)格同樣比較“鋒利”的(de)網頁。

将同色系小(xiǎo)三角形均勻的(de)拼貼起來(lái)，♠↕ 馬上(shàng)就(jiù)營造出一(yī)←λ種鑽石璀璨般的(de)時(shí)尚感。但(dàn)實踐的(de)時★αφα(shí)候要(yào)注意加減法，不(bù)能(nén©φ $g)亂堆一(yī)通(tōng)，點到(dào)為(wèi)止即可(kě)☆≠。

我的(de)防身(shēn)暗(àn)器(qì)：網頁設計(jì)應急小(xiǎo)技(jì‌¶δ)巧

上(shàng)圖，用(yòng)豔麗(lì)的(de)三角形對(duìα♦€)頁面進行(xíng)劃分(fēn)、拼貼。大(dà)小(xiǎo)的(de)™λ組合，色塊的(de)對(duì)比，能(néng)夠帶給用('>÷♠yòng)戶強烈的(de)視(shì)覺沖擊力。在搭配的(de)時(shí)候≤✘•，注意主次，以一(yī)個(gè)大(dà)的(de)形狀為(wèi)主， λ₩給內(nèi)容擺放(fàng)留下(x£ ià)足夠空(kōng)間(jiān)，與其他(tā)輔助的(de)小(x↑αiǎo)形狀相(xiàng)區(qū)别€™β。
六、色塊分(fēn)割法

将各版塊用(yòng)不(bù)同顔色來(lái)區(qū)别

經常面對(duì)需求方這(zhè)裡(lǐ)是(shì)重點、那(nà)也(yě♣★♦)是(shì)重點、那(nà)那(nà)那(nà)也(yě)挺重要(yào)，統統需要(yà✘ o)突出的(de)要(yào)求，對(duì)于主題比較明(míng)快(kuài)的(de)頁面​∑€♦ 可(kě)以考慮将版塊用(yòng)不(bù∏‌±♠)同顔色來(lái)區(qū)别，通(tōng)過色塊來(lái)強化(huà)頁面版式和(>"hé)布局，難度較大(dà)的(de)是(shì)在色彩搭配上®←(shàng)要(yào)取得(de)平衡。

版式在頁面都(dōu)以塊來(lái)體(tǐ)現(xiàn)，沒有(yǒu)什(shéα₩✔n)麽效果，為(wèi)了(le)突出重點，在重✘₽要(yào)區(qū)域選擇了(le)飽和(hé≠<)度較高(gāo)的(de)紅(hóng)黃(huáng)綠(lǜ)三個(£§↕gè)顔色，産生(shēng)明(míng)确的(de)視( §shì)覺中心，讓用(yòng)戶能(néng)夠按照(zhào)先誠科(kēφφ ★)技(jì)希望的(de)那(nà)樣閱讀(dú)下(xià)去(qù)。但(dàn)對(Ω✘‍duì)比色調容易造成不(bù)和(hé)諧，紅(hóng)黃(huáng)綠( ∑lǜ)之間(jiān)加上(shàng)灰底的(dφΩ>e)中性色來(lái)調和(hé)一(yī)下(x ÷ià)就(jiù)顯得(de)不(bù)會(huì)突兀了(le)。

當使用(yòng)四到(dào)五種純色進行(xíng)搭配的(de)時(sα €hí)候，注意隻要(yào)色相(xiàng)、純度、明(míng)度三個(gè)屬¥↕★性中有(yǒu)一(yī)個(gè)屬性是(shì)基本相(xiàng)同或者接近(jìn)，搭<♠£配起來(lái)基本上(shàng)都(d‍$ ¥ōu)不(bù)會(huì)覺得(de)太牽強。

以上(shàng)幾個(gè)小(xiǎo)技(jì)巧可♥ ≤¥(kě)以在情況緊急時(shí)參考，大(dà)≈≥₹♦家(jiā)也(yě)可(kě)以用(yòng)類似的(de)方法總結出更多§₩≥(duō)的(de)小(xiǎo)技(jì)巧自€≠$←(zì)用(yòng)。