工(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ì)無法想象未旋轉前的(d​♦e)平淡。同時(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)多(d∏ε'uō)運動的(de)主題上(shàng)。
二、黃(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)多(d ✘Ω£uō)這(zhè)樣的(de)遺存。将這(zhè)個(gè)比率應用(yòng)Ω∑"到(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)站(zφ€<hà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éng)夠營造活躍的(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ǐ)的(d€ ≤∑e)運用(yòng)也(yě)提高(gāo)了✘Ω£(le)層次感，機(jī)器(qì)人(rén)和(hé)紅(h​∞≥óng)色标題都(dōu)更突出。

仿照(zhào)球的(de)運動軌迹，貫穿著(z​¥he)整個(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)的(de)東(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ù)像此刻坐(z ≤​uò)在電(diàn)腦(nǎo)前玩(wán)賽車(chē)，左手正‌β₽緊緊按著(zhe)W、A、S、D鍵一(yī)樣。&σε讓用(yòng)戶身(shēn)臨其境，完全抓住了(l←€e)對(duì)方眼球。

以此類推，生(shēng)活中很(hěn)多(duō)東(dōng)φ♥↑西(xī)都(dōu)可(kě)以借用(yòng)，例如(rú):寫滿粉筆(bǐ)字的(d∑≠×₩e)黑(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ù)是(shì)尖銳動感的(de)。

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

将同色系小(xiǎo)三角形均勻的(de)拼≈÷β₩貼起來(lái)，馬上(shàng)就(jiù)營造出一(yī)種鑽石璀$α璨般的(de)時(shí)尚感。但(dàn)實踐的(de)時(s ™₩ hí)候要(yào)注意加減法，不(bù)能(néng)亂堆一(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)時(s✔↓£™hí)候，注意主次，以一(yī)個(gè)大(dà)的(de)形狀為(wèi)主，給 ​←內(nèi)容擺放(fàng)留下(xià)足夠空(kōng)間(jiān"β☆Ω)，與其他(tā)輔助的(de)小(xiǎ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)灰底的(de)中性色來(lái)調和(hé)ε₽✘一(yī)下(xià)就(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)。