@AnyForWeb_UDC ：作為網(wǎng)頁(yè)設(shè)計(jì)師，想要保證設(shè)計(jì)水準(zhǔn)的前提下完成客戶的“年底上線”心愿，你能想到的唯一辦法就是…昏天黑地的加班！這對(duì)設(shè)計(jì)師來(lái)說(shuō)是一種很煎熬的折磨，今天我們?cè)谀昴┨貏e呈現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)急小方法，希望能把設(shè)計(jì)師從水生火熱中解救出來(lái)。
雖然客戶主觀縮短了設(shè)計(jì)時(shí)間，但他們對(duì)網(wǎng)頁(yè)的要求卻不會(huì)因此降低一分一毫，要在短時(shí)間內(nèi)設(shè)計(jì)出能讓客戶接受的設(shè)計(jì)稿，你也許需要一些小技巧！
1、讓幾何元素提升網(wǎng)頁(yè)Level
一個(gè)簡(jiǎn)單的幾何元素在網(wǎng)頁(yè)設(shè)計(jì)中起到的作用絕對(duì)能讓你出乎意料，尤其在應(yīng)對(duì)極簡(jiǎn)風(fēng)格的網(wǎng)站時(shí)效果更佳。設(shè)計(jì)，無(wú)非是點(diǎn)、線、面的不斷組合搭配，而立體幾何的融入是如此拼搭過(guò)程中的一種升華。
2、換個(gè)視角看網(wǎng)頁(yè)中的世界
整齊劃一的元素排版難免會(huì)讓頁(yè)面顯得有些沉悶和拘謹(jǐn)，但相同的畫(huà)面只要稍作角度微調(diào)，效果就會(huì)大不一樣，整個(gè)網(wǎng)頁(yè)都變得俏皮靈動(dòng)起來(lái)。如果在視覺(jué)上覺(jué)得有些別扭，不如借鑒案例中的方法，加入適當(dāng)?shù)臑V鏡效果，讓畫(huà)面更自然。
3、真真假假的網(wǎng)頁(yè)效果
真實(shí)圖片和虛擬事物圖片的使用都能很有效的提升網(wǎng)頁(yè)檔次，但使用時(shí)的局限性比較大，網(wǎng)頁(yè)的整體風(fēng)格很容易就此封閉在一個(gè)小范圍里。而“真假參半”的設(shè)計(jì)方式也許能帶來(lái)獨(dú)特的效果，不僅讓網(wǎng)頁(yè)更有人情味，也會(huì)讓客戶感受到設(shè)計(jì)師的用心。
4、萬(wàn)能的黃金比例
我們提到過(guò)，黃金比例會(huì)讓大家的網(wǎng)頁(yè)設(shè)計(jì)變得千篇一律，布局方式可以很大程度的體現(xiàn)出一個(gè)設(shè)計(jì)師的水準(zhǔn)。但當(dāng)你的設(shè)計(jì)時(shí)間很緊迫的時(shí)候，萬(wàn)能的黃金比例能快速幫到你，設(shè)計(jì)師能在此基礎(chǔ)上做一些小創(chuàng)新。如下案例，設(shè)計(jì)師用人物肖像來(lái)作為頁(yè)面的分界，既達(dá)到了黃金的視覺(jué)效果，又讓界限的表現(xiàn)形式更自然流暢。
5、用色彩展現(xiàn)視覺(jué)沖擊
最直接的視覺(jué)沖擊力一定是由色彩帶來(lái)的。色彩的使用是設(shè)計(jì)界永恒的話題，但在時(shí)間緊急的時(shí)候，設(shè)計(jì)師一定不愿意在選色上花費(fèi)很久，這時(shí)，使用對(duì)比色是最合適的選擇。對(duì)比色在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用要點(diǎn)是不能只關(guān)注視覺(jué)美觀而已，也要同時(shí)注意用戶體驗(yàn)。
6、讓高清大圖背景“決定”網(wǎng)頁(yè)風(fēng)格
可能有的網(wǎng)頁(yè)設(shè)計(jì)師會(huì)覺(jué)得，使用了高清大圖作為網(wǎng)頁(yè)背景對(duì)于客戶來(lái)說(shuō)是一種“偷懶”的行為，其實(shí)不然。這種設(shè)計(jì)方法很考驗(yàn)設(shè)計(jì)師的能力，需要設(shè)計(jì)師在設(shè)計(jì)前事先設(shè)想好一個(gè)很完整的藍(lán)圖，與其說(shuō)讓圖片“決定”風(fēng)格，倒不如認(rèn)為是風(fēng)格“決定”圖片。而之所以將這一方法也納入應(yīng)急技巧，主要因?yàn)檫@種設(shè)計(jì)的可塑性較強(qiáng)，如果之后有修改意見(jiàn)，步驟會(huì)相對(duì)簡(jiǎn)單一些。
7、精簡(jiǎn)文字并不是一種偷懶行為
人類都是視覺(jué)動(dòng)物，潛意識(shí)中都更愿意接受簡(jiǎn)單的東西。按照這樣的理論，長(zhǎng)篇大論的文字板塊應(yīng)該在網(wǎng)頁(yè)設(shè)計(jì)中盡量避免，下面的案例很好的證明了這一點(diǎn)。簡(jiǎn)簡(jiǎn)單單的一句話反而能令人對(duì)之后的內(nèi)容產(chǎn)生好奇心。
8、韻律線帶你提升帶你飛
千萬(wàn)別不相信，一根線條就能顛覆整個(gè)網(wǎng)頁(yè)的視覺(jué)感受！正因?yàn)樽饔萌绱嗣畈豢裳裕员晃覀冇H切的稱為“韻律線”。想象一下，如果案例中的頁(yè)面缺少韻律線組成的陰影部分，這個(gè)網(wǎng)頁(yè)會(huì)變得再普通不過(guò)，而現(xiàn)在則顯得充滿設(shè)計(jì)感。
9、令人不得不愛(ài)的Metro風(fēng)
Metro風(fēng)隨著Win8界面的發(fā)布變得漸漸熱門(mén)起來(lái)，甚至很多國(guó)外的電子商務(wù)網(wǎng)站設(shè)計(jì)也紛紛加入Metro的陣營(yíng)，下面的案例來(lái)自韓國(guó)的一家電商機(jī)構(gòu)。如果覺(jué)得Metro風(fēng)格的設(shè)計(jì)過(guò)于緊湊，網(wǎng)格布局也能適當(dāng)借鑒。但基于是應(yīng)急技巧的介紹，Metro的設(shè)計(jì)速度可能會(huì)更快一些。
“幫幫忙吧，我們準(zhǔn)備年底上線！”
這是年底節(jié)前最令設(shè)計(jì)師頭痛的催促。有了這篇文章，希望能緩解網(wǎng)頁(yè)設(shè)計(jì)師們的“偏頭痛”。
