截至2010年，25%的電視已經(jīng)連接到網(wǎng)絡(luò)上，而現(xiàn)在這個(gè)數(shù)量已經(jīng)翻倍了。電視現(xiàn)在已經(jīng)成為互聯(lián)網(wǎng)內(nèi)容和社交媒體分發(fā)的重要組成部分，我們需要對(duì)電視端進(jìn)行重新審視和設(shè)計(jì)了。但是，就目前而言，構(gòu)建和設(shè)計(jì)智能電視端的Web內(nèi)容還存在許多設(shè)計(jì)上的障礙、衍生問題，硬件碎片化的狀況則讓設(shè)計(jì)上的工作量增加了不少。

但是面對(duì)這個(gè)10英尺外的巨大屏幕，最主要的問題還是易用性和輕量級(jí)的交互。

隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，使得移動(dòng)產(chǎn)品設(shè)計(jì)人員急缺。由于高薪酬，很多其他行業(yè)設(shè)計(jì)師轉(zhuǎn)行做UI設(shè)計(jì)。

那么到底什么是UI設(shè)計(jì)？

做UI設(shè)計(jì)需要掌握哪些知識(shí)體系？

如何去學(xué)習(xí)？

今后如何做職業(yè)規(guī)劃？

是很多新人常會(huì)遇到的問題！

針對(duì)這些問題，給大家一個(gè)比較全面的解釋，希望能幫到新入行移動(dòng)設(shè)計(jì)的人！

 故事也許是人類最早的敘事方法。大多數(shù)人在童年時(shí)，故事用來引導(dǎo)他們的行為，了解歷史文化和培養(yǎng)社會(huì)認(rèn)同感。”－Form 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è)場(chǎng)景故事，便可以準(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ì)異常活躍，促進(jìn)人類引發(fā)共鳴并理解別人的行為，所以故事很容易讓人類沉浸其中。注2

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

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

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

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

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

Love Message

Niek Dekker

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

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

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

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

編者按：想知道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ì)有問題（例如微軟正黑體有粗體）；但是如果缺乏粗體、斜體，就會(huì)用程序演算出來一個(gè)替代的版本。這其實(shí)不是一個(gè)字體最天然的設(shè)計(jì)。

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

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