1. 首頁
  2. 輔助設計與工程計算

網頁設計應急小技巧

網頁設計應急小技巧

作為網頁設計師,要在短時間內設計出能讓客戶接受的設計稿,你也許需要一些小技巧!

1、讓幾何元素提升網頁Level

一個簡單的幾何元素在網頁設計中起到的作用絕對能讓你出乎意料,尤其在應對極簡風格的網站時效果更佳。設計,無非是點、線、面的不斷組合搭配,而立體幾何的融入是如此拼搭過程中的一種昇華。

2、換個視角看網頁中的世界

整齊劃一的元素排版難免會讓頁面顯得有些沉悶和拘謹,但相同的畫面只要稍作角度微調,效果就會大不一樣,整個網頁都變得俏皮靈動起來。如果在視覺上覺得有些彆扭,不如借鑑案例中的方法,加入適當的濾鏡效果,讓畫面更自然。

3、真真假假的網頁效果

真實圖片和虛擬事物圖片的使用都能很有效的提升網頁檔次,但使用時的侷限性比較大,網頁的整體風格很容易就此封閉在一個小範圍裡。而“真假參半”的設計方式也許能帶來獨特的效果,不僅讓網頁更有人情味,也會讓客戶感受到設計師的用心。

4、萬能的黃金比例

我們提到過,黃金比例會讓大家的網頁設計變得千篇一律,佈局方式可以很大程度的.體現出一個設計師的水準。但當你的設計時間很緊迫的時候,萬能的黃金比例能快速幫到你,設計師能在此基礎上做一些小創新。如下案例,設計師用人物肖像來作為頁面的分界,既達到了黃金的視覺效果,又讓界限的表現形式更自然流暢。

5、用色彩展現視覺衝擊

最直接的視覺衝擊力一定是由色彩帶來的。色彩的使用是設計界永恆的話題,但在時間緊急的時候,設計師一定不願意在選色上花費很久,這時,使用對比色是最合適的選擇。對比色在網頁設計中的運用要點是不能只關注視覺美觀而已,也要同時注意使用者體驗。

6、讓高畫質大圖背景“決定”網頁風格

可能有的網頁設計師會覺得,使用了高畫質大圖作為網頁背景對於客戶來說是一種“偷懶”的行為,其實不然。這種設計方法很考驗設計師的能力,需要設計師在設計前事先設想好一個很完整的藍圖,與其說讓圖片“決定”風格,倒不如認為是風格“決定”圖片。而之所以將這一方法也納入應急技巧,主要因為這種設計的可塑性較強,如果之後有修改意見,步驟會相對簡單一些。

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

人類都是視覺動物,潛意識中都更願意接受簡單的東西。按照這樣的理論,長篇大論的文字板塊應該在網頁設計中儘量避免,下面的案例很好的證明了這一點。簡簡單單的一句話反而能令人對之後的內容產生好奇心。

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

千萬別不相信,一根線條就能顛覆整個網頁的視覺感受!正因為作用如此妙不可言,所以被我們親切的稱為“韻律線”。想象一下,如果案例中的頁面缺少韻律線組成的陰影部分,這個網頁會變得再普通不過,而現在則顯得充滿設計感。

9、令人不得不愛的Metro風

Metro風隨著Win8介面的釋出變得漸漸熱門起來,甚至很多國外的電子商務網站設計也紛紛加入Metro的陣營,下面的案例來自韓國的一家電商機構。如果覺得Metro風格的設計過於緊湊,網格佈局也能適當借鑑。但基於是應急技巧的介紹,Metro的設計速度可能會更快一些。