錦上添花！哪些技巧可以幫你跟沉悶枯燥的網頁設計說拜拜？

編者按：給你的作品來點調味料！不甜不咸不辣的菜很難吸引到吃貨，想搞定他們的口味，設計師得學會給作品加點不一樣的，今天@AnyForWeb_UDC?同學總結了幾個讓網頁變得與眾不同的小技巧，來漲姿勢咯。

生動有趣的網頁設計總是能吸引到更多的用戶駐足停留。千篇一律的網頁設計已經無法滿足如今“挑剔”的用戶了，想要抓住他們的眼球，必須盡可能的打開他們的好奇心，并且在細節上取勝，讓他們在細節中感受到設計師的用心。

以下是我們為大家總結的設計有趣網頁的小方法，供大家參考評論。

高清大圖的使用在2014年的網頁設計領域為很多設計師津津樂道。但如此簡單的設計和布局著實少了一些吸引人的設計元素，難免會讓網頁整體看起來有些嚴肅。要改變這一不足其實很簡單，將主文字設置為粗大的字體就能很有效的緩解這個問題，圖片始終比大段文字更吸引人。

該挑哪個字體？看這些就有答案了：《字體排行榜！2014年最受歡迎的35款字體素材打包下載》

有時候，圖片是決定網站風格定位的很大因素，如下案例所示，只需要加入一張充滿文藝氣息的圖片就能自然的提升整個網頁的檔次。這類型的網頁設計一般都沒有什么極具創意的布局排版，功能內容也做的盡量簡單，就為了襯托這一份獨特的極簡。

一張類似的大圖哪里找？來這兒看：《私家好貨！設計師的高清圖庫收藏夾（附使用技巧）》

卡通可愛的網頁風格似乎最能和趣味性搭上邊了，下面這個案例就是一個很好的證明。鮮亮的色彩搭配俏皮的字體設計，童趣的氣息分分鐘彌漫整個頁面，在這樣的網頁中加入動畫效果能事半功倍。

優秀案例右戳：《FUN轉想象力！20個妙趣橫生的卡通人物網站》

動態效果是讓網頁變有趣的一條捷徑，而在網頁設計中，通過Metro風格呈現出來的效果最能打動用戶。Palace是一個很有現代感的網站，設計師透過Metro展現了網站與用戶之間細膩靈敏的互動。

Studiotoole是一個漫畫涂鴉風格的網站，網站用凌亂體現出了一種獨特的設計風格。這種手法其實對網頁設計師來說并不陌生，用圖片的形式開傳達含義或情感應該是設計師比較擅長的部分，這樣的設計能讓頁面更加情節化，讓用戶更容易投入到網頁環境中。

品牌墻的頁面設計也許大多網站都會不謀而合，所有的Logo都規規整整的排列著，沒什么新意，用戶似乎也已經習慣了這樣的設計，而下面這個案例的品牌墻設計卻讓我們眼前一亮。設計師完全顛覆了傳統的設計方法，整個頁面以網格布局，讓頁面看起來干凈又不失格調。

.這樣的網站首頁一定能讓用戶欲罷不能。手繪風格的網頁設計可能會讓你覺得不實用，與其他風格之間的搭配會顯得格格不入，但看了下面的案例之后，你會發現真的多慮了。設計師將導航元素也融入了手繪畫面中，功能和場景之間毫無違和感，讓用戶仿佛置身于網頁插畫中。

插畫風格的網站有獨特的魅力，就像這組：《無限創意！超贊的15例運用插圖的網頁設計案例賞析》

低透明度的網頁色彩也能增加整體的頁面趣味性。低透明的顏色與生俱來一種濃郁純粹的感覺，這正符合了一個趣味性網頁應該滿足的要求。

.圖片的吸引力總是強過文字，但清晰的粗體大字也能起到類似的效果。Atlassian的網站并沒有因為首屏只有文字而降低趣味性，文字內容的顏色以鮮亮為主，排列流向也同時突出了網站的邏輯層次。

色彩是提升品質的快捷小路，前提是你的色彩基礎功足夠扎實：《色彩搭配速成！3個實用方法幫你全面搞定配色》

想要設計出一個引人注目的網頁并不全部依賴于滿滿的創意和豐富的靈感，一些實用的小技巧也能讓網頁瞬間變得有趣起來。

【優設年度人氣網站推薦】

好玩到停不下來的小眾網站！
《超贊！有哪些很少為人所知，但是很有意思的網站？》

超多免費高清大圖的資源網站兩波！
《免費高清！10個無版權限制的大圖特供網站》
《免費高清第二波！12個無版權限制的大圖特供網站》

原文地址：design.anyforweb
作者：@AnyForWeb_UDC

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

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