網(wǎng)頁設計師總是通過各種創(chuàng)意、方法來提升用戶體驗，吸引用戶瀏覽網(wǎng)站。其實，還有一種很便捷的方法，也可以吸引到用戶，那就是講故事。在網(wǎng)頁設計中，運用講故事的方法，能夠很好的吸引用戶。故事有很多類型，可以應用在不同類型的網(wǎng)站中。

一、用吉祥物講故事

可愛的、幽默的、賣萌的、搞笑的……不同的吉祥物，有不同的形態(tài)。當一個企業(yè)或者網(wǎng)站使用吉祥物與用戶溝通，是一項非常簡單有效的方法�？赏ㄟ^吉祥物這種個性化的方式，向用戶傳遞品牌價值，講述品牌故事。

MailChimp(郵件猩猩)是一家從事郵件營銷的企業(yè)，這家企業(yè)有一個非常有名的吉祥物，叫Freddie。在MailChimp所有的網(wǎng)頁上，都可以看到形態(tài)各異的Freddie，不同的表情，例如微笑、眨眼睛等，都傳遞著正能量。MailChimp正是借助Freddie來傳遞企業(yè)故事，宣傳企業(yè)理念。

二、用圖片講故事

一圖勝千言，人是一種視覺動物，更容易被圖片信息所吸引。在搭建網(wǎng)站的時候，我們可以合理運用圖片語言，傳遞網(wǎng)站信息。

在注冊LinkedIn，國際知名職場社交平臺頁面時，頁面左側(cè)的用戶小頭像就極具目的性。這些頭像展示著不同的種族、不同的性別、不同的年齡人群，他們每個人都看起來快樂又自信。哪怕是不善于在社交網(wǎng)絡進行溝通的人，都可以通過這些頭像，簡單的了解這些來自不同背景、不同地域的人。讓他們可以因為相同的服務一起交流，甚至進行業(yè)務往來。

三、用插圖講故事

插圖作為視覺的輔助，可以讓用戶更加快速的了解這個企業(yè)的品牌故事。相較于簡單直白的照片，插圖的表達形式有很多種，能夠更加寫實的講述該品牌的內(nèi)容。

在Evernote Web Clipper(印象筆記)的頁面中，我們可以看到該網(wǎng)站采用偏向?qū)憣嵉氖址�，闡述企業(yè)品牌。通過文字與插圖的結合，告訴用戶該網(wǎng)站是如何為用戶提供價值的，看起來就像看故事書一樣簡單、直白。

四、用視差效果講故事

視差效果網(wǎng)站，正是采用簡單、有效的講故事方式，將網(wǎng)站的信息，像剝洋蔥一樣，呈現(xiàn)到用戶眼前。視差滾動設計的網(wǎng)站，只要使用鼠標一直往下滾動，就可以在滾動中不斷獲取更多的信息。

The Royal British Legion(英國皇家退伍軍人協(xié)會)這個網(wǎng)站就是利用視差滾動的方式，向用戶傳遞全程如何操作、使用的重要信息，幫助用戶獲取到軍隊為退役老兵提供的各項有益服務。

五、用社交媒體講故事

社交媒體平臺讓品牌，可以將產(chǎn)品以講故事的方式推向市場，獲取忠實粉絲�，F(xiàn)在很多明星或者企業(yè)都借助社交媒體，進行分享或發(fā)布信息，品牌的粉絲可以更快捷的了解產(chǎn)品，與企業(yè)或者明星產(chǎn)生互動。

Facebook(臉譜)上的Tommy Hilfiger(湯美費格)企業(yè)，就是典型的以社交媒體講故事的方式，吸引了大量的粉絲。Hilfiger在Facebook上分享產(chǎn)品設計、企業(yè)新聞、合作伙伴信息等，通過照片、視頻、文字等多種方式向用戶傳遞企業(yè)信息。

六、用個性化講故事

當你的網(wǎng)站具有足夠的個性，就可以吸引到訪客、粉絲或者客戶。讓他們認可這個品牌，與這個品牌產(chǎn)生共鳴。如此一來，企業(yè)就能創(chuàng)造巨大的利潤空間。

Pet Relocation(寵物搬遷)這個網(wǎng)站的團隊介紹頁面，每個成員都備受用戶關注。與傳統(tǒng)的“關于我們”頁不一樣，這個頁面的每個人、每個動物的微笑頭像都是極具個性化。將鼠標移動到某一頭像上，就會產(chǎn)生更有趣的個性化的樣子。正是這種個性化的網(wǎng)頁設計，讓用戶在這個網(wǎng)站上能夠更加放松、自然。

從人類開始說話以來，就是使用各種故事來進行溝通，傳遞思想，直到現(xiàn)在，亦是如此。我們在設計網(wǎng)頁的時候，也可以采用講故事的方法吸引用戶，讓企業(yè)和品牌采用講故事的方式呈現(xiàn)自己，這樣才能更好的被用戶接納認可，從而創(chuàng)造網(wǎng)站價值。