來(lái)自網(wǎng)易四十大盜的一篇經(jīng)典文章，現(xiàn)在很多同學(xué)設(shè)計(jì)網(wǎng)頁(yè)木有思路和靈感，保證你看完本文一定受益匪淺。工作中，網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常會(huì)遇見(jiàn)這些狀況：時(shí)間短又要出彩、大氣又要有氣氛、風(fēng)格不明確很難把握、欄目又多頁(yè)面又長(zhǎng)，突然覺(jué)得束手無(wú)策，腦袋里一片空白，沒(méi)想法了，怎么辦?

下面簡(jiǎn)淺的歸納了幾個(gè)快速讓頁(yè)面出彩的小技巧：

一、旋轉(zhuǎn)法

將頁(yè)面的主體或局部進(jìn)行旋轉(zhuǎn)

我們一般的頁(yè)面版式都是方方正正，四平八穩(wěn)，有點(diǎn)呆板。如果將局部或整體適當(dāng)?shù)男D(zhuǎn)，打破穩(wěn)定的構(gòu)圖，畫(huà)面就會(huì)動(dòng)感有趣一些。

對(duì)于上圖，這種基調(diào)輕松活潑又恰好內(nèi)容比較少的頁(yè)面來(lái)說(shuō)，主體整個(gè)旋轉(zhuǎn)后，畫(huà)面馬上輕松活潑起來(lái)，看過(guò)現(xiàn)在這個(gè)畫(huà)面，真是無(wú)法想象未旋轉(zhuǎn)前的平淡。同時(shí)，相比大塊的方形空白，不規(guī)則的余白也不會(huì)顯得空洞。

上圖，將背景旋轉(zhuǎn)后，大面積的斜面產(chǎn)生了很強(qiáng)的速度感，賽車急速飛馳著，好像下一秒就要從電腦中沖出來(lái)一樣，傾斜的大標(biāo)題和旋轉(zhuǎn)后的背景交叉配合，使畫(huà)面整個(gè)都運(yùn)動(dòng)起來(lái)。這種方法可以應(yīng)用到很多運(yùn)動(dòng)的主題上。

二、黃金分割法

靈活運(yùn)用黃金比例分割的辦法將頁(yè)面“切”開(kāi)

黃金比率被認(rèn)為是最理想的矩形比例，在過(guò)去的文化遺產(chǎn)中也有很多這樣的遺存。將這個(gè)比率應(yīng)用到版式設(shè)計(jì)中，也能夠設(shè)計(jì)出容易為用戶所喜歡的構(gòu)圖。但不要被這些比例所束縛，很多是靠自己的感覺(jué)去應(yīng)用。

上圖，除去背景無(wú)非就是一個(gè)排版清晰的頁(yè)面，將背景分割后，對(duì)比的色塊使畫(huà)面產(chǎn)生縱深感，頁(yè)面的豐富性和視覺(jué)沖擊力迅速增強(qiáng)。人物也好像著陸了一樣，平穩(wěn)的站在畫(huà)面中。

上圖，用反差強(qiáng)烈的色塊進(jìn)行分割，強(qiáng)調(diào)了版塊的劃分，即使有很多地方需要強(qiáng)調(diào)，也能讓用戶迅速清楚各版塊的重點(diǎn)，不用像以往一樣1、2、3…… 將內(nèi)容依次豎排下來(lái)，鼠標(biāo)都已經(jīng)拖到第三屏了還沒(méi)完沒(méi)了，又沒(méi)什么新鮮感。

三、曲線法

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

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

上圖中，大眾的logo和焦點(diǎn)圖中的機(jī)器人產(chǎn)品，全部由曲線組成，這種情況下，用曲線來(lái)分割背景和焦點(diǎn)就顯得理所當(dāng)然了，畫(huà)面中曲線合理的運(yùn)用也提高了層次感，機(jī)器人和紅色標(biāo)題都更突出。

仿照球的運(yùn)動(dòng)軌跡，貫穿著整個(gè)頁(yè)面的曲線，將用戶直觀的帶入了正在激烈進(jìn)行的棒球比賽現(xiàn)場(chǎng)?？此齐S意，其實(shí)用曲線精當(dāng)?shù)膶?biāo)題、焦點(diǎn)圖和新聞等版塊按重點(diǎn)進(jìn)行了不同比例的分割。

四、借用法

借用現(xiàn)實(shí)中的東西，將實(shí)物抽象化，提煉出大型輪廓用于背景。

現(xiàn)實(shí)中的東西也可以應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)中?當(dāng)然可以，只要想的到。

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

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

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

五、三角拼貼法

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

不同的幾何形狀有不同的性格，圓形是活潑可愛(ài)的，方形是平穩(wěn)整齊的，三角形就是尖銳動(dòng)感的。

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

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

上圖，用艷麗的三角形對(duì)頁(yè)面進(jìn)行劃分、拼貼。大小的組合，色塊的對(duì)比，能夠帶給用戶強(qiáng)烈的視覺(jué)沖擊力。在搭配的時(shí)候，注意主次，以一個(gè)大的形狀為主，給內(nèi)容擺放留下足夠空間，與其他輔助的小形狀相區(qū)別。

六、色塊分割法

將各版塊用不同顏色來(lái)區(qū)別

經(jīng)常面對(duì)需求方這里是重點(diǎn)、那也是重點(diǎn)、那那那也挺重要，統(tǒng)統(tǒng)需要突出的要求，對(duì)于主題比較明快的頁(yè)面 可以考慮將版塊用不同顏色來(lái)區(qū)別，通過(guò)色塊來(lái)強(qiáng)化頁(yè)面版式和布局，難度較大的是在色彩搭配上要取得平衡。

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

當(dāng)使用四到五種純色進(jìn)行搭配的時(shí)候，注意只要色相、純度、明度三個(gè)屬性中有一個(gè)屬性是基本相同或者接近，搭配起來(lái)基本上都不會(huì)覺(jué)得太牽強(qiáng)。以上幾個(gè)小技巧可以在情況緊急時(shí)參考，大家也可以用類似的方法總結(jié)出更多的小技巧自用。

一份優(yōu)秀的網(wǎng)站建設(shè)方案怎么做出來(lái)呢?網(wǎng)站建設(shè)網(wǎng)絡(luò)公司會(huì)從哪些方面著手。整個(gè)建站方案我們往期分享了很多，而且很細(xì)致，建議大家去網(wǎng)站資訊中查看。
　　網(wǎng)站建設(shè)方案今天主要說(shuō)說(shuō)網(wǎng)站架構(gòu)如何梳理?

　　一般網(wǎng)站架構(gòu)，無(wú)論企業(yè)要做那種類型的網(wǎng)站，尤其是企業(yè)網(wǎng)站，展示型的，品牌型的，這類網(wǎng)站都會(huì)包含以下幾種欄目框架，網(wǎng)站架構(gòu)規(guī)劃必用到的，建議收藏。

　　1、關(guān)于我們：用于介紹企業(yè)的歷史、文化、背景等信息展示，可增加欄目?jī)?nèi)容板塊;如：公司簡(jiǎn)介、組織結(jié)構(gòu)、企業(yè)文化、發(fā)展歷程、資質(zhì)榮譽(yù)、創(chuàng)新能力、生產(chǎn)設(shè)施、品質(zhì)保障、服務(wù)保障等。

　　2、資訊中心：用于發(fā)布公司動(dòng)態(tài)、行業(yè)資訊、媒體報(bào)道、常見(jiàn)問(wèn)答等信息。

　　3、產(chǎn)品中心：用于發(fā)布公司產(chǎn)品A+、公司產(chǎn)品B+、公司產(chǎn)品C+、公司產(chǎn)品D+等產(chǎn)品展示，圖文并茂。

　　4、案例中心：用于發(fā)布A+成功案例、B+成功案例、C+成功案例、D+成功案例等案例信息。

　　5、解決方案：用于介紹A+行業(yè)、B+行業(yè)、C+行業(yè)、D+行業(yè)等方案信息展示。

　　6、招賢納士：用于發(fā)布人才招聘信息展示。

　　7、法律聲明：用于介紹公司法律、法務(wù)等信息展示。

　　8、在線留言：主要用于收集客戶的在線疑問(wèn)、投訴建議等信息。

　　9、合作伙伴：展示企業(yè)的各大合作伙伴等信息，可用合作伙伴的LOGO圖標(biāo)展示。

　　10、聯(lián)系我們：充分展示企業(yè)的聯(lián)系方式、線路地圖等信息。

　　11、在線客服：通過(guò)網(wǎng)站在線客服咨詢軟件，充分實(shí)現(xiàn)網(wǎng)站訪客與客服之間的即時(shí)通信(IM)，并把網(wǎng)站的在線銷售、實(shí)時(shí)客服和網(wǎng)站管理功能融合在一起，更好的服務(wù)客戶。

　　12、網(wǎng)站地圖：為用戶提供最便捷的導(dǎo)航服務(wù)，一鍵到達(dá)用戶想要的服務(wù)。

　　這是一款通用版本的網(wǎng)站建設(shè)方案指網(wǎng)站架構(gòu)規(guī)劃，網(wǎng)站建設(shè)方案必須要梳理好的部分之一，當(dāng)然，網(wǎng)站建設(shè)架構(gòu)要想展示企業(yè)優(yōu)勢(shì)部分，要去同存異，這個(gè)道理相信大家都知道，這里不多講了。網(wǎng)站建設(shè)方案往期分享給了很多不錯(cuò)的建議和方案，記得翻看新聞中心閱覽。我們每一年會(huì)做超多的網(wǎng)站建設(shè)方案，都非常有效果，值得關(guān)注!

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yíng)銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司