來自網易四十大盜的一篇經典文章，現在很多同學設計網頁木有思路和靈感，保證你看完本文一定受益匪淺。工作中，網頁設計師經常會遇見這些狀況：時間短又要出彩、大氣又要有氣氛、風格不明確很難把握、欄目又多頁面又長，突然覺得束手無策，腦袋里一片空白，沒想法了，怎么辦?

下面簡淺的歸納了幾個快速讓頁面出彩的小技巧：

一、旋轉法

將頁面的主體或局部進行旋轉

我們一般的頁面版式都是方方正正，四平八穩，有點呆板。如果將局部或整體適當的旋轉，打破穩定的構圖，畫面就會動感有趣一些。

對于上圖，這種基調輕松活潑又恰好內容比較少的頁面來說，主體整個旋轉后，畫面馬上輕松活潑起來，看過現在這個畫面，真是無法想象未旋轉前的平淡。同時，相比大塊的方形空白，不規則的余白也不會顯得空洞。

上圖，將背景旋轉后，大面積的斜面產生了很強的速度感，賽車急速飛馳著，好像下一秒就要從電腦中沖出來一樣，傾斜的大標題和旋轉后的背景交叉配合，使畫面整個都運動起來。這種方法可以應用到很多運動的主題上。

二、黃金分割法

靈活運用黃金比例分割的辦法將頁面“切”開

黃金比率被認為是最理想的矩形比例，在過去的文化遺產中也有很多這樣的遺存。將這個比率應用到版式設計中，也能夠設計出容易為用戶所喜歡的構圖。但不要被這些比例所束縛，很多是靠自己的感覺去應用。

上圖，除去背景無非就是一個排版清晰的頁面，將背景分割后，對比的色塊使畫面產生縱深感，頁面的豐富性和視覺沖擊力迅速增強。人物也好像著陸了一樣，平穩的站在畫面中。

上圖，用反差強烈的色塊進行分割，強調了版塊的劃分，即使有很多地方需要強調，也能讓用戶迅速清楚各版塊的重點，不用像以往一樣1、2、3…… 將內容依次豎排下來，鼠標都已經拖到第三屏了還沒完沒了，又沒什么新鮮感。

三、曲線法

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

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

上圖中，大眾的logo和焦點圖中的機器人產品，全部由曲線組成，這種情況下，用曲線來分割背景和焦點就顯得理所當然了，畫面中曲線合理的運用也提高了層次感，機器人和紅色標題都更突出。

仿照球的運動軌跡，貫穿著整個頁面的曲線，將用戶直觀的帶入了正在激烈進行的棒球比賽現場。看似隨意，其實用曲線精當的將標題、焦點圖和新聞等版塊按重點進行了不同比例的分割。

四、借用法

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

現實中的東西也可以應用到網頁設計中?當然可以，只要想的到。

如圖，信封是我們生活中常用的東西，如此生活化的東西借用到網頁上，展開在用戶面前，好像郵寄給您的信一樣，立馬讓人眼前一亮，親切感油然而生。作為游戲活動的通告頁，用白色的信紙來盛放主體內容也再合適不過。

上圖，將賽車在賽道上疾馳的場面置放到頁面上作為背景，虛化的大城市，放大的賽道，飛奔的賽車……就像此刻坐在電腦前玩賽車，左手正緊緊按著W、A、S、D鍵一樣。讓用戶身臨其境，完全抓住了對方眼球。

以此類推，生活中很多東西都可以借用，例如:寫滿粉筆字的黑板、電腦的屏幕、寫日記的本子、老古董的地圖，空曠的足球場……

五、三角拼貼法

像做手工一樣，將裁剪好的三角形打亂，重新拼貼

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

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

上圖，將同色系小三角形均勻的拼貼起來，馬上就營造出一種鉆石璀璨般的時尚感。但實踐的時候要注意加減法，不能亂堆一通，點到為止即可。

上圖，用艷麗的三角形對頁面進行劃分、拼貼。大小的組合，色塊的對比，能夠帶給用戶強烈的視覺沖擊力。在搭配的時候，注意主次，以一個大的形狀為主，給內容擺放留下足夠空間，與其他輔助的小形狀相區別。

六、色塊分割法

將各版塊用不同顏色來區別

經常面對需求方這里是重點、那也是重點、那那那也挺重要，統統需要突出的要求，對于主題比較明快的頁面 可以考慮將版塊用不同顏色來區別，通過色塊來強化頁面版式和布局，難度較大的是在色彩搭配上要取得平衡。

上圖，版式在頁面都以塊來體現，沒有什么效果，為了突出重點，在重要區域選擇了飽和度較高的紅黃綠三個顏色，產生明確的視覺中心，讓用戶能夠按照我們希望的那樣閱讀下去。但對比色調容易造成不和諧，紅黃綠之間加上灰底的中性色來調和一下就顯得不會突兀了。

當使用四到五種純色進行搭配的時候，注意只要色相、純度、明度三個屬性中有一個屬性是基本相同或者接近，搭配起來基本上都不會覺得太牽強。以上幾個小技巧可以在情況緊急時參考，大家也可以用類似的方法總結出更多的小技巧自用。

行為一：誰好就仿誰

　　有的企業在建網站之前會上網看看同行的網站，發現有的網站訪問量非常高，那家企業似乎也比較知名，于是期待將來的網站也能有如此效果，選擇仿制這些知名網站。當網站上線后就會選擇核心關鍵詞進行優化，因為是新網站上線，在一開始花一兩個月時間，網站的排名提升還是非常可觀的，然而時間越來越久，網站的排名越落越后，甚至只有搜索企業名稱才能找到網站。一開始花了那么多心思建網站，竟然沒有預想的效果，這對企業來說非常受打擊。小編分析，倘若是新手建網站，那么網站風格不要完全仿制同行，并且在關鍵詞的選擇上要避開核心詞，核心詞流量大，并不是靠優化就能排上名次的。那些同行網站之所以能有如此好的排名，背后少不了長期的經營與長期的優化操作。

　　行為二：購源碼改編程

　　有的企業在網站建好之后，建網站公司會將網站源碼打包或者通過購買源碼，目的是為了方便以后網站改版或開發。這個想法很多企業都會有，覺得以后會把網站越建越好，于是上網搜索相關的網站編程教程，或者從書店購買相關的專業書籍，打算自己來。小編分析，倘若企業里這計算機方面的人才，對網站編程語言比較懂的，才建議購買源碼自行開發程序。如果沒有這方面人才或者打算找個人去改編程的，請慎重！每個人所涉及的領域不同，對編程語言和網站開發的技術程度不同。想要通過書面知識來給網站改造，可以說是不自量力。不管企業是想對網站改版或開發都必須要找專業公司或人才，一些無法保證的技術只會把網站搞垮甚至無法恢復原狀，即使找回原建網站公司處理，也花付出相應代價。

　　行為三：找平臺發外鏈

　　對于網站負責人來說，找平臺發外鏈是很正常的行為，誰家做網站優化不發外鏈的？于是就搜索了各類大大小小的平臺，如各種博客、各種論壇、百度知道、知乎網站等。于是登錄這些平臺，把網站里的文章發布到平臺里，并且為了增加外鏈效果在多個關鍵詞設置超鏈，并在文章合適位置寫上企業名稱，目的是讓瀏覽的客戶可以找到企業。小編分析，企業建網站適當發布外鏈確實是網站優化的必做行為。然而外鏈優化過了頭，起到的就是反效果，甚至會封掉這個賬號。因為文章里過多的超鏈接和企業名稱會讓平臺方覺得有作弊行為和廣告行為，故而發了幾次文章后再也登錄不了，賬號異常。而且有的平臺是無法設置超鏈，這對網站優化沒有意義。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司