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

1.什么是故事（WHAT）

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

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

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

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

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

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

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

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

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

Love Message

Niek Dekker

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

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

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

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

　從 2012 年到 2015 年，大數(shù)據(jù)持續(xù)發(fā)威，IDC 市場調(diào)查機構(gòu)預測 2017 年大數(shù)據(jù)市場將價值 324 億，擁有這樣“Big Data、Big Deal”遠見的人，正在利用大數(shù)據(jù)激蕩出最有創(chuàng)意的構(gòu)想，用數(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ù)市場中十分有潛力，值得我們關(guān)注并參考，從中瞭解大數(shù)據(jù)的應(yīng)用方向及潛能。

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

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

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

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

1. Konigi

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

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

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

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

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

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