編者按：給你的作品來(lái)點(diǎn)調(diào)味料！不甜不咸不辣的菜很難吸引到吃貨，想搞定他們的口味，設(shè)計(jì)師得學(xué)會(huì)給作品加點(diǎn)不一樣的，今天@AnyForWeb_UDC?同學(xué)總結(jié)了幾個(gè)讓網(wǎng)頁(yè)變得與眾不同的小技巧，來(lái)漲姿勢(shì)咯。

生動(dòng)有趣的網(wǎng)頁(yè)設(shè)計(jì)總是能吸引到更多的用戶駐足停留。千篇一律的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)無(wú)法滿足如今“挑剔”的用戶了，想要抓住他們的眼球，必須盡可能的打開(kāi)他們的好奇心，并且在細(xì)節(jié)上取勝，讓他們?cè)诩?xì)節(jié)中感受到設(shè)計(jì)師的用心。

以下是我們?yōu)榇蠹铱偨Y(jié)的設(shè)計(jì)有趣網(wǎng)頁(yè)的小方法，供大家參考評(píng)論。

高清大圖的使用在2014年的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域?yàn)楹芏嘣O(shè)計(jì)師津津樂(lè)道。但如此簡(jiǎn)單的設(shè)計(jì)和布局著實(shí)少了一些吸引人的設(shè)計(jì)元素，難免會(huì)讓網(wǎng)頁(yè)整體看起來(lái)有些嚴(yán)肅。要改變這一不足其實(shí)很簡(jiǎn)單，將主文字設(shè)置為粗大的字體就能很有效的緩解這個(gè)問(wèn)題，圖片始終比大段文字更吸引人。

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

有時(shí)候，圖片是決定網(wǎng)站風(fēng)格定位的很大因素，如下案例所示，只需要加入一張充滿文藝氣息的圖片就能自然的提升整個(gè)網(wǎng)頁(yè)的檔次。這類型的網(wǎng)頁(yè)設(shè)計(jì)一般都沒(méi)有什么極具創(chuàng)意的布局排版，功能內(nèi)容也做的盡量簡(jiǎn)單，就為了襯托這一份獨(dú)特的極簡(jiǎn)。

一張類似的大圖哪里找？來(lái)這兒看：《私家好貨！設(shè)計(jì)師的高清圖庫(kù)收藏夾（附使用技巧）》

卡通可愛(ài)的網(wǎng)頁(yè)風(fēng)格似乎最能和趣味性搭上邊了，下面這個(gè)案例就是一個(gè)很好的證明。鮮亮的色彩搭配俏皮的字體設(shè)計(jì)，童趣的氣息分分鐘彌漫整個(gè)頁(yè)面，在這樣的網(wǎng)頁(yè)中加入動(dòng)畫(huà)效果能事半功倍。

優(yōu)秀案例右戳：《FUN轉(zhuǎn)想象力！20個(gè)妙趣橫生的卡通人物網(wǎng)站》

動(dòng)態(tài)效果是讓網(wǎng)頁(yè)變有趣的一條捷徑，而在網(wǎng)頁(yè)設(shè)計(jì)中，通過(guò)Metro風(fēng)格呈現(xiàn)出來(lái)的效果最能打動(dòng)用戶。Palace是一個(gè)很有現(xiàn)代感的網(wǎng)站，設(shè)計(jì)師透過(guò)Metro展現(xiàn)了網(wǎng)站與用戶之間細(xì)膩靈敏的互動(dòng)。

Studiotoole是一個(gè)漫畫(huà)涂鴉風(fēng)格的網(wǎng)站，網(wǎng)站用凌亂體現(xiàn)出了一種獨(dú)特的設(shè)計(jì)風(fēng)格。這種手法其實(shí)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)并不陌生，用圖片的形式開(kāi)傳達(dá)含義或情感應(yīng)該是設(shè)計(jì)師比較擅長(zhǎng)的部分，這樣的設(shè)計(jì)能讓頁(yè)面更加情節(jié)化，讓用戶更容易投入到網(wǎng)頁(yè)環(huán)境中。

品牌墻的頁(yè)面設(shè)計(jì)也許大多網(wǎng)站都會(huì)不謀而合，所有的Logo都規(guī)規(guī)整整的排列著，沒(méi)什么新意，用戶似乎也已經(jīng)習(xí)慣了這樣的設(shè)計(jì)，而下面這個(gè)案例的品牌墻設(shè)計(jì)卻讓我們眼前一亮。設(shè)計(jì)師完全顛覆了傳統(tǒng)的設(shè)計(jì)方法，整個(gè)頁(yè)面以網(wǎng)格布局，讓頁(yè)面看起來(lái)干凈又不失格調(diào)。

.這樣的網(wǎng)站首頁(yè)一定能讓用戶欲罷不能。手繪風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)可能會(huì)讓你覺(jué)得不實(shí)用，與其他風(fēng)格之間的搭配會(huì)顯得格格不入，但看了下面的案例之后，你會(huì)發(fā)現(xiàn)真的多慮了。設(shè)計(jì)師將導(dǎo)航元素也融入了手繪畫(huà)面中，功能和場(chǎng)景之間毫無(wú)違和感，讓用戶仿佛置身于網(wǎng)頁(yè)插畫(huà)中。

插畫(huà)風(fēng)格的網(wǎng)站有獨(dú)特的魅力，就像這組：《無(wú)限創(chuàng)意！超贊的15例運(yùn)用插圖的網(wǎng)頁(yè)設(shè)計(jì)案例賞析》

低透明度的網(wǎng)頁(yè)色彩也能增加整體的頁(yè)面趣味性。低透明的顏色與生俱來(lái)一種濃郁純粹的感覺(jué)，這正符合了一個(gè)趣味性網(wǎng)頁(yè)應(yīng)該滿足的要求。

.圖片的吸引力總是強(qiáng)過(guò)文字，但清晰的粗體大字也能起到類似的效果。Atlassian的網(wǎng)站并沒(méi)有因?yàn)槭灼林挥形淖侄档腿の缎裕淖謨?nèi)容的顏色以鮮亮為主，排列流向也同時(shí)突出了網(wǎng)站的邏輯層次。

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

想要設(shè)計(jì)出一個(gè)引人注目的網(wǎng)頁(yè)并不全部依賴于滿滿的創(chuàng)意和豐富的靈感，一些實(shí)用的小技巧也能讓網(wǎng)頁(yè)瞬間變得有趣起來(lái)。

【優(yōu)設(shè)年度人氣網(wǎng)站推薦】

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

超多免費(fèi)高清大圖的資源網(wǎng)站兩波！
《免費(fèi)高清！10個(gè)無(wú)版權(quán)限制的大圖特供網(wǎng)站》
《免費(fèi)高清第二波！12個(gè)無(wú)版權(quán)限制的大圖特供網(wǎng)站》

原文地址：design.anyforweb
作者：@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"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
官方微信：想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege