亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

創(chuàng)造富有故事性的網(wǎng)頁,你需要熟悉這7個維度

作者:henzimu7
2017-03-22
6500

網(wǎng)站能承載多種多樣的內(nèi)容,但無論是哪種內(nèi)容,通常都會遵循一定的信息架構(gòu)。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內(nèi)容傳遞給用戶。一個好的故事,往往始于筆端,但是最終呈現(xiàn),還是要依靠精巧的設(shè)計。那么設(shè)計是如何講好故事的呢?今天的文章,為你分享一下創(chuàng)造故事的7個維度。1、圖片首先,想要講好故事,要通過設(shè)計在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計開始。壯美的圖片,有趣的插畫,驚艷的視頻,都會抓住用戶的注意力,并給予用戶第一印象。在視覺上足夠突出的圖片,搭配以文案,一切開始擁有了畫

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

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

1、圖片

coffee.jpg

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

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

2、角色

chimp-1.jpg

當(dāng)我們在設(shè)計網(wǎng)站的時候,常常會探討用戶本身和故事的角色。在網(wǎng)站的開發(fā)過程中,用戶所代表的身份,和呈現(xiàn)在用戶面前的角色,有著怎樣的關(guān)系,這是內(nèi)容和設(shè)計上需要探討的關(guān)鍵問題。

這個角色可以是一個貫穿整個設(shè)計是實體角色,也可以是被包含在視覺和文字內(nèi)容中的一種“氣質(zhì)”,或者“腔調(diào)”。

Freddie 公司旗下產(chǎn)品MailChimp 中所創(chuàng)建的視覺形象就是一只有趣的猴子,而這只猴子不僅僅是他們的LOGO,而且這個形象貫穿了整個設(shè)計,這個角色為整個產(chǎn)品作出了不小的貢獻(xiàn):

·首先,這個形象和公司、產(chǎn)品的名稱相互呼應(yīng),也解釋了為什么叫MailChimp。雖然MailChimp 這個生造的詞匯會讓用戶感到迷惑,可是看到猴子的形象,他們能夠很快Get到這個命名的含義。

·這個形象還揭示出了這個公司的特色,有趣的設(shè)計和獨特的氣質(zhì)。

·猴子Freddie 本身就代表著故事,它是怎么來的?名字怎么起的?這個形象本身就自帶故事屬性。

3、互動

humaan.jpg

引導(dǎo)用戶與內(nèi)容進(jìn)行互動,這是設(shè)計能帶來的重要價值之一。通過動效和行為召喚(CTA)讓用戶自然地注意到關(guān)鍵的內(nèi)容和重要的控件,引導(dǎo)用戶與之交互,這是為了促使用戶與內(nèi)容緊交互,參與到這個故事中來。

想要用戶參與到故事中來的另外一種方式則是視差滾動。它從視覺上鼓勵用戶持續(xù)地向下滾動,在保證體驗愉悅的同時,用動態(tài)而有趣的視覺設(shè)計,強化互動。

一個好故事并不需要做的太復(fù)雜。Humaan 就很直接的借助團(tuán)隊照片和懸浮動效來講述故事,幫助訪客了解這個團(tuán)隊的成員。這種設(shè)計簡單而有效。(注意懸浮狀態(tài)下每個成員姿勢和表情的變化,非常有意思)

4、游戲

dropbox.jpg

故事本身的構(gòu)建可能是最麻煩的地方,相反,講述故事反而是簡單的事情。如果你不知道要如何呈現(xiàn)故事,那么不妨將它設(shè)計成一個簡單的游戲,為用戶提供一個有趣的聽故事的渠道。

而借助游戲講述故事的技巧在于,保持簡單和提供獎勵。不論是虛擬的成就徽章,還是優(yōu)惠券,你要讓用戶從中獲利,才能促進(jìn)他們繼續(xù)聽取你的故事。

你所提供的游戲并不一定要像Pokemon Go 那樣有趣而好玩,Dropbox 通過完成任務(wù)獲得額外的云盤空間,一樣是非常有效的手段。Dropbox 所設(shè)定的任務(wù)多種多樣,有邀請好友,也有帳號鏈接郵箱,但是無論是哪種,都具有一定的游戲性,達(dá)成了一定有獎勵。許多忠誠的Dropbox 用戶都是這么一步一步過來的。

當(dāng)然,對于不想玩這些游戲的用戶而言,直接付費一樣可以達(dá)成效果。你要讓用戶覺得,不論怎么玩,他們都是贏家。

5、微交互

robot.jpg

如今的網(wǎng)頁和APP設(shè)計中,有著大量的動效和微交互。許多社交媒體都樂于使用微交互,因為它們簡單,并且能夠帶來優(yōu)秀的體驗。

微交互所帶來的有趣體驗為用戶創(chuàng)造出一個有趣的瞬間。每次保存設(shè)置,發(fā)送消息,登錄帳號,都會伴隨著好玩而微妙的微交互,以Instagram 中點贊的按鈕為例,用戶在嘗試過之后,對于這種交互會有的沉迷的感覺,樂此不疲。

有意義的微交互非常重要。就像上面所說的點贊,它是具有功能性的,它給整個產(chǎn)品的體驗帶來了明顯的提升。

6、敘述

beast.jpg

故事的構(gòu)成大多不復(fù)雜,開頭,過程,結(jié)局,這三者是絕大部分的故事的三個基本環(huán)節(jié)。

如果你需要講述故事,這種公式化的結(jié)構(gòu)其實是最容易為用戶所接受的:

開頭:LOGO和標(biāo)題。讓用戶知道這是什么網(wǎng)站,以及他們?yōu)槭裁磿谶@里。

過程:通過陳述內(nèi)容,展現(xiàn)特殊性。你的網(wǎng)站能給用戶帶來什么不一樣的東西?他們能預(yù)期一些什么東西?

結(jié)局:行為召喚,呼吁用戶購買,或者訂閱,等等。

7、簡單

up.jpg

雖然這可能會和上面的一條有所沖突,但是故事最好還是保持簡單。簡單的故事往往能更快的讓用戶Get到核心信息。

故事要能夠抓住用戶的注意力,給用戶留下好印象,讓他們成為回頭客。

UpStream 在自己的首頁上就做到了這一點——雖然用戶可以通過滾動,到中間部位查看更多的內(nèi)容,但是只需快速的掃視開頭,中間和結(jié)尾三個部分,就能搞清楚這個故事的全貌。通過視覺設(shè)計搭配文字,就能搭建出一個故事的梗概。此外,屏幕上的“參與”按鈕也相當(dāng)?shù)摹罢T人”。

簡單的故事往往更加有效。

結(jié)語

你在設(shè)計故事的時候應(yīng)該明白,你自己的故事往往更加動人。一個真實的故事,帶有你自己的烙印,講述出來才更容易觸動到用戶。


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          久久久激情视频| 国产v综合v亚洲欧| 激情综合网激情| 欧美一区二区三区人| 亚洲精品成人精品456| 91视频观看视频| 一区二区三区在线观看国产| 精品1区2区3区| 日本va欧美va瓶| 欧美色手机在线观看| 亚洲天堂中文字幕| 日本道在线观看一区二区| 亚洲日本在线天堂| 欧美日韩一区二区欧美激情| 日韩 欧美一区二区三区| 欧美一区二区三区日韩| 国产一区二区三区香蕉| 中文字幕精品—区二区四季| 高清在线成人网| 九一九一国产精品| 欧美成人精品福利| 国产jizzjizz一区二区| 亚洲男人都懂的| 欧美肥妇bbw| 久久99精品国产.久久久久久| 中文字幕不卡在线观看| 日韩一区二区三| 国产成人精品亚洲午夜麻豆| 一区二区三区自拍| 国产精品日日摸夜夜摸av| 欧美自拍偷拍一区| 国产精品亚洲а∨天堂免在线| 一区二区三区免费看视频| 久久视频一区二区| 欧美日韩国产中文| av一区二区三区| 国内精品伊人久久久久av一坑| 国产精品福利影院| 久久久久久久av麻豆果冻| 欧美影片第一页| 国产一区二区三区电影在线观看| 亚洲一区二区三区在线播放| 国产婷婷精品av在线| 欧亚一区二区三区| 色综合一个色综合| 成人小视频免费观看| 日韩在线一二三区| 国产精品久久影院| 国产视频一区在线观看| 91精品综合久久久久久| 色婷婷狠狠综合| 97aⅴ精品视频一二三区| 国内精品视频666| 亚洲电影在线免费观看| 国产精品久久久久久久久久久免费看| 欧美精品一区二区三| 欧美一区二区三区视频在线| 欧美一区国产二区| 3atv一区二区三区| 欧美一区二区观看视频| 欧美日产在线观看| 911精品国产一区二区在线| 欧美精品视频www在线观看| 欧美视频日韩视频在线观看| 欧美图区在线视频| 欧美色精品在线视频| 欧美三日本三级三级在线播放| 日本精品一区二区三区高清 | 欧美一二区视频| 3atv一区二区三区| 日韩欧美区一区二| 精品国产sm最大网站| 久久久久高清精品| 国产人久久人人人人爽| 国产精品电影一区二区三区| 国产精品乱人伦| 亚洲精品中文字幕乱码三区| 亚洲午夜精品网| 日本视频一区二区| 国产一区二区精品在线观看| 国产成人综合自拍| 一本一本久久a久久精品综合麻豆| 91国在线观看| 日韩精品一区二区三区中文精品| www国产亚洲精品久久麻豆| 国产精品久久网站| 亚洲一区二区三区免费视频| 免费在线欧美视频| 国产不卡视频在线观看| 色偷偷88欧美精品久久久| 69精品人人人人| 中文字幕乱码一区二区免费| 伊人色综合久久天天人手人婷| 日韩精品国产精品| 成人高清免费在线播放| 欧美天堂一区二区三区| 欧美嫩在线观看| 亚洲老妇xxxxxx| 精品一区二区三区av| 91色九色蝌蚪| 国产欧美日韩亚州综合 | 大胆欧美人体老妇| 欧美日韩一区二区三区在线| 精品久久久久久最新网址| 亚洲三级在线看| 国产精品一二三四五| 欧美亚洲国产一区二区三区va | 亚洲人xxxx| 激情久久五月天| 日韩一二三区视频| 一区二区三区**美女毛片| 91精品国产综合久久蜜臀| 亚洲精品国久久99热| 成人国产电影网| 欧美不卡一区二区三区四区| 亚洲大片精品永久免费| 色婷婷香蕉在线一区二区| 国产亚洲制服色| 久久99热这里只有精品| 欧美一区二区免费| 亚洲综合在线视频| 色综合一个色综合| 亚洲自拍另类综合| 91欧美激情一区二区三区成人| 久久综合av免费| 久久99精品久久久| 欧美精品一区二区高清在线观看| 亚洲国产色一区| 欧美无砖专区一中文字| 日韩综合小视频| 欧美色视频在线| 亚洲一区二区三区中文字幕在线| 成人午夜碰碰视频| 国产精品乱子久久久久| 成人av免费网站| 国产精品国产自产拍高清av王其| 国产91精品免费| 欧美国产97人人爽人人喊| 欧美一区二区久久| 国产一区二区不卡在线| 2021久久国产精品不只是精品| 另类小说综合欧美亚洲| 久久一日本道色综合| 国产成a人亚洲| 亚洲日韩欧美一区二区在线| 欧美理论片在线| 精品午夜久久福利影院| 久久只精品国产| 成人在线一区二区三区| 国产精品免费免费| 欧美日韩成人一区| 久久99热这里只有精品| 亚洲丝袜制服诱惑| 日韩一区二区三区av| 成人性视频网站| 亚洲va在线va天堂| 国产女主播在线一区二区| 色噜噜狠狠色综合欧洲selulu| 日本亚洲免费观看| 中文字幕综合网| 日韩欧美激情一区| av成人免费在线观看| 美女在线一区二区| 亚洲人亚洲人成电影网站色| 欧美电视剧在线看免费| 色哟哟欧美精品| 国产一区二区主播在线| 亚洲一区二区三区四区的| 国产蜜臀av在线一区二区三区| 91激情五月电影| 国产精品123| 亚洲国产一区二区在线播放| 伦理电影国产精品| 亚洲在线视频一区| 国产日韩高清在线| 在线播放一区二区三区| av电影一区二区| 日韩精品国产精品| 亚洲欧美国产高清| 日韩三级视频在线看| 久久不见久久见免费视频1| 国产精品福利影院| 欧美三区在线观看| 国产日韩精品一区二区三区| 99riav一区二区三区| 国产一区二区中文字幕| 国产剧情在线观看一区二区| 国产精品久久久久aaaa| 久久免费精品国产久精品久久久久 | 欧美色图片你懂的| 懂色av一区二区三区免费观看 | 日产国产欧美视频一区精品 | 91麻豆6部合集magnet| 亚洲不卡一区二区三区| 亚洲综合激情另类小说区| 亚洲欧美偷拍卡通变态| 6080日韩午夜伦伦午夜伦| 国产宾馆实践打屁股91| 国产成人午夜99999| 亚洲一区二区三区爽爽爽爽爽|