我們做的每個項目都有各自獨特的游戲風格和設計要求，但是所做的每一個設計都希望他們能給人留下深刻的印象。令用戶難忘的體驗之一是要讓設計有趣。在這次分享中，我們將探討如何利用“有趣”的創(chuàng)意幫助我們的設計更吸引人，成為更優(yōu)秀的網(wǎng)站。

“有趣的”想法

創(chuàng)造一個愉快的用戶體驗，用戶可能不會一直記得，但是，他們可能會告訴別人。??????

當你想表達自己想法時，無論是使用語言還是使用“圖畫”，掌握的素材自然是越多越好。豐富的素材能使想法或感覺表達得更精確、鮮活。然而當我們需要“輸出”想法的時候，有時卻發(fā)現(xiàn)頭腦中亂作一團毫無頭緒。在創(chuàng)意想法上花費的時間占整個設計時間的三分之一甚至更多。通常是邊做邊想修修調(diào)調(diào)，耗費很多時間。

?廣告設計≠網(wǎng)站設計？

廣告設計和網(wǎng)站設計相當于虎和貓，都屬于貓科動物，但又不是同一種生物，在視覺元素、呈現(xiàn)方式、信息載體、傳播途徑等方面有著很大的差別；在創(chuàng)意上卻是同根生，都是挖掘產(chǎn)品的特性進行創(chuàng)新，注重生活中創(chuàng)意素材的積累。

?看看下面的設計做了哪些工作留住用戶的心吧~

> 廣告營銷案例1

創(chuàng)始于1992年的化妝品品牌LISSAGE麗雅姬。設計師的靈感來源于曾經(jīng)在巴黎一家品牌概念店墻角見過的一只滅火器，經(jīng)過鍍鉻成銀白色的滅火器高貴又華麗。正是由于手壓式滅火器設計，麗雅姬成為同行中第一款采用手壓式容器的品牌。這一新穎實用的設計在當時引起了很大反響，市場銷量大增，榮獲了“最佳化妝品”獎，在女性雜志等媒體的刊載率也翻了一倍。

> 廣告營銷案例2

東京都利川市藤幼兒園，設計師提出“校舍本身就是一個巨大的玩具”將幼兒園打造成孩子們最好的玩具一個游樂場。校舍設計成甜甜圈形狀，大樹從房頂穿過，孩子們能夠爬上屋頂自由奔跑，還能從上面乘滑梯下來。為了便于向社會宣傳，還為幼兒園設計了標志，將他們貼在孩子們的T恤和書包、幼兒園接送車以及網(wǎng)站等媒體上，這次設計成為教育領(lǐng)域的一個典型案例。

只有在理解設計真正意義的基礎(chǔ)上重視設計，才能最大限度地發(fā)揮它的作用。

給自己在意的東西貼上標簽輸入大腦素材庫，設計師需要站在客觀和理性的高度觀察日常生活，進行深度挖掘，并將多個視角感知到的東西貼上“標簽”輸入大腦，為設計準備素材。

“創(chuàng)意=創(chuàng)造性地解決問題”，鑰匙就藏在客戶手中，我們要做的只是把它們引導出來，因此創(chuàng)意永遠不會有枯竭的一天。

改善思路

改動一小步前進一大步，小小的創(chuàng)意也許能成為頁面設計的點睛之筆？麻雀變鳳凰！

> 圖片選擇

俗話說，一圖勝千言，圖片是網(wǎng)頁中重要的組成部分。盡管這對于一款設計來說，是否正確利用了圖片并不是多大的影響，但是這些圖片可能會減少銷售產(chǎn)品的機會，除非有一個很好的誘導用戶的頁面或者創(chuàng)造了很好的閱讀條件。處理圖片應該是設計師們更加需要理解和掌握的能力。

研究表明，使用了真人或者真實產(chǎn)品的圖片會自動被大腦標志為重要并能被進一步地關(guān)注。如果你有一個個人博客，大家更希望看到的是你真人頭像而不是一張繪畫像。人們想看到正在與他們交流的人的樣貌，因為這對信任的建立尤其重要。

例：總部設在英國的生物突變實驗室，這無非是一個無聊的生物公司網(wǎng)站，在圖素選擇上添加小小的創(chuàng)意，通過真人拍攝讓用戶更清楚了解到該實驗室的工作生活環(huán)境。使用圖片去描述公司員工是一個非常棒的想法，它給外界提供了一個很親切的途徑去了解這家公司的員工生活。如果能支付得起，拍攝些好的創(chuàng)意照片，這會為公司的網(wǎng)站增色不少。

例：人大官網(wǎng)的女神圖，死氣沉沉的大學官網(wǎng)為了搶奪生源也一改往日嚴肅風格開始走親民路線，這樣的大學怎能不吸引宅男，狠抓用戶口味是多麼重要。

> 表單設計

當用戶點擊了注冊鏈接之后，他很有可能想要注冊你提供的服務。重要的是，沒有更深的導航鏈接或者具有吸引力的廣告鏈接。

因此，去掉所有沒必要的詳細資料以及不能幫助用戶完成表單的描述。常常只呈現(xiàn)一個logo和表單自身，用戶會盡可能地關(guān)注在他要去完成的任務上。任何會分散用戶注意力的因素不應該被保留。設計師要幫助用戶盡可能快速和無痛地完成注冊流程。

根據(jù)調(diào)查，61%的web表單和普遍的頁面相比更簡單。

靈活的創(chuàng)意型網(wǎng)站可以根據(jù)頁面本身的產(chǎn)品特性做相應的變形或抽象設計，表現(xiàn)效果上更具象。

除了創(chuàng)意性網(wǎng)站外，傳統(tǒng)形網(wǎng)站表單夸張的樣式反而會喧賓奪主，在背景、外邊框上做些創(chuàng)新會更適合。

> 錯誤=好玩？401！

404頁面的目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用瀏覽網(wǎng)站的其他頁面而不是關(guān)閉網(wǎng)頁離開?；〞r間去設計一個創(chuàng)意的404錯誤頁面是一件非常值得的事情，盡管這個頁面被看到的概率很小。下面分享的這些404錯誤頁面設計相信能帶給你眼前一亮的感覺。

> 為設計添加一筆亮點

瞬間被干凈整潔的版面帶入其中，內(nèi)容區(qū)基本按照自身產(chǎn)品樣式做版式設計，RSS郵件產(chǎn)品的特性在其中展露無遺，最有趣的是logo和相框中猴子的呼應。

《新水滸Q傳》cover頁進入官網(wǎng)按鈕，為與“五轉(zhuǎn)新生”的slogan呼應將按鈕設計成羅盤指針形式不停搖擺。

講一個好故事更吸引人

把頁面當作一個連貫性的故事，用生動有趣的形式為觀眾們講述，是不是比簡單的圖文混排會更有意思？

云房子該網(wǎng)站主要針對少兒類創(chuàng)意視頻設計，設計亮點在：林中木屋、各種奇幻包容下的世界，這是大多數(shù)人童年時代都幻想過的場景，木屋承載著頁面的框架和板塊內(nèi)容，每一處角落中都隱藏著與用戶的互動交流的小驚喜，充滿發(fā)現(xiàn)和未知探索。該網(wǎng)站在設計形式上也是非常繁復，但由于放置在接近頁面頂部的標語——“一個小小的創(chuàng)意設計工作室，致力于影音，娛樂，和奇思妙想?！焙芸毂闱宄@家公司的性質(zhì)！

Seamco網(wǎng)站，建立“液體產(chǎn)品高效灌裝和包裝線”，集成了一個精彩的動畫灌裝生產(chǎn)線，加強了整套生產(chǎn)線這一信息傳達。從網(wǎng)站設計（裝瓶開始的地方）的頂部一路到底部（搬送至貨車運走），整個網(wǎng)站很好的傳達了公司業(yè)務服務的主要流程。一個有趣的動畫，跨越了整個一條龍生產(chǎn)線。

簡單的幾種小元素和顏色平鋪，排列形式非?；顫婋S意，書寫體和簡單的標簽文字內(nèi)容，運用JS控制主體和云層、山脈、波浪等元素的滑動速度，出現(xiàn)空間落差，實現(xiàn)從天空到地面到海底的縱向穿透。

吸管中液體滴落延展出的點線面3重組合，串聯(lián)出網(wǎng)站[關(guān)于我們][工作流程][組合投資][聯(lián)系我們]幾塊內(nèi)容，采用線體連接的形式加入JS動態(tài)彈性跳轉(zhuǎn)使本來用色塊區(qū)分的5大內(nèi)容也能連貫有趣串聯(lián)。

鹿鼎記新春專題，碗狀設計很貼合“紅包快到碗里來”的主題，桌面做背景，紅色臺布、紅包、彩帶這些元素營造了強烈的環(huán)境氛圍感。

寫在最后：優(yōu)秀的WEB體驗好比一頓美味的大餐，產(chǎn)品策劃好比菜單創(chuàng)建者，設計師好比廚師，為這道菜添加適當?shù)淖袅?、做下小?chuàng)新便能成就一席與眾不同的盛宴。

原文地址：暢游VC
作者：chezi

================關(guān)于暢游VC================

搜狐暢游視覺設計中心團隊。我們是從游戲和生活中汲取創(chuàng)意和靈感的一群設計精靈，用愛去釋放奇妙的設計魔法，描繪讓你我感動的虛擬人生。
官網(wǎng)博客：vc.changyou.com
新浪微博： @暢游VC
微信公眾平臺：cyou_vc

您也可以通過掃描下方二維碼快速添加：