故事的存在，幾乎和人類的歷史幾乎一樣長。自人類會說話以來，就開始用故事來溝通信息，傳承思想，總結(jié)經(jīng)驗。網(wǎng)頁設(shè)計本質(zhì)上也是在溝通想法和概念，這就是為什么，講故事是網(wǎng)絡(luò)上最吸引用戶的表達(dá)方式。

網(wǎng)頁設(shè)計師總在尋找更多的創(chuàng)意和方法來提升用戶體驗，所以他們也會越來越多地在設(shè)計中運(yùn)用講故事的方法。

當(dāng)設(shè)計師將故事變成一個網(wǎng)站的時候，這種引人入勝的體驗也能更加有效地吸引用戶。講故事的形式有很多，也可以橫跨多種不同的設(shè)備，運(yùn)用在不同類型的網(wǎng)站中。

用社交媒體講故事

現(xiàn)如今，社交媒體和網(wǎng)頁設(shè)計之間的關(guān)系越來越緊密。即便是很多大型企業(yè)也將社交媒體的按鈕放在每個頁面上，這使得分享和發(fā)布信息更加簡單快捷。這也使得品牌的用戶和粉絲更便捷地同產(chǎn)品供應(yīng)商和服務(wù)供應(yīng)商溝通了。社交媒體讓品牌可以將產(chǎn)品以講故事的方式推向市場，俘獲忠實的顧客和用戶，而社交媒體可以以多樣的形式傳遞出品牌的激情，達(dá)成目的，或者炒作。

下面以Tommy Hilfiger的Facebook頁面為例。這個美國潮牌的Facebook頁面有著870萬粉絲，如此眾多的粉絲都是Hilfiger品牌故事的忠實聽眾。Hilfiger在頁面上分享設(shè)計、名人合作伙伴的照片和新聞以及各種宣傳活動，圖示通過圖片、視頻、文字等多種形式傳遞給用戶，引人入勝。

使用圖片講故事

有時候，簡單而不張揚(yáng)的圖片可以更好地講述一個故事。一圖勝千言這句話沒有錯，人本身是視覺動物，圖片信息更容易被吸收，所以合理地運(yùn)用圖片語言，可以更加有效地傳達(dá)信息。

LinkedIn的注冊頁面就很好的說明了這一點。當(dāng)你打開注冊頁面的時候，左側(cè)的用戶小頭像是極具目的性的，它向用戶展示了網(wǎng)站用戶的多樣性，并且傳遞出一個信息：這個網(wǎng)站真正是適合每個人的。這些照片中的人，種族背景不盡相同，有男有女，不包括老年人，并且每個人看起來自信而快樂。哪怕是不明白社交網(wǎng)絡(luò)的人也能夠通過這個簡單的信息了解到這個星球上來自不同地域不同背景的人正匯聚于此，使用共同的服務(wù)一起交流 ，甚至業(yè)務(wù)往來。

使用插畫來講故事

同圖片一樣，用插畫來講述故事也有著不錯的效果。作為視覺上的輔助，插畫會讓用戶更加易于理解品牌故事。比起照片的簡單直白，插畫的表達(dá)方式更多，它可以以抽象的方式來表達(dá)，也可以更以更加寫實的方式來講述。

在Evernote Clipper的網(wǎng)頁中，我們看到了使用了偏向?qū)憣嵤址ǖ墓适玛U述方式。插畫與文字結(jié)合在一起，告訴用戶Web Clipper是如何工作的，看起來像故事書一樣簡單直白。

使用吉祥物來講故事

說道吉祥物，滑稽可愛幽默賣萌是它們的優(yōu)勢。當(dāng)一個公司機(jī)構(gòu)或者網(wǎng)站擁有吉祥物的話，用它來同用客戶進(jìn)行交流是一個簡單方便的方法，可以通過它以幽默的方式向客戶來傳遞品牌價值，講述品牌故事，比如MailChimp。

MailChimp有個非常有名的吉祥物，名叫Freddie，它在傳遞企業(yè)理念和講述企業(yè)故事上有著極大的貢獻(xiàn)。MailChimp不論是在業(yè)務(wù)還是在生活上都奉行輕松而非嚴(yán)肅的理念，而Mailchimp在描述Freddie的時候，字里行間也能看出這家企業(yè)的精神。

你還可以從Freddie不同的頭像上感受到這一點，不論是它微笑、眨眼還是用耳朵夾著鉛筆的時候，都通過表情傳遞著正能量，你可以直觀地體會到這個品牌形象接地氣的設(shè)定，從容而有風(fēng)度。現(xiàn)在，你幾乎可以在MailChimp所有的頁面上看到各種型態(tài)的Freddie。

使用視差效果講故事

雖然國內(nèi)網(wǎng)站運(yùn)用的還不夠多，但是視差網(wǎng)站已經(jīng)存在好幾年了，并且目前仍然處于潮流巔峰。而流行本身很可能就證明了，這種網(wǎng)站設(shè)計本就是最簡單有效的講故事的方式。在使用視差滾動設(shè)計的網(wǎng)站中，一直向下滾動瀏覽的方式就是一個不斷透露更多信息的過程，就像剝洋蔥一樣，它本質(zhì)上和講故事非常接近。

以The Royal British Legion為例，這個網(wǎng)站就是通過視差滾動的方式想你展示了捐助是如何全程使用過來的必要信息。當(dāng)你向下滾動的時候，這些充滿活力的故事就通過視差特效一一展現(xiàn)在你的眼前，你會看到軍團(tuán)為退伍老兵所提供的各種各樣有益的服務(wù)。

使用過個性化來講故事

個性化是當(dāng)代網(wǎng)頁設(shè)計中最重要的因素之一。個性化是有效的，而且是有力的，當(dāng)你為企業(yè)和品牌尋求個性化的時候，它就是拉近企業(yè)/品牌和客戶之間距離的神奇工具，因為當(dāng)你使用個性化的時候，訪客、粉絲和客戶會與這個品牌產(chǎn)生認(rèn)同感和共鳴，如此一來，自然就會產(chǎn)生更大的利潤空間和可能性。

個性化讓你的品牌講述它偉大的故事。就以Pet Relocation為例子，在這個網(wǎng)站的團(tuán)隊介紹頁面中，每個成員都倍受矚目，這與傳統(tǒng)的“關(guān)于我們”頁面有著巨大的差別。你會在頁面中看到團(tuán)隊中每個人、每個寵物的微笑著的頭像，當(dāng)你鼠標(biāo)移動到頭像上的時候，頭像會變成更加個性化的樣子——更萌、更有趣。而這種設(shè)計正是要告訴訪客，這家機(jī)構(gòu)的企業(yè)文化是講究放松和自然的。

結(jié)語

在人類還生活在洞穴中的時候，墻壁上的繪畫就在講述著部落的故事。對人類而言，講故事本就是一個自然地傳遞信息的方式，直到今天，它也依然是網(wǎng)頁設(shè)計中最重要的方式之一。你會發(fā)現(xiàn)，不僅越來越多的企業(yè)和品牌機(jī)構(gòu)都會采用講故事的方式來呈現(xiàn)自己，普通的網(wǎng)站設(shè)計中也會在越來越的細(xì)節(jié)中，融入故事性。