網(wǎng)站能承載多種多樣的內(nèi)容,但無論是哪種內(nèi)容,通常都會(huì)遵循一定的信息架構(gòu)。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內(nèi)容傳遞給用戶。一個(gè)好的故事,往往始于筆端,但是最終呈現(xiàn),還是要依靠精巧的設(shè)計(jì)。那么設(shè)計(jì)是如何講好故事的呢?今天的文章,為你分享一下創(chuàng)造故事的7個(gè)維度。

  1、圖片

   首先,想要講好故事,要通過設(shè)計(jì)在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計(jì)開始。壯美的圖片,有趣的插畫,驚艷的視頻,都會(huì)抓住用戶的注意力,并給予用戶第一印象。 在視覺上足夠突出的圖片,搭配以文案,一切開始擁有了畫面感,而故事因此而誕生。從照片到色彩,從文字到細(xì)節(jié),故事所傳達(dá)出來的信息和氣質(zhì),和整個(gè)視覺設(shè)計(jì)應(yīng)該是保持一致的,而好的故事,能夠帶著用戶一路走過來。 2、角色

   當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)站的時(shí)候,常常會(huì)探討用戶本身和故事的角色。在網(wǎng)站的開發(fā)過程中,用戶所代表的身份,和呈現(xiàn)在用戶面前的角色,有著怎樣的關(guān)系,這是內(nèi)容和設(shè)計(jì)上需要探討的關(guān)鍵問題。 這個(gè)角色可以是一個(gè)貫穿整個(gè)設(shè)計(jì)是實(shí)體角色,也可以是被包含在視覺和文字內(nèi)容中的一種“氣質(zhì)”,或者“腔調(diào)”。 Freddie 公司旗下產(chǎn)品MailChimp 中所創(chuàng)建的視覺形象就是一只有趣的猴子,而這只猴子不僅僅是他們的LOGO,而且這個(gè)形象貫穿了整個(gè)設(shè)計(jì),這個(gè)角色為整個(gè)產(chǎn)品作出了不小的貢獻(xiàn): 首先,這個(gè)形象和公司、產(chǎn)品的名稱相互呼應(yīng),也解釋了為什么叫MailChimp。雖然MailChimp 這個(gè)生造的詞匯會(huì)讓用戶感到迷惑,可是看到猴子的形象,他們能夠很快Get到這個(gè)命名的含義。 這個(gè)形象還揭示出了這個(gè)公司的特色,有趣的設(shè)計(jì)和獨(dú)特的氣質(zhì)。 猴子Freddie 本身就代表著故事,它是怎么來的?名字怎么起的?這個(gè)形象本身就自帶故事屬性。 3、互動(dòng)

   引導(dǎo)用戶與內(nèi)容進(jìn)行互動(dòng),這是設(shè)計(jì)能帶來的重要價(jià)值之一。通過動(dòng)效和行為召喚(CTA)讓用戶自然地注意到關(guān)鍵的內(nèi)容和重要的控件,引導(dǎo)用戶與之交互,這是為了促使用戶與內(nèi)容緊交互,參與到這個(gè)故事中來。 想要用戶參與到故事中來的另外一種方式則是視差滾動(dòng)。它從視覺上鼓勵(lì)用戶持續(xù)地向下滾動(dòng),在保證體驗(yàn)愉悅的同時(shí),用動(dòng)態(tài)而有趣的視覺設(shè)計(jì),強(qiáng)化互動(dòng)。 一個(gè)好故事并不需要做的太復(fù)雜。Humaan 就很直接的借助團(tuán)隊(duì)照片和懸浮動(dòng)效來講述故事,幫助訪客了解這個(gè)團(tuán)隊(duì)的成員。這種設(shè)計(jì)簡(jiǎn)單而有效。(注意懸浮狀態(tài)下每個(gè)成員姿勢(shì)和表情的變化,非常有意思) 4、游戲

   故事本身的構(gòu)建可能是最麻煩的地方,相反,講述故事反而是簡(jiǎn)單的事情。如果你不知道要如何呈現(xiàn)故事,那么不妨將它設(shè)計(jì)成一個(gè)簡(jiǎn)單的游戲,為用戶提供一個(gè)有趣的聽故事的渠道。 而借助游戲講述故事的技巧在于,保持簡(jiǎn)單和提供獎(jiǎng)勵(lì)。不論是虛擬的成就徽章,還是優(yōu)惠券,你要讓用戶從中獲利,才能促進(jìn)他們繼續(xù)聽取你的故事。 你所提供的游戲并不一定要像Pokemon Go 那樣有趣而好玩,Dropbox 通過完成任務(wù)獲得額外的云盤空間,一樣是非常有效的手段。Dropbox 所設(shè)定的任務(wù)多種多樣,有邀請(qǐng)好友,也有帳號(hào)鏈接郵箱,但是無論是哪種,都具有一定的游戲性,達(dá)成了一定有獎(jiǎng)勵(lì)。許多忠誠(chéng)的Dropbox 用戶都是這么一步一步過來的。 當(dāng)然,對(duì)于不想玩這些游戲的用戶而言,直接付費(fèi)一樣可以達(dá)成效果。你要讓用戶覺得,不論怎么玩,他們都是贏家。 5、微交互

  如今的網(wǎng)頁和APP設(shè)計(jì)中,有著大量的動(dòng)效和微交互。許多社交媒體都樂于使用微交互,因?yàn)樗鼈兒?jiǎn)單,并且能夠帶來優(yōu)秀的體驗(yàn)。 本文是成都網(wǎng)站建設(shè)公司、成都網(wǎng)站設(shè)計(jì)制作公司、成都APP開發(fā)公司、成都響應(yīng)式網(wǎng)站建設(shè)、成都VR全景制作-桔子科技公司為您整理!