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

1.什么是故事（WHAT）

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

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

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

古埃及金字塔中的。圖片來(lái)自 forum.china.com.cn

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

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

到底問(wèn)題出現(xiàn)在哪呢？這其實(shí)是由于我們設(shè)計(jì)師對(duì)App技術(shù)框架的知識(shí)匱乏所導(dǎo)致的，雖然我們不必做到會(huì)寫代碼，但掌握必要的App技術(shù)框架原理，能更有效地幫助我們預(yù)判哪些方案可行和實(shí)現(xiàn)效果較好，來(lái)讓設(shè)計(jì)方案更接地氣，讓我們一起來(lái)了解一下App技術(shù)框架都有哪些。

一、App技術(shù)框架的類型

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

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

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

Love Message

Niek Dekker

根據(jù)客戶的需求完成一個(gè)高質(zhì)量的設(shè)計(jì)工作是不容易的，而且大多數(shù)設(shè)計(jì)師知道構(gòu)建你的有效的時(shí)間管理結(jié)構(gòu)是非常重要的。

你有很多方法可以構(gòu)建這個(gè)過(guò)程，但幾個(gè)關(guān)鍵階段，如調(diào)查研究或修訂，應(yīng)始終是你的時(shí)間表的一部分。

這里有7個(gè)步驟，大多數(shù)設(shè)計(jì)項(xiàng)目必須經(jīng)過(guò)從最初的客戶簡(jiǎn)報(bào)中得到一個(gè)成功的設(shè)計(jì)。

整體的統(tǒng)一感知：大腦會(huì)將復(fù)雜的視覺(jué)內(nèi)容簡(jiǎn)化為容易理解的整體，如圖所示；

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

在 Office 軟件的設(shè)定中，i, B 兩個(gè)按鈕可以把任意字體變成斜體或粗體。如果一套字體里真的有粗體、斜體那倒不會(huì)有問(wèn)題（例如微軟正黑體有粗體）；但是如果缺乏粗體、斜體，就會(huì)用程序演算出來(lái)一個(gè)替代的版本。這其實(shí)不是一個(gè)字體最天然的設(shè)計(jì)。

1.1 保持過(guò)渡的流暢性：一致性與內(nèi)容感

通過(guò)啟動(dòng)頁(yè)的吸引，將用戶帶入產(chǎn)品的品牌與情感的世界。基于IOS平臺(tái)應(yīng)用的啟動(dòng)特質(zhì)（放大），Twitter的啟動(dòng)頁(yè)與Icon采用了一致的 元素與構(gòu)圖（信鴿為物，湖藍(lán)背景為底），確保Icon至啟動(dòng)頁(yè)的平滑過(guò)渡、加深了用戶對(duì)Twitter的品牌印象，同時(shí)呈現(xiàn)“信鴿翱翔藍(lán)天”的意向使得產(chǎn) 品的固有等待（產(chǎn)品啟動(dòng)需要一個(gè)過(guò)程）不易為用戶所察覺(jué)(啟動(dòng)頁(yè)呈現(xiàn)的意向還沒(méi)遐想完，產(chǎn)品已經(jīng)順利過(guò)渡到首頁(yè)了)。接著“信鴿”以同樣的效果完成主頁(yè)內(nèi) 容的過(guò)渡。

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

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

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

一個(gè)組件做任何事情之前是怎樣的？可能這是用戶首次看到它。或者它還沒(méi)被激活。根本上說(shuō)就是這個(gè)組件存在，但還沒(méi)有啟動(dòng)。