故事的(de)存在，幾乎和(hé)人類的(de)曆史幾乎一(yī)樣長(cháng)。自(zì)人類會說話以來，就開始用故事來溝通信息，傳承思想，總結經驗。網頁設計本質上也是在溝通想法和(hé)概念，這就是為(wèi)什麽，講故事是網絡上最吸引用戶的(de)表達方式。
網頁設計師總在尋找更多的(de)創意和(hé)方法來提升用戶體驗，所以他們也會越來越多地(dì)在設計中運用講故事的(de)方法。
當設計師将故事變成一(yī)個網站的(de)時候，這種引人入勝的(de)體驗也能更加有(yǒu)效地(dì)吸引用戶。講故事的(de)形式有(yǒu)很多，也可(kě)以橫跨多種不同的(de)設備，運用在不同類型的(de)網站中。
用社交媒體講故事
現如(rú)今，社交媒體和(hé)網頁設計之間的(de)關系越來越緊密。即便是很多大型企業也将社交媒體的(de)按鈕放在每個頁面上，這使得分享和(hé)發布信息更加簡單快捷。這也 使得品牌的(de)用戶和(hé)粉絲更便捷地(dì)同産品供應商(shāng)和(hé)服務供應商(shāng)溝通了。社交媒體讓品牌可(kě)以将産品以講故事的(de)方式推向市(shì)場，俘獲忠實的(de)顧客和(hé)用戶，而社交媒體可(kě)以以多樣的(de)形式傳遞出品牌的(de)激情，達成目的(de)，或者炒作。
下面以Tommy-Hilfiger的(de)Facebook頁面為(wèi)例。這個美國(guó)潮牌的(de)Facebook頁面有(yǒu)着870萬粉絲，如(rú)此衆多的(de)粉絲都是Hilfiger品牌故事的(de)忠實 聽衆。Hilfiger在頁面上分享設計、名人合作夥伴的(de)照片和(hé)新聞以及各種宣傳活動，圖示通過圖片、視(shì)頻、文字等多種形式傳遞給用戶，引人入勝。
使用圖片講故事
有(yǒu)時候，簡單而不張揚的(de)圖片可(kě)以更好地(dì)講述一(yī)個故事。一(yī)圖勝千言這句話沒有(yǒu)錯，人本身是視(shì)覺動物，圖片信息更容易被吸收，所以合理(lǐ)地(dì)運用圖片語言，可(kě)以更加有(yǒu)效地(dì)傳達信息。圖片2.jpg
LinkedIn的(de)注冊頁面就很好的(de)說明了這一(yī)點。當你打開注冊頁面的(de)時候，左側的(de)用戶小頭像是極具目的(de)性的(de)，它向用戶展示了網站用戶的(de)多樣性，并且傳遞出一(yī)個信息：這個網站真正是适合每個人的(de)。這些照片中的(de)人，種族背景不盡相同，有(yǒu)男有(yǒu)女，不包括老年(nián)人，并且每個人看起來自(zì)信而快樂(yuè)。哪怕是不明白 社交網絡的(de)人也能夠通過這個簡單的(de)信息了解到這個星球上來自(zì)不同地(dì)域不同背景的(de)人正彙聚于此，使用共同的(de)服務一(yī)起交流 ，甚至業務往來。
使用插畫來講故事
同圖片一(yī)樣，用插畫來講述故事也有(yǒu)着不錯的(de)效果。作為(wèi)視(shì)覺上的(de)輔助，插畫會讓用戶更加易于理(lǐ)解品牌故事。比起照片的(de)簡單直白，插畫的(de)表達方式更多，它可(kě)以以抽象的(de)方式來表達，也可(kě)以更以更加寫實的(de)方式來講述。
在Evernote Clipper的(de)網頁中，我們看到了使用了偏向寫實手法的(de)故事闡述方式。插畫與文字結合在一(yī)起，告訴用戶Web Clipper是如(rú)何工作的(de)，看起來像故事書一(yī)樣簡單直白。
使用吉祥物來講故事
說道(dào)吉祥物，滑稽可(kě)愛幽默賣萌是它們的(de)優勢。當一(yī)個公司機(jī)構或者網站擁有(yǒu)吉祥物的(de)話，用它來同用客戶進行(xíng)交流是一(yī)個簡單方便的(de)方法，可(kě)以通過它以幽默的(de)方式向客戶來傳遞品牌價值，講述品牌故事，比如(rú)MailChimp。
MailChimp有(yǒu)個非常有(yǒu)名的(de)吉祥物，名叫Freddie，它在傳遞企業理(lǐ)念和(hé)講述企業故事上有(yǒu)着極大的(de)貢獻。MailChimp不論是在業務還是在生活上都奉行(xíng)輕松而非嚴肅的(de)理(lǐ)念，而Mailchimp在描述Freddie的(de)時候，字裏行(xíng)間也能看出這家企業的(de)精神。
你還可(kě)以從Freddie不同的(de)頭像上感受到這一(yī)點，不論是它微笑、眨眼還是用耳朵夾着鉛筆(bǐ)的(de)時候，都通過表情傳遞着正能量，你可(kě)以直觀地(dì)體會到這個品牌形象接地(dì)氣的(de)設定，從容而有(yǒu)風度。現在，你幾乎可(kě)以在MailChimp所有(yǒu)的(de)頁面上看到各種型态的(de)Freddie。
使用視(shì)差效果講故事
雖然國(guó)內(nèi)網站運用的(de)還不夠多，但是視(shì)差網站已經存在好幾年(nián)了，并且目前仍然處于潮流巅峰。而流行(xíng)本身很可(kě)能就證明了，這種網站設計本就是最簡單有(yǒu)效的(de)講故事的(de)方式。在使用視(shì)差滾動設計的(de)網站中，一(yī)直向下滾動浏覽的(de)方式就是一(yī)個不斷透露更多信息的(de)過程，就像剝洋蔥一(yī)樣，它本質上和(hé)講故事非常接近。
以The Royal British Legion為(wèi)例，這個網站就是通過視(shì)差滾動的(de)方式想你展示了捐助是如(rú)何全程使用過來的(de)必要信息。當你向下滾動的(de)時候，這些充滿活力的(de)故事就通過視(shì)差特效一(yī)一(yī)展現在你的(de)眼前，你會看到軍團為(wèi)退伍老兵(bīng)所提供的(de)各種各樣有(yǒu)益的(de)服務。
使用過個性化來講故事
個性化是當代網頁設計中最重要的(de)因素之一(yī)。個性化是有(yǒu)效的(de)，而且是有(yǒu)力的(de)，當你為(wèi)企業和(hé)品牌尋求個性化的(de)時候，它就是拉近企業/品牌和(hé)客戶之間距離(lí)的(de)神奇工具，因為(wèi)當你使用個性化的(de)時候，訪客、粉絲和(hé)客戶會與這個品牌産生認同感和(hé)共鳴，如(rú)此一(yī)來，自(zì)然就會産生更大的(de)利潤空間和(hé)可(kě)能性。
個性化讓你的(de)品牌講述它偉大的(de)故事。就以Pet Relocation為(wèi)例子(zǐ)，在這個網站的(de)團隊介紹頁面中，每個成員都倍受矚目，這與傳統的(de)“關于我們”頁面有(yǒu)着巨大的(de)差别。你會在頁面中看到團隊中每個人、每個寵物的(de)微笑着的(de)頭像，當你鼠标移動到頭像上的(de)時候，頭像會變成更加個性化的(de)樣子(zǐ)——更萌、更有(yǒu)趣。而這種設計正是要告訴訪客，這家機(jī)構的(de)企業文化 是講究放松和(hé)自(zì)然的(de)。
結語
在人類還生活在洞穴中的(de)時候，牆壁上的(de)繪畫就在講述着部落的(de)故事。對人類而言，講故事本就是一(yī)個自(zì)然地(dì)傳遞信息的(de)方式，直到今天，它也依然是網頁設計中最重要的(de)方式之一(yī)。你會發現，不僅越來越多的(de)企業和(hé)品牌機(jī)構都會采用講故事的(de)方式來呈現自(zì)己，普通的(de)網站設計中也會在越來越的(de)細節中，融入故事性。
