超實用！如何讓一個網站看起來高大上且更有設計感？

編者按：很多同學關心這個問題，今天魅族的@陳希_CHRISCHEN??總結了四點超實用的建議，附上相關的教程，幫新手們快速打造高大上的設計感，學起來 >>>

姑且僅理解為視覺層面上如何更好，當然一個網站不僅僅只有視覺，最終的結果是多方因素的完美結合。

讓人感受“高大上”，首先設計需要具備一定的沖擊力，那此題也可以理解為如何生產這樣的沖擊力。

一：遵循「簡單、平凡」

很多人會誤以為網站要用到很多的特效，切忌大量使用動畫、動畫不宜過分夸張（例如PPT里的百葉窗這種動畫），遵循物體簡單的運動和實際操作帶來的反饋去做動畫，該有的時候出現，不該有的時候別瞎蹦。

同理，遵循簡單有效的布局，利用細節去改變你的網站，通過段落的排版，字體的選擇，圖文的穿插等細節的方式提升美感。

字體選擇教程：《平面排版時，教你突出中文美感的幾種方法》

圖文穿插教程：

• 《圖文搭配網頁不累！如何讓圖文混排好看又好用？》
• 《超全面教程！給照片添加文字有哪10個高大上的方法？》

PS：記得有句話說「不怕沒品味的人，就怕沒品味的人用心」

二：舍得留白

設計需要充分但不過分的留白，留白給人以奢侈的感受。頁面寸土寸金，沒有十分必要，不要把它塞得過滿。此外，留白可以更好的凸顯主體；在特定情況下，適當的留白還能產生別樣的意味。

留白教程：《推薦！通過留白打造簡潔有效的設計》

三：變化，即對比

萬物皆因變化富有美感，書法的章法能很好的詮釋這個問題，大小、粗細、輕重、濕燥的對比之美讓簡單的文字變得富有魅力。

對于網站也相同，僅僅字體的對比就能產生很多美感，利用字體的變化排版，也是一種直接有效的方式。

四：高質量圖片

圖片是渲染氣氛最有效的方式，圖片疊加文字的方式是一種非常取巧的辦法。一張高質量的圖片本身具備的美感已經足以提升逼格。

想搞定這一步，你得有：

1. 大圖：《免費高清！10個無版權限制的大圖特供網站》
2. 字體：《字體排行榜！2014年最受歡迎的35款字體素材打包下載》
3. 原因：《設計師必看！為什么英文要比中文在設計中顯得高大上》

如果你不信，那還有更屌一點的，傳說中的「黑白噪點壓大字，高端大氣上檔次」，簡直抓全了精髓。

布局簡單平凡、富裕的留白、響亮的對比關系、就連圖片在 黑白+噪點 的處理后也變得大氣起來。啊～～有什么是設計不能拯救的呢？

【成為解決問題的人！E大的人氣好文推薦合集】

圖像與文字的設計心理學小科普！
《設計師必看！為什么英文要比中文在設計中顯得高大上》

LOGO有哪些設計忌諱一定要避開？
《設計師必看！LOGO設計的忌諱有哪些？》

搞定小白用戶的最佳演示！
《超實用的設計心理學！怎么用隱喻設計引導用戶？》

原文地址：zhihu
作者：@陳希_CHRISCHEN

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量90萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege