幫你年底上線！超實(shí)用的網(wǎng)頁設(shè)計(jì)應(yīng)急小技巧

@AnyForWeb_UDC?：作為網(wǎng)頁設(shè)計(jì)師，想要保證設(shè)計(jì)水準(zhǔn)的前提下完成客戶的“年底上線”心愿，你能想到的唯一辦法就是…昏天黑地的加班！這對(duì)設(shè)計(jì)師來說是一種很煎熬的折磨，今天我們?cè)谀昴┨貏e呈現(xiàn)網(wǎng)頁設(shè)計(jì)的應(yīng)急小方法，希望能把設(shè)計(jì)師從水生火熱中解救出來。

雖然客戶主觀縮短了設(shè)計(jì)時(shí)間，但他們對(duì)網(wǎng)頁的要求卻不會(huì)因此降低一分一毫，要在短時(shí)間內(nèi)設(shè)計(jì)出能讓客戶接受的設(shè)計(jì)稿，你也許需要一些小技巧！

1、讓幾何元素提升網(wǎng)頁Level

一個(gè)簡單的幾何元素在網(wǎng)頁設(shè)計(jì)中起到的作用絕對(duì)能讓你出乎意料，尤其在應(yīng)對(duì)極簡風(fēng)格的網(wǎng)站時(shí)效果更佳。設(shè)計(jì)，無非是點(diǎn)、線、面的不斷組合搭配，而立體幾何的融入是如此拼搭過程中的一種升華。

相關(guān)的頂尖案例可以看《玩轉(zhuǎn)幾何！令人眼前一亮的幾何元素網(wǎng)站設(shè)計(jì)》

玩轉(zhuǎn)方法看：《我的防身暗器：網(wǎng)頁設(shè)計(jì)應(yīng)急小技巧》

2、換個(gè)視角看網(wǎng)頁中的世界

整齊劃一的元素排版難免會(huì)讓頁面顯得有些沉悶和拘謹(jǐn)，但相同的畫面只要稍作角度微調(diào)，效果就會(huì)大不一樣，整個(gè)網(wǎng)頁都變得俏皮靈動(dòng)起來。如果在視覺上覺得有些別扭，不如借鑒案例中的方法，加入適當(dāng)?shù)臑V鏡效果，讓畫面更自然。

3、真真假假的網(wǎng)頁效果

真實(shí)圖片和虛擬事物圖片的使用都能很有效的提升網(wǎng)頁檔次，但使用時(shí)的局限性比較大，網(wǎng)頁的整體風(fēng)格很容易就此封閉在一個(gè)小范圍里。而“真假參半”的設(shè)計(jì)方式也許能帶來獨(dú)特的效果，不僅讓網(wǎng)頁更有人情味，也會(huì)讓客戶感受到設(shè)計(jì)師的用心。

免費(fèi)高清大圖的集散地：《免費(fèi)高清！10個(gè)無版權(quán)限制的大圖特供網(wǎng)站》

4、萬能的黃金比例

我們提到過，黃金比例會(huì)讓大家的網(wǎng)頁設(shè)計(jì)變得千篇一律，布局方式可以很大程度的體現(xiàn)出一個(gè)設(shè)計(jì)師的水準(zhǔn)。但當(dāng)你的設(shè)計(jì)時(shí)間很緊迫的時(shí)候，萬能的黃金比例能快速幫到你，設(shè)計(jì)師能在此基礎(chǔ)上做一些小創(chuàng)新。如下案例，設(shè)計(jì)師用人物肖像來作為頁面的分界，既達(dá)到了黃金的視覺效果，又讓界限的表現(xiàn)形式更自然流暢。

騰訊的同學(xué)總結(jié)了幾種較為流行的構(gòu)圖方法，推薦學(xué)習(xí)：《跨領(lǐng)域技巧！如何利用6個(gè)攝影構(gòu)圖法搞定設(shè)計(jì)布局？》

黃金分割神器：《PS神器！簡單實(shí)用的黃金分割工具免費(fèi)下載》

5、用色彩展現(xiàn)視覺沖擊

最直接的視覺沖擊力一定是由色彩帶來的。色彩的使用是設(shè)計(jì)界永恒的話題，但在時(shí)間緊急的時(shí)候，設(shè)計(jì)師一定不愿意在選色上花費(fèi)很久，這時(shí)，使用對(duì)比色是最合適的選擇。對(duì)比色在網(wǎng)頁設(shè)計(jì)中的運(yùn)用要點(diǎn)是不能只關(guān)注視覺美觀而已，也要同時(shí)注意用戶體驗(yàn)。

培養(yǎng)色彩敏感很重要，同學(xué)們可以先學(xué)習(xí)基礎(chǔ)的色彩搭配方法：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》

如果實(shí)在沒時(shí)間，就直接來取巧吧：《秒變配色高手！怎么都不會(huì)錯(cuò)的6條網(wǎng)頁設(shè)計(jì)配色原則》

6、讓高清大圖背景“決定”網(wǎng)頁風(fēng)格?

可能有的網(wǎng)頁設(shè)計(jì)師會(huì)覺得，使用了高清大圖作為網(wǎng)頁背景對(duì)于客戶來說是一種“偷懶”的行為，其實(shí)不然。這種設(shè)計(jì)方法很考驗(yàn)設(shè)計(jì)師的能力，需要設(shè)計(jì)師在設(shè)計(jì)前事先設(shè)想好一個(gè)很完整的藍(lán)圖，與其說讓圖片“決定”風(fēng)格，倒不如認(rèn)為是風(fēng)格“決定”圖片。而之所以將這一方法也納入應(yīng)急技巧，主要因?yàn)檫@種設(shè)計(jì)的可塑性較強(qiáng)，如果之后有修改意見，步驟會(huì)相對(duì)簡單一些。

繼續(xù)第二波高清大圖：《免費(fèi)高清第二波！12個(gè)無版權(quán)限制的大圖特供網(wǎng)站》

優(yōu)秀案例：《瞬間抓住眼球！24個(gè)特色人像背景的全屏網(wǎng)站設(shè)計(jì)》

7、精簡文字并不是一種偷懶行為

人類都是視覺動(dòng)物，潛意識(shí)中都更愿意接受簡單的東西。按照這樣的理論，長篇大論的文字板塊應(yīng)該在網(wǎng)頁設(shè)計(jì)中盡量避免，下面的案例很好的證明了這一點(diǎn)。簡簡單單的一句話反而能令人對(duì)之后的內(nèi)容產(chǎn)生好奇心。

8、韻律線帶你提升帶你飛

千萬別不相信，一根線條就能顛覆整個(gè)網(wǎng)頁的視覺感受！正因?yàn)樽饔萌绱嗣畈豢裳裕员晃覀冇H切的稱為“韻律線”。想象一下，如果案例中的頁面缺少韻律線組成的陰影部分，這個(gè)網(wǎng)頁會(huì)變得再普通不過，而現(xiàn)在則顯得充滿設(shè)計(jì)感。

來向這組案例學(xué)習(xí)：《想讓網(wǎng)站動(dòng)感十足？試試網(wǎng)頁設(shè)計(jì)中的韻律線條》

9、令人不得不愛的Metro風(fēng)

Metro風(fēng)隨著Win8界面的發(fā)布變得漸漸熱門起來，甚至很多國外的電子商務(wù)網(wǎng)站設(shè)計(jì)也紛紛加入Metro的陣營，下面的案例來自韓國的一家電商機(jī)構(gòu)。如果覺得Metro風(fēng)格的設(shè)計(jì)過于緊湊，網(wǎng)格布局也能適當(dāng)借鑒。但基于是應(yīng)急技巧的介紹，Metro的設(shè)計(jì)速度可能會(huì)更快一些。

“幫幫忙吧，我們準(zhǔn)備年底上線！”

這是年底節(jié)前最令設(shè)計(jì)師頭痛的催促。有了這篇文章，希望能緩解網(wǎng)頁設(shè)計(jì)師們的“偏頭痛”。

繼續(xù)幫個(gè)忙，加設(shè)哥微信：youshege，人數(shù)就快20萬了，拜托拜托 ^ ^

【2014年度最熱門教程排行榜】

Top 3：最優(yōu)藝術(shù)氣息的低多邊形頭像教程：
《熱門教程！教你利用PS和AI制作LOW POLY頭像》

Top 2：摳圖方法全部集結(jié)在這一篇了！
《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》

Top 1：當(dāng)仁不讓的多邊形風(fēng)格生成神器！
《這效果超火！教你創(chuàng)建高大上的多邊形字體》

投稿者：@AnyForWeb_UDC

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：