- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)中的七個維度來設(shè)計(jì)好網(wǎng)站
網(wǎng)站能承載多種多樣的內(nèi)容，但無論是哪種內(nèi)容，通常都會遵循一定的信息架構(gòu)。在這其中，故事是很特別的一種類型。講故事，往往能以更敘事、更情感化的方式，將內(nèi)容傳遞給用戶。一個好的故事，往往始于筆端，但是最終呈現(xiàn)，還是要依靠精巧的設(shè)計(jì)。那么設(shè)計(jì)是如何講好故事的呢?今天的文章，為你分享一下創(chuàng)造故事的7個維度。
1、圖片
首先，想要講好故事，要通過設(shè)計(jì)在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計(jì)開始。壯美的圖片，有趣的插畫，驚艷的視頻，都會抓住用戶的注意力，并給予用戶第一印象。 在視覺上足夠突出的圖片，搭配以文案，一切開始擁有了畫面感，而故事因此而誕生。從照片到色彩，從文字到細(xì)節(jié)，故事所傳達(dá)出來的信息和氣質(zhì)，和整個視覺設(shè)計(jì)應(yīng)該是保持一致的，而好的故事，能夠帶著用戶一路走過來。
2、角色
當(dāng)我們在設(shè)計(jì)網(wǎng)站的時候，常常會探討用戶本身和故事的角色。在網(wǎng)站的開發(fā)過程中，用戶所代表的身份，和呈現(xiàn)在用戶面前的角色，有著怎樣的關(guān)系，這是內(nèi)容和設(shè)計(jì)上需要探討的關(guān)鍵問題。 這個角色可以是一個貫穿整個設(shè)計(jì)是實(shí)體角色，也可以是被包含在視覺和文字內(nèi)容中的一種“氣質(zhì)”，或者“腔調(diào)”�！ reddie 公司旗下產(chǎn)品MailChimp 中所創(chuàng)建的視覺形象就是一只有趣的猴子，而這只猴子不僅僅是他們的LOGO，而且這個形象貫穿了整個設(shè)計(jì)，這個角色為整個產(chǎn)品作出了不小的貢獻(xiàn)： 首先，這個形象和公司、產(chǎn)品的名稱相互呼應(yīng)，也解釋了為什么叫MailChimp。雖然MailChimp 這個生造的詞匯會讓用戶感到迷惑，可是看到猴子的形象，他們能夠很快Get到這個命名的含義�！ ∵@個形象還揭示出了這個公司的特色，有趣的設(shè)計(jì)和獨(dú)特的氣質(zhì)�！ 『镒覨reddie 本身就代表著故事，它是怎么來的?名字怎么起的?這個形象本身就自帶故事屬性。
3、互動
引導(dǎo)用戶與內(nèi)容進(jìn)行互動，這是設(shè)計(jì)能帶來的重要價值之一。通過動效和行為召喚(CTA)讓用戶自然地注意到關(guān)鍵的內(nèi)容和重要的控件，引導(dǎo)用戶與之交互，這是為了促使用戶與內(nèi)容緊交互，參與到這個故事中來。 想要用戶參與到故事中來的另外一種方式則是視差滾動。它從視覺上鼓勵用戶持續(xù)地向下滾動，在保證體驗(yàn)愉悅的同時，用動態(tài)而有趣的視覺設(shè)計(jì)，強(qiáng)化互動�！ ∫粋�好故事并不需要做的太復(fù)雜。Humaan 就很直接的借助團(tuán)隊(duì)照片和懸浮動效來講述故事，幫助訪客了解這個團(tuán)隊(duì)的成員。這種設(shè)計(jì)簡單而有效。(注意懸浮狀態(tài)下每個成員姿勢和表情的變化，非常有意思)
4、游戲
故事本身的構(gòu)建可能是最麻煩的地方，相反，講述故事反而是簡單的事情。如果你不知道要如何呈現(xiàn)故事，那么不妨將它設(shè)計(jì)成一個簡單的游戲，為用戶提供一個有趣的聽故事的渠道。 而借助游戲講述故事的技巧在于，保持簡單和提供獎勵。不論是虛擬的成就徽章，還是優(yōu)惠券，你要讓用戶從中獲利，才能促進(jìn)他們繼續(xù)聽取你的故事�！ ∧闼峁┑挠螒虿⒉灰欢ㄒ馪okemon Go 那樣有趣而好玩，Dropbox 通過完成任務(wù)獲得額外的云盤空間，一樣是非常有效的手段。Dropbox 所設(shè)定的任務(wù)多種多樣，有邀請好友，也有帳號鏈接郵箱，但是無論是哪種，都具有一定的游戲性，達(dá)成了一定有獎勵。許多忠誠的Dropbox 用戶都是這么一步一步過來的�！ ‘�(dāng)然，對于不想玩這些游戲的用戶而言，直接付費(fèi)一樣可以達(dá)成效果。你要讓用戶覺得，不論怎么玩，他們都是贏家。
5、微交互
如今的網(wǎng)頁和APP設(shè)計(jì)中，有著大量的動效和微交互。許多社交媒體都樂于使用微交互，因?yàn)樗鼈兒唵危⑶夷軌驇韮?yōu)秀的體驗(yàn)。
【網(wǎng)頁設(shè)計(jì)中的七個維度來設(shè)計(jì)好網(wǎng)站】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)中的設(shè)計(jì)09-21
如何創(chuàng)造網(wǎng)頁設(shè)計(jì)的7個維度11-03
網(wǎng)頁設(shè)計(jì)中的字體設(shè)計(jì)07-26
網(wǎng)頁設(shè)計(jì)中如何設(shè)計(jì)按鈕07-29
網(wǎng)頁設(shè)計(jì)中的logo設(shè)計(jì)方法10-03
網(wǎng)頁設(shè)計(jì)中的卡式設(shè)計(jì)09-05
網(wǎng)頁設(shè)計(jì)中的文字如何設(shè)計(jì)05-07