2013-9-26 藍藍設計的小編
轉載藍藍設計( m.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源：http://www.uisheji.com/212439.html
如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中， 請點這里
我們做的每個項目都有各自獨特的游戲風格和設計要求，但是所做的每一個設計都希望他們能給人留下深刻的印象。令用戶難忘的體驗之一是要讓設計有趣。在這次分享中，我們將探討如何利用“有趣”的創(chuàng)意幫助我們的設計更吸引人，成為更優(yōu)秀的網站。
創(chuàng)造一個愉快的用戶體驗，用戶可能不會一直記得，但是，他們可能會告訴別人。
當你想表達自己想法時，無論是使用語言還是使用“圖畫”，掌握的素材自然是越多越好。豐富的素材能使想法或感覺表達得更、鮮活。然而當我們需要“輸出”想法的時候，有時卻發(fā)現(xiàn)頭腦中亂作一團毫無頭緒。在創(chuàng)意想法上花費的時間占整個設計時間的三分之一甚至更多。通常是邊做邊想修修調調，耗費很多時間。
廣告設計和網站設計相當于虎和貓，都屬于貓科動物，但又不是同一種生物，在視覺元素、呈現(xiàn)方式、信息載體、傳播途徑等方面有著很大的差別；在創(chuàng)意上卻是同根生，都是挖掘產品的特性進行創(chuàng)新，注重生活中創(chuàng)意素材的積累。
看看下面的設計做了哪些工作留住用戶的心吧~
創(chuàng)始于1992年的化妝品品牌LISSAGE麗雅姬。 設計師的靈感來源于曾經在巴黎一家品牌概念店墻角見過的一只滅火器，經過鍍鉻成銀白色的滅火器高貴又華麗。正是由于手壓式滅火器設計，麗雅姬成為同行中第一款采用手壓式容器的品牌。這一新穎實用的設計在當時引起了很大反響，市場銷量大增，榮獲了“最佳化妝品”獎，在女性雜志等媒體的刊載率也翻了一倍。
東京都利川市藤幼兒園，設計師提出“校舍本身就是一個巨大的玩具”將幼兒園打造成孩子們最好的玩具一個游樂場。校舍設計成甜甜圈形狀，大樹從房頂穿過，孩子們能夠爬上屋頂自由奔跑，還能從上面乘滑梯下來。為了便于向社會宣傳，還為幼兒園設計了標志，將他們貼在孩子們的T恤和書包、幼兒園接送車以及網站等媒體上，這次設計成為教育領域的一個典型案例。
只有在理解設計真正意義的基礎上重視設計，才能最大限度地發(fā)揮它的作用。
給自己在意的東西貼上標簽輸入大腦素材庫，設計師需要站在客觀和理性的高度觀察日常生活，進行深度挖掘，并將多個視角感知到的東西貼上“標簽”輸入大腦，為設計準備素材。
“創(chuàng)意=創(chuàng)造性地解決問題”，鑰匙就藏在客戶手中，我們要做的只是把它們引導出來，因此創(chuàng)意永遠不會有枯竭的一天。
改動一小步前進一大步，小小的創(chuàng)意也許能成為頁面設計的點睛之筆？麻雀變鳳凰！
俗話說，一圖勝千言，圖片是網頁中重要的組成部分。盡管這對于一款設計來說，是否正確利用了圖片并不是多大的影響，但是這些圖片可能會減少銷售產品的機會，除非有一個很好的誘導用戶的頁面或者創(chuàng)造了很好的閱讀條件。處理圖片應該是設計師們更加需要理解和掌握的能力。
研究表明，使用了真人或者真實產品的圖片會自動被大腦標志為重要并能被進一步地關注。如果你有一個個人博客，大家更希望看到的是你真人頭像而不是一張繪畫像。人們想看到正在與他們交流的人的樣貌，因為這對信任的建立尤其重要。
例：總部設在英國的生物突變實驗室，這無非是一個無聊的生物公司網站，在圖素選擇上添加小小的創(chuàng)意，通過真人拍攝讓用戶更清楚了解到該實驗室的工作生活環(huán)境。使用圖片去描述公司員工是一個非常棒的想法，它給外界提供了一個很親切的途徑去了解這家公司的員工生活。如果能支付得起，拍攝些好的創(chuàng)意照片，這會為公司的網站增色不少。
例：人大官網的女神圖，死氣沉沉的大學官網為了搶奪生源也一改往日嚴肅風格開始走親民路線，這樣的大學怎能不吸引宅男，狠抓用戶口味是多麼重要。
當用戶點擊了注冊鏈接之后，他很有可能想要注冊你提供的服務。重要的是，沒有更深的導航鏈接或者具有吸引力的廣告鏈接。
因此，去掉所有沒必要的詳細資料以及不能幫助用戶完成表單的描述。常常只呈現(xiàn)一個logo和表單自身，用戶會盡可能地關注在他要去完成的任務上。任何會分散用戶注意力的因素不應該被保留。設計師要幫助用戶盡可能快速和無痛地完成注冊流程。
根據(jù)調查，61%的web表單和普遍的頁面相比更簡單。
靈活性的創(chuàng)意網站可以根據(jù)頁面本身的產品特性做相應的變形或抽象設計，表現(xiàn)效果上更具象。
除了創(chuàng)意性網站外，傳統(tǒng)形網站表單夸張的樣式反而會喧賓奪主，在背景、外邊框上做些創(chuàng)新會更適合。
404頁面的目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯誤，同時引導用戶使用瀏覽網站的其他頁面而不是關閉網頁離開。花時間去設計一個創(chuàng)意的404錯誤頁面是一件非常值得的事情，盡管這個頁面被看到的概率很小。下面分享的這些404錯誤頁面設計相信能帶給你你眼前一亮的感覺。
瞬間被干凈整潔的版面帶入環(huán)境中，內容區(qū)基本按照自身產品樣式做版式設計，RSS郵件產品的特性在其中展露無遺，最有趣的是logo和相框中猴子的呼應。
《新水滸Q傳》cover頁進入官網按鈕，為與“五轉新生”的slogan呼應將按鈕設計成羅盤指針形式不停搖擺。
把頁面當作一個連貫性的故事，用生動有趣的形式為觀眾們講述，是不是比簡單的圖文混排會更有意思？
云房子該網站主要針對少兒類創(chuàng)意視頻設計，設計亮點在：林中木屋、各種奇幻包容下的世界，這是大多數(shù)人童年時代都幻想過的場景，木屋承載著頁面的框架和板塊內容，每一處角落中都隱藏著與用戶的互動交流的小驚喜，充滿發(fā)現(xiàn)和未知探索。該網站在設計形式上也是非常繁復，但由于放置在接近頁面頂部的標語——“一個小小的創(chuàng)意設計工作室，致力于影音，娛樂，和奇思妙想。”很快便清楚這家公司的性質！
網站，建立“液體產品灌裝和包裝線”，集成了一個精彩的動畫灌裝生產線，加強了整套生產線這一信息傳達。從網站設計（裝瓶開始的地方）的頂部一路到底部（搬送至貨車運走），整個網站很好的傳達了公司業(yè)務服務的主要流程。一個有趣的動畫，跨越了整個一條龍生產線。
簡單的幾種小元素和顏色平鋪，排列形式非常活潑隨意，書寫體和簡單的標簽文字內容，運用JS控制主體和云層、山脈、波浪等元素的滑動速度，出現(xiàn)空間落差，實現(xiàn)從天空到地面到海底的縱向穿透。
吸管中液體滴落延展出的點線面3重組合，串聯(lián)出網站【關于我們】【工作流程】【組合投資】【聯(lián)系我們】幾塊內容，采用線體連接的形式加入JS動態(tài)彈性跳轉使本來有色塊區(qū)分的5大塊內容也能連貫串聯(lián)。
鹿鼎記新春專題，碗狀設計很貼合“紅包快到碗里來”的主題，桌面做背景，紅色臺布、紅包、彩帶這些元素營造了強烈的環(huán)境氛圍感。
優(yōu)秀的WEB體驗好比一頓美味的大餐，產品策劃好比菜單創(chuàng)建者，設計師好比廚師，為這道菜添加適當?shù)淖袅稀⒆鱿滦?chuàng)新便能成就一席與眾不同的盛宴