你有沒有遇到過這樣的情景，我們曾試圖改變別人反饋的“乏味”、“過時”的評價，可更新后的方案仍等不到對方說“Yes”？你反問他究竟什么才“不土”，可對方說不清具體標準。你只好悻悻地拿回去再修改…一次又一次，直到你要抓狂了，卻仍換不來客戶的一個笑臉……

如何讓別人看到自己的設(shè)計會心一笑？本文僅拋磚引玉，就“有趣的設(shè)計“談開來：

“有趣”，好像就是“乏味”、“過時”、“土”、“無新意”、“不出彩”、“沒亮點”等等的反義詞了，做出一個有趣的設(shè)計，說不定會遠離一切此類的負面評價。

是不是有種找到出路的感覺？但…。.什么才是“有趣”呢？每個人的感覺都不同，你覺得有趣的他不定覺得是，這似乎完全就是一件不可掌控的事情嘛。你一定懷疑我后面的話很可能是在扯淡。但…請繼續(xù)看下去，特別要看到最后，本文就是要找到一些特別的共性元素，令得所有人都會認為“有趣”！

首先問下：你心中的“有趣的設(shè)計“該是怎么樣的呢？被問到的設(shè)計師們答：

可這些詞語還是很抽象，又是什么樣的設(shè)計才夠酷夠炫？才能給你意外驚喜呢？看圖說話：

① 【細膩靈敏的互動】http://www.extrememusic.com/

有趣指數(shù)★★★★★

動感十足的導航、細致入微的交互（mousevoer效果等）、恰如其分的音效反饋、優(yōu)雅流暢的場景過渡、精致視覺質(zhì)感的打造，都為其增色了不少。

除此之外，其右上角的導航像黑暗中的燃起的一團火，在其暗色背景上尤顯閃耀。但不得不提，全flash實現(xiàn)，可不是每個用戶的電腦都買單。

② 【mouseover的出彩】http://steedicons.com/

有趣指數(shù)★★★★★

Mousever后，整張圖被一個“放大鏡“遮住，手繪的風格，顯得隨意而有趣。

③ 【手繪卡通風】http://www.cosmicsoda.com/

有趣指數(shù)★★★★★

簡單的手繪風，軟筆抄的背景，虛線顯然比實線更顯活潑。

④ 【高質(zhì)量的大圖片】http://www.moodyinternationalllc.com/

有趣指數(shù)★★★★★

不僅僅是高質(zhì)量的大配圖，粗大字體的運用，圖片的輪轉(zhuǎn)交互，mouseover后，滾動的響應，兩處”{}”的呼應，表現(xiàn)出設(shè)計者的心機。

⑤ 【動比靜好】http://uk.burberry.com/store/

有趣指數(shù)★★★★★

圖片充斥頁面，有靜有動，一旦mouseover后，有些靜止的圖片就開始動態(tài)展示，有些則出現(xiàn)有黑色漸變背景的注釋，誰也不知道下一張圖mouseover 后會出現(xiàn)什么，不再一掃而過，這激起你把鼠標移動至每張圖細細去看的欲望。

⑥ 【精彩的過渡】http://riotindustries.com/#becominghuman

有趣指數(shù)★★★★★

各種驚喜的過渡效果，頁面右移，圖片隊列忽長忽短間的流暢過渡，吊足你的胃口。除此之外，截圖以“傾斜”的角度呈現(xiàn)給大家，頗顯文藝。

標簽： 產(chǎn)品設(shè)計 設(shè)計 用戶體驗 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。