轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   sillybuy.com  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisheji.com/212439.html 

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點這里

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

“有趣的”想法

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

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

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

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

看看下面的設(shè)計做了哪些工作留住用戶的心吧~

>廣告營銷案例1

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

>廣告營銷案例2

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

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

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

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

改善思路

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

>圖片選擇

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

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

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

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

>表單設(shè)計

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

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

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

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

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

>錯誤=好玩？404！

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

>為設(shè)計添加一筆亮點

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

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

講一個好故事更吸引人

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

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

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

簡單的幾種小元素和顏色平鋪，排列形式非常活潑隨意，書寫體和簡單的標(biāo)簽文字內(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)。

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

寫在最后：

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