工作中，網頁設計師經(jīng)常會遇見這(zhè)些狀況：時間短又要出彩、大氣又要有氣氛、風格不明确很難把握、欄目又多頁面(miàn)又長(cháng)……

突然覺得束手無策，腦袋裡(lǐ)一片空白，沒(méi)想法了，怎麼(me)辦？
一、旋轉法

將(jiāng)頁面(miàn)的主體或局部進(jìn)行旋轉.先誠科技一般的頁面(miàn)版式都(dōu)是方方正正，四平八穩，有點呆闆。如果將(jiāng)局部或整體适當的旋轉，打破穩定的構圖，畫面(miàn)就會動感有趣一些。
這(zhè)種(zhǒng)基調輕松活潑又恰好(hǎo)内容比較少的頁面(miàn)來說，主體整個旋轉後(hòu)，畫面(miàn)馬上輕松活潑起(qǐ)來，看過(guò)現在這(zhè)個畫面(miàn)，真是無法想象未旋轉前的平淡。同時，相比大塊的方形空白，不規則的餘白也不會顯得空洞。

將(jiāng)背景旋轉後(hòu)，大面(miàn)積的斜面(miàn)産生了很強的速度感，賽車急速飛馳著(zhe)，好(hǎo)像下一秒就要從電腦中沖出來一樣(yàng)，傾斜的大标題和旋轉後(hòu)的背景交叉配合，使畫面(miàn)整個都(dōu)運動起(qǐ)來。這(zhè)種(zhǒng)方法可以應用到很多運動的主題上。
二、黃金分割法

靈活運用黃金比例分割的辦法將(jiāng)頁面(miàn)“切”開(kāi)

黃金比率被(bèi)認爲是最理想的矩形比例，在過(guò)去的文化遺産中也有很多這(zhè)樣(yàng)的遺存。將(jiāng)這(zhè)個比率應用到版式設計中，也能(néng)夠設計出容易爲用戶所喜歡的構圖。但不要被(bèi)這(zhè)些比例所束縛，很多是靠自己的感覺去應用。

除去背景無非就是一個排版清晰的頁面(miàn)，將(jiāng)背景分割後(hòu)，對(duì)比的色塊使畫面(miàn)産生縱深感，頁面(miàn)的豐富性和視覺沖擊力迅速增強。人物也好(hǎo)像著(zhe)陸了一樣(yàng)，平穩的站在畫面(miàn)中。

用反差強烈的色塊進(jìn)行分割，強調了版塊的劃分，即使有很多地方需要強調，也能(néng)讓用戶迅速清楚各版塊的重點，不用像以往一樣(yàng)1、2、3…… 將(jiāng)内容依次豎排下來，鼠标都(dōu)已經(jīng)拖到第三屏了還(hái)沒(méi)完沒(méi)了，又沒(méi)什麼(me)新鮮感。
三、曲線法

將(jiāng)曲線用于背景或版塊分割，消除矩形分割的生硬感。

與直線相比，曲線具有圓潤的特點，讓人感覺輕松、愉悅。增強視覺感的同時也能(néng)夠營造活躍的氣氛。

中，大衆的logo和焦點圖中的機器人産品，全部由曲線組成(chéng)，這(zhè)種(zhǒng)情況下，用曲線來分割背景和焦點就顯得理所當然了，畫面(miàn)中曲線合理的運用也提高了層次感，機器人和紅色标題都(dōu)更突出。

仿照球的運動軌迹，貫穿著(zhe)整個頁面(miàn)的曲線，將(jiāng)用戶直觀的帶入了正在激烈進(jìn)行的棒球比賽現場。看似随意，其實用曲線精當的將(jiāng)标題、焦點圖和新聞等版塊按重點進(jìn)行了不同比例的分割。
四、借用法

借用現實中的東西，將(jiāng)實物抽象化，提煉出大型輪廓用于背景。

現實中的東西也可以應用到網頁設計中？當然可以，隻要想的到。
信封是先誠科技生活中常用的東西，如此生活化的東西借用到網頁上，展開(kāi)在用戶面(miàn)前，好(hǎo)像郵寄給您的信一樣(yàng)，立馬讓人眼前一亮，親切感油然而生。作爲遊戲活動的通告頁，用白色的信紙來盛放主體内容也再合适不過(guò)。

將(jiāng)賽車在賽道(dào)上疾馳的場面(miàn)置放到頁面(miàn)上作爲背景，虛化的大城市，放大的賽道(dào)，飛奔的賽車……就像此刻坐在電腦前玩賽車，左手正緊緊按著(zhe)W、A、S、D鍵一樣(yàng)。讓用戶身臨其境，完全抓住了對(duì)方眼球。

以此類推，生活中很多東西都(dōu)可以借用，例如:寫滿粉筆字的黑闆、電腦的屏幕、寫日記的本子、老古董的地圖，空曠的足球場……
五、三角拼貼法

像做手工一樣(yàng)，將(jiāng)裁剪好(hǎo)的三角形打亂，重新拼貼

不同的幾何形狀有不同的性格，圓形是活潑可愛的，方形是平穩整齊的，三角形就是尖銳動感的。

三角形的不平衡性及其尖銳性能(néng)夠增強視覺上的刺激，快速吸引用戶，可以用于科技和時尚這(zhè)種(zhǒng)風格同樣(yàng)比較“鋒利”的網頁。

將(jiāng)同色系小三角形均勻的拼貼起(qǐ)來，馬上就營造出一種(zhǒng)鑽石璀璨般的時尚感。但實踐的時候要注意加減法，不能(néng)亂堆一通，點到爲止即可。

我的防身暗器：網頁設計應急小技巧

上圖，用豔麗的三角形對(duì)頁面(miàn)進(jìn)行劃分、拼貼。大小的組合，色塊的對(duì)比，能(néng)夠帶給用戶強烈的視覺沖擊力。在搭配的時候，注意主次，以一個大的形狀爲主，給内容擺放留下足夠空間，與其他輔助的小形狀相區别。
六、色塊分割法

將(jiāng)各版塊用不同顔色來區别

經(jīng)常面(miàn)對(duì)需求方這(zhè)裡(lǐ)是重點、那也是重點、那那那也挺重要，統統需要突出的要求，對(duì)于主題比較明快的頁面(miàn) 可以考慮將(jiāng)版塊用不同顔色來區别，通過(guò)色塊來強化頁面(miàn)版式和布局，難度較大的是在色彩搭配上要取得平衡。

版式在頁面(miàn)都(dōu)以塊來體現，沒(méi)有什麼(me)效果，爲了突出重點，在重要區域選擇了飽和度較高的紅黃綠三個顔色，産生明确的視覺中心，讓用戶能(néng)夠按照先誠科技希望的那樣(yàng)閱讀下去。但對(duì)比色調容易造成(chéng)不和諧，紅黃綠之間加上灰底的中性色來調和一下就顯得不會突兀了。

當使用四到五種(zhǒng)純色進(jìn)行搭配的時候，注意隻要色相、純度、明度三個屬性中有一個屬性是基本相同或者接近，搭配起(qǐ)來基本上都(dōu)不會覺得太牽強。

以上幾個小技巧可以在情況緊急時參考，大家也可以用類似的方法總結出更多的小技巧自用。