網(wǎng)站能承載多種多樣的內(nèi)容，但無論是哪種內(nèi)容，通常都會遵循一定的信息架構(gòu)。在這其中，故事是很特別的一種類型。講故事，往往能以更敘事、更情感化的方式，將內(nèi)容傳遞給用戶。

一個(gè)好的故事，往往始于筆端，但是最終呈現(xiàn)，還是要依靠精巧的設(shè)計(jì)。那么設(shè)計(jì)是如何講好故事的呢？今天的文章，為你分享一下創(chuàng)造故事的7個(gè)維度。

1、圖片

首先，想要講好故事，要通過設(shè)計(jì)在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計(jì)開始。壯美的圖片，有趣的插畫，驚艷的視頻，都會抓住用戶的注意力，并給予用戶第一印象。

在視覺上足夠突出的圖片，搭配以文案，一切開始擁有了畫面感，而故事因此而誕生。從照片到色彩，從文字到細(xì)節(jié)，故事所傳達(dá)出來的信息和氣質(zhì)，和整個(gè)視覺設(shè)計(jì)應(yīng)該是保持一致的，而好的故事，能夠帶著用戶一路走過來。

組件化的工作方式信奉獨(dú)立、完整、自由組合。目標(biāo)就是盡可能把設(shè)計(jì)與開發(fā)中的元素獨(dú)立化，使它具備完整的局部功能，通過自由組合來構(gòu)成整個(gè)產(chǎn)品。

對于計(jì)算機(jī)這么復(fù)雜的工業(yè)產(chǎn)品，組件化是唯一能使它成為現(xiàn)實(shí)的方法。我中學(xué)暑假去電腦城打工，跟著別人學(xué)習(xí)電腦維修。CPU在哪里，負(fù)責(zé)什么，如何拆裝；內(nèi)存在哪里，負(fù)責(zé)什么，如何拆裝。這些都是基礎(chǔ)知識，各部分各司其職，什么壞了就換什么。我還見過資深維修工修主板，他真的能找出主板上哪個(gè)電容爆了，換一個(gè)相同規(guī)格的上去，電腦又能正常開機(jī)了。

形式美法則是人類在創(chuàng)造美的形式和過程中對美的形式規(guī)律的總結(jié)概括，世間萬物的美都可以用形式美法則來概括。在平面構(gòu)成中也有形式美法則：統(tǒng)一和變化，對稱和平衡，節(jié)奏和韻律，對比和調(diào)和。前面跟大家有分享了對比、留白在網(wǎng)頁當(dāng)中的運(yùn)用，今天我們繼續(xù)來分享網(wǎng)頁當(dāng)中那么多元素是如何做到統(tǒng)一一致的。

編者按：說起usTwo 你可能沒聽過，但《紀(jì)念碑谷》你肯定玩過。這個(gè)全球頂尖的設(shè)計(jì)工作室還做過哪些酷酷的產(chǎn)品？他們是如何幫助設(shè)計(jì)師和客戶合作的？想加入它們有哪些要求？這期直接讓usTwo 的設(shè)計(jì)師為大家揭秘。

我們請到了設(shè)計(jì)工作室 usTwo 的設(shè)計(jì)師 Avalon Hu。她曾先后就讀于臺灣大學(xué)生物產(chǎn)業(yè)機(jī)電工程系和密歇根大學(xué)人機(jī)交互專業(yè)，曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場后臺開始，轉(zhuǎn)專業(yè)成為用戶體驗(yàn)設(shè)計(jì)師；設(shè)計(jì) Agency 的工作流程；usTwo 獨(dú)特的企業(yè)文化和公司結(jié)構(gòu)；最后她也與想加入設(shè)計(jì) agency 的同學(xué)分享了自己的建議。

現(xiàn)如今，消費(fèi)者對產(chǎn)品的需求從追求高性價(jià)比更多地轉(zhuǎn)為高品質(zhì)，雖然手機(jī)只是一個(gè)機(jī)器，但用戶與產(chǎn)品之間當(dāng)然是能有情感傳遞的，不然就只是一個(gè)冷冰冰的工具而已，能讓用戶在使用體驗(yàn)和過程中產(chǎn)生愉悅的產(chǎn)品才可能走的更遠(yuǎn)。

淘寶不只是售賣商品的平臺，而是有活力、創(chuàng)造力的生態(tài)圈，淘寶的用戶也是越來越年輕化，淘寶當(dāng)然也應(yīng)該有自己的故事，自己的“小情緒”，將這些有趣故事敘說給用戶，這樣才能給用戶帶來更好的購物心情和體驗(yàn)。

| 導(dǎo)語 今年春節(jié)期間支付寶發(fā)生了一次支付安全風(fēng)波，這讓我們再次意識到安全對于支付、金融類產(chǎn)品而言就是生命線。但有時(shí)候產(chǎn)品安全并不等于用戶就有了安全感，本文探討了對于支付類產(chǎn)品而言，哪些方面因素影響了用戶安全感的形成，并從設(shè)計(jì)角度出發(fā)，期望在安全感的提升上做出一些總結(jié)。在這里拋磚引玉，期望能和更多對這個(gè)問題感興趣的小伙伴一起探討。

什么是設(shè)計(jì)思維呢？顧名思義，設(shè)計(jì)思維就是設(shè)計(jì)師用來思考問題和解決問題的方法。如何培養(yǎng)設(shè)計(jì)思維？今天這篇用兩個(gè)實(shí)戰(zhàn)案例幫你一窺設(shè)計(jì)思維的奧妙。

我們先來看一個(gè)小測試：以下的方案中，哪一個(gè)是好設(shè)計(jì)？

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

對比實(shí)際上是每一項(xiàng)設(shè)計(jì)都應(yīng)體現(xiàn)的重要原則，因?yàn)閷Ρ饶軌蚪M織設(shè)計(jì)并構(gòu)建設(shè)計(jì)的層次，也就是說它能夠告訴觀眾什么才是最重要的部分。恰當(dāng)?shù)剡\(yùn)用對比不僅能強(qiáng)調(diào)焦點(diǎn)，還可以增添視覺趣味性。如果一項(xiàng)設(shè)計(jì)中的所有元素都是相同的尺寸、相同的形狀顏色，那么看起來就會十分枯燥，但加入一點(diǎn)對比就全然不同。

每個(gè)藝術(shù)家的插畫里都有來自他自身創(chuàng)造出的節(jié)奏和風(fēng)格，而接下來的一段時(shí)間，我們將學(xué)習(xí)繪制不同風(fēng)格的插畫，用實(shí)際行動去體會隱藏于圖案表象下的不可言說的趣味和技巧。

學(xué)習(xí)時(shí)尚極簡風(fēng)格插畫的目的是運(yùn)用，而極簡風(fēng)格的插畫在UI設(shè)計(jì)中是非常適宜討巧的配圖對象。尤其是運(yùn)用在與時(shí)尚相關(guān)的網(wǎng)頁中，大約是最不容易被忽視的亮點(diǎn)。

編者按：什么是交互設(shè)計(jì)，交互設(shè)計(jì)師在做什么？他們是如何思考的？今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么？

我們常常說“我們是用戶的代言人，以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)＋行為設(shè)計(jì)”等。我們需要明白，這些定義是設(shè)計(jì)師在自我視角下從不同維度對交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為，所以設(shè)計(jì)行為是帶有一定的商業(yè)目的，設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以，在以上大前提下來看設(shè)計(jì)： 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的，設(shè)計(jì)本身是我們的表達(dá)手段，在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。