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

1.什么是故事（WHAT）

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

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

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

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

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

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

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

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

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

Love Message

Niek Dekker

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

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

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

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

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

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

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

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

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

1. Konigi

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

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

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

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

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

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