故事也許是人類最早的敘事方法。大多數(shù)人在童年時，故事用來引導他們的行為，了解歷史文化和培養(yǎng)社會認同感。”－Form Wikipedia

1.什么是故事（WHAT）

在討論如何打造故事感體驗之前，我們先聊聊什么是故事。

故事（Storytelling）是通過文字，聲音或圖像來傳播的事件。它在各種文化扮演著娛樂，教育，傳播文化和價值觀的作用。講故事或許是人類最早的敘事方法。大多數(shù)人在童年時，成人都會用故事來引導他們的行為，傳授歷史文化和培養(yǎng)社會認同感。注1

講故事是一種解釋和分享的方法。這在我們生活中非常普遍。它們可以彌合文化，語言和年齡之間的分歧。例如在教育中，可以通過故事讓人更加容易理解。又如遠古社會，人類使用紀錄和傳播故事，這些壁畫即使過了上千年，依舊能理解其中部分含義。

古埃及金字塔中的。圖片來自 forum.china.com.cn

甚至在工作中，通過講故事的形式，也可以讓信息在人與人之間更加的傳輸。比如說在討論用戶需求的會議上，通過講故事的手法，產(chǎn)品設計可以將用戶需求轉(zhuǎn)化為一個個場景故事，便可以準確的讓別人理解。 人類從古至今一直深受故事影響。從圣經(jīng)到現(xiàn)代小說無不是故事。因此當人的大腦在聽到故事時，會產(chǎn)生特別的反應。

在論文《A Theory of Narrative Empathy》中描述到，當人類聽到故事時，大腦中的”鏡像神經(jīng)細胞“（一種神經(jīng)細胞，使人們學會從簡單模仿到復雜模仿 －Wikipedia）會異常活躍，促進人類引發(fā)共鳴并理解別人的行為，所以故事很容易讓人類沉浸其中。注2

僅靠敲代碼就搞定背景的網(wǎng)站！得益于CSS技術的進步，現(xiàn)在我們可以敲代碼就實現(xiàn)超贊的漸變背景，效果絲毫不輸Photoshop，且不受屏幕大小限制，絕對是未來的熱門趨勢之一，搶先學起來 >>>

漸變的配色怎么辦？給你一個在線工具！《新年配色禮包！五款幫你在線搞定配色的WEB APP》

新年剛過，給自己許個愿吧：《新年專屬教程！手把手教你繪制簡單好學的新年簽》

Love Message

Niek Dekker

編者按：想知道Behance上有哪些設計師值得關注，看這個列表就對了！作為全球最大的藝術展示社區(qū)，優(yōu)秀的設計師每天都會抽時間到Behance上學習，作汲取靈感之用。如果你不知道有哪些人值得Follow，這篇剛好對味！

這是一個外國小哥寫給其他想進入中國市場的外國設計師的，用來學習中國互聯(lián)網(wǎng)是個什么樣子，很多我們習以為常的東西在國外都變得不可思議，感受下。

網(wǎng)頁產(chǎn)業(yè)的動蕩與中國的飛速發(fā)展有著許多相似之處：至少他們都是令人捉摸不定的。但是如果你把這兩件事情放在一起的話，你就會看到一幅快速變化的中國互聯(lián)網(wǎng)發(fā)展的畫面 。為了不被淘汰，我們必須展望未來， 以便盡早迎接變革。

別小瞧了中國的網(wǎng)頁領域，它并沒有你想象中那么簡單，尤其是在個別的關鍵方面——中國用戶的預期和西方用戶簡直差太多了。接下來我將帶你進入網(wǎng)頁專家的視角，一起來看看移動社交平臺的爆紅，以及那些優(yōu)秀的設計師和作品。

　從 2012 年到 2015 年，大數(shù)據(jù)持續(xù)發(fā)威，IDC 市場調(diào)查機構預測 2017 年大數(shù)據(jù)市場將價值 324 億，擁有這樣“Big Data、Big Deal”遠見的人，正在利用大數(shù)據(jù)激蕩出最有創(chuàng)意的構想，用數(shù)據(jù)的力量來創(chuàng)造出大量的價值。從讓資料搜尋分析平臺，到利用大數(shù)據(jù)幫助癌癥治療，大數(shù)據(jù)新創(chuàng)公司這幾年內(nèi)如雨后春筍般出現(xiàn)，2015 年這些“Big Data Startups”也會持續(xù)挖掘大數(shù)據(jù)的價值、微調(diào)其企業(yè)策略，期盼在市場中展露頭角。以下幾家新創(chuàng)公司都已經(jīng)各自獲得好幾輪金額可觀的融資，在大數(shù)據(jù)市場中十分有潛力，值得我們關注并參考，從中瞭解大數(shù)據(jù)的應用方向及潛能。

很多同學做設計的時候經(jīng)常會漏掉這個漏掉那個，等到開發(fā)來問的時候才想到。現(xiàn)在有了網(wǎng)易同學自創(chuàng)的自查表，可以把一些問題提前預防起來，文章系統(tǒng)全面，條理性強，是不可多得的實用好文呦。

飛靈：對于移動應用來說，移動情景非常復雜，設備也很多樣。那么在設計之后，設計評審之前，你的交互稿考慮的細節(jié)是否完善，對特殊狀態(tài)的描述是否有遺漏，你是怎么提前發(fā)現(xiàn)一些問題并查漏補缺的？為解決這個問題，我們團隊建立了一份交互設計自查表，并且在版本迭代的過程中同步迭代，補充新出現(xiàn)的異常點。

這份表格梳理了用戶在完成具體任務過程中的各種異常情況。它不會顯示交互的所有細節(jié)，但是卻能為特定的目標提供用戶體驗的全面視角。這個目標可能是高層次的，例如：進行某項操作無網(wǎng)絡時，應該如何展示；網(wǎng)絡不佳時應該如何處理等。在此過程中，可能由于特殊的使用場景，解決方案會有不同，但是這份表格會提醒你去深入地思考一個解決方案。以下是我在總結這些異常情況時的一些小經(jīng)驗。

值得慶幸的是，國外已經(jīng)有很多優(yōu)秀的移動用戶界面資源是可用的，這些先驅(qū)的寶貴資源可以大大幫助你的移動設計或開發(fā)你的響應式網(wǎng)站。相信今天要隆重推薦的10個網(wǎng)站，無論是在你設計一個新的移動應用程序還是尋找特定的設計解決方案時，他們都會踏踏實實的幫助到你。

1. Konigi

這個網(wǎng)站上展示了許多完美的交互設計和視覺設計案例，網(wǎng)站提供了許多不同的方式來引導你便捷的搜尋感興趣的項目！一定要利用好標簽喲。

為了對稱，我將她肩膀上的缺口補上了，但是作為一個形象剪影，她的頭發(fā)太像《星球大戰(zhàn)》中黑武士的頭盔了，所以發(fā)型還需要進行一些調(diào)整。馬尾辮足夠現(xiàn)代，也非常女性化，看起來會給人年輕的感覺，但是在32像素的寬度之下，馬尾辮的效果看起來像是某種嚙齒動物。如果改成長發(fā)披肩或者其他的造型，在如此低的分辨率之下也難以準確表達、消除歧義。所以，最終我使用了一個更加爽利精致的短發(fā)形象。

更新完女性剪影之后，問題來了：舊的男性剪影似乎也有些僵硬而過時。于是，我調(diào)整了男性剪影的發(fā)型，令其更加平滑，讓肩膀的弧度更大。在更新這個圖標設計的時候，我發(fā)現(xiàn)Facebook的常常會用男性單人圖標來表示“添加好友”。這樣的設定似乎并不公平，或者說是不準確，難道所有的朋友請求都應該用男性標識來傳達么？唯一的性別圖標是不恰當?shù)模晕覝蕚淞艘唤M。

在網(wǎng)頁設計中使用透明效果是件既美觀又冒險的事兒。透明效果的使用是把色塊，文本或圖像“變薄”或者降低飽和度，使顏色變淺透明，這樣下個圖層的內(nèi)容就能穿透顯示出來。這種方法如果用好了，效果將會特別棒——能突出顯示文本或者在圖像的特定區(qū)域形成焦點。但設計者在運用透明效果時要特別小心，因為這么做可能會影響頁面的可讀性。要是框和文本的透明度不對，更可能會影響到整體的設計。

審美疲勞？感覺Logo設計大同小異？做設計，沒有創(chuàng)意怎么能行？
今天推薦的Logo可不是掃一眼就能看明白的，除了要用眼睛看，還要用腦子想。怎么樣？敢不敢來接受這個挑戰(zhàn)？

好了，不繞圈子了，50個意蘊深刻的Logo設計現(xiàn)在開始。