故事的存在幾乎和人類的歷史一樣長(zhǎng)。由于人類可以說(shuō)話，他們開(kāi)始用故事來(lái)傳遞信息，繼承思想，總結(jié)經(jīng)驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)本質(zhì)上是關(guān)于交流思想和概念，這就是為什么講故事是互聯(lián)網(wǎng)上最吸引人的表達(dá)方式。
網(wǎng)頁(yè)設(shè)計(jì)師總是在尋找更多的想法和方法來(lái)改善用戶體驗(yàn)，因此他們也會(huì)越來(lái)越多地在設(shè)計(jì)中使用講故事的方法。
當(dāng)設(shè)計(jì)師把一個(gè)故事變成一個(gè)網(wǎng)站時(shí)，這種迷人的體驗(yàn)也能更有效地吸引用戶。故事講述有很多種形式，可以在不同設(shè)備上的不同類型的網(wǎng)站中使用。
在社交媒體上講故事
如今，社交媒體與網(wǎng)頁(yè)設(shè)計(jì)的關(guān)系越來(lái)越密切。甚至很多大企業(yè)都在每頁(yè)上都放上了社交媒體的按鈕，這使得信息共享和發(fā)布變得更加方便快捷。這也使得品牌用戶和粉絲更容易與產(chǎn)品供應(yīng)商和服務(wù)供應(yīng)商溝通。社交媒體使品牌能夠以講故事的方式將產(chǎn)品推向市場(chǎng)，并抓住忠實(shí)的客戶和用戶，而社交媒體則可以傳遞品牌激情，實(shí)現(xiàn)目標(biāo)，或以各種形式進(jìn)行炒作。
以Tommy Hilfiger的Facebook頁(yè)面為例。美國(guó)時(shí)尚品牌Facebook頁(yè)面擁有870萬(wàn)粉絲。很多粉絲都是希爾菲格品牌故事的忠實(shí)聽(tīng)眾。希爾菲格在網(wǎng)頁(yè)上分享設(shè)計(jì)、名人合作伙伴和各種宣傳活動(dòng)的照片和新聞，插圖以圖片、視頻、文字等多種形式傳遞給用戶，令人著迷。
用圖片講故事
有時(shí)，簡(jiǎn)單而不引人注目的圖片可以更好地講述一個(gè)故事。“一幅畫(huà)勝過(guò)千言萬(wàn)語(yǔ)”這句話沒(méi)有錯(cuò)。人本身就是視覺(jué)動(dòng)物，所以圖片信息更容易被吸收，所以合理使用圖片語(yǔ)言可以更有效地傳達(dá)信息。
LinkedIn的注冊(cè)頁(yè)面就是一個(gè)很好的例子。打開(kāi)注冊(cè)頁(yè)時(shí)，左側(cè)的用戶圖像非常有目的。它展示了網(wǎng)站用戶的多樣性，并發(fā)出一個(gè)信息：這個(gè)網(wǎng)站真的適合每個(gè)人。這些照片中的人有不同的種族背景，男女不包括老人，每個(gè)人看起來(lái)都很自信和快樂(lè)。即使是不懂社交網(wǎng)絡(luò)的人，也可以從這個(gè)簡(jiǎn)單的信息中了解到，地球上不同地區(qū)、不同背景的人正在匯聚在這里，利用共同的服務(wù)相互溝通，甚至做生意。
用插圖講故事
和圖畫(huà)一樣，插圖對(duì)講故事有很好的效果。作為一種視覺(jué)輔助手段，插圖將使用戶更容易理解品牌故事。與簡(jiǎn)單明了的照片相比，插圖有更多的表達(dá)方式。它可以用抽象的方式表達(dá)，也可以用更現(xiàn)實(shí)的方式表達(dá)。
在Evernote clipper的網(wǎng)頁(yè)中，我們看到了一種更現(xiàn)實(shí)的講故事方法的使用。這個(gè)插圖結(jié)合文本，告訴用戶Web裁剪器是如何工作的，看起來(lái)就像故事書(shū)一樣簡(jiǎn)單。
用吉祥物講故事
說(shuō)到吉祥物，搞笑、可愛(ài)、幽默和可愛(ài)都是它們的優(yōu)勢(shì)。當(dāng)公司或網(wǎng)站有吉祥物時(shí)，這是一種與客戶溝通的簡(jiǎn)單方便的方式。它能以幽默的方式向顧客傳達(dá)品牌價(jià)值，并講述品牌故事，比如MailChimp。
MailChimp有一個(gè)非常著名的吉祥物叫Freddie，它為傳播企業(yè)哲學(xué)和講述企業(yè)故事做出了巨大貢獻(xiàn)。MailChimp在商業(yè)和生活中都奉行輕松而不是嚴(yán)肅的哲學(xué)。當(dāng)MailChimp描述弗雷迪時(shí)，可以從字里行間看到企業(yè)精神。
你也可以從弗雷迪的不同頭像中感受到這一點(diǎn)。當(dāng)他微笑、眨眼或用耳朵握住鉛筆時(shí)，他通過(guò)表情傳遞正能量。您可以直觀地感受到品牌形象的底蘊(yùn)設(shè)置，淡定典雅?，F(xiàn)在，你幾乎可以在MailChimp的所有頁(yè)面上看到各種各樣的Freddie。
用視差效應(yīng)講故事
雖然國(guó)內(nèi)網(wǎng)站的使用還不夠，但視差網(wǎng)站已經(jīng)存在了好幾年，仍處于發(fā)展的高峰期。而pop本身很可能證明這種網(wǎng)站設(shè)計(jì)是最簡(jiǎn)單有效的講述故事的方式。在使用視差滾動(dòng)設(shè)計(jì)的網(wǎng)站中，向下滾動(dòng)的方式是一個(gè)不斷透露更多信息的過(guò)程，就像剝洋蔥皮一樣，這基本上非常接近講故事。
以英國(guó)皇家軍團(tuán)為例。這個(gè)網(wǎng)站通過(guò)視差滾動(dòng)向你展示捐贈(zèng)在整個(gè)過(guò)程中是如何使用的必要信息。當(dāng)你向下滾動(dòng)時(shí)，這些動(dòng)態(tài)的故事通過(guò)視差效果呈現(xiàn)在你面前，你將看到軍團(tuán)為退伍軍人提供的各種有用的服務(wù)。
利用個(gè)性化講述故事
個(gè)性化是當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)的重要因素之一。個(gè)性化是有效和強(qiáng)大的。當(dāng)你為企業(yè)和品牌尋求個(gè)性化時(shí)，它是縮短企業(yè)/品牌與客戶之間距離的神奇工具，因?yàn)楫?dāng)你使用個(gè)性化時(shí)，訪客、粉絲和客戶都會(huì)對(duì)品牌產(chǎn)生同樣的感受和共鳴，這樣自然會(huì)有更大的利潤(rùn)空間和可能性。
個(gè)性化讓你的品牌講述它的偉大故事。以寵物搬遷為例。在該網(wǎng)站的團(tuán)隊(duì)介紹頁(yè)面中，每個(gè)成員都受到高度關(guān)注，這與傳統(tǒng)的“關(guān)于我們”頁(yè)面有很大不同。你會(huì)在頁(yè)面上看到團(tuán)隊(duì)中每個(gè)人和寵物的微笑化身。當(dāng)你把鼠標(biāo)移到化身上時(shí)，它會(huì)變得更加個(gè)性化——更加可愛(ài)和有趣。而這種設(shè)計(jì)就是告訴參觀者，這個(gè)組織的企業(yè)文化是輕松自然的。
后記
當(dāng)人類生活在洞穴里時(shí)，墻上的畫(huà)講述了部落的故事。對(duì)人類來(lái)說(shuō)，講故事是傳達(dá)信息的自然方式。時(shí)至今日，它仍然是網(wǎng)頁(yè)設(shè)計(jì)中最重要的方式之一。你會(huì)發(fā)現(xiàn)，不僅越來(lái)越多的企業(yè)和品牌組織會(huì)采用講故事的方式來(lái)呈現(xiàn)自己，普通的網(wǎng)站設(shè)計(jì)也會(huì)將故事融入到越來(lái)越多的細(xì)節(jié)中。
TAG：
網(wǎng)站建設(shè)案例
可可寶貝嬰童用品
市下控股
華逸逸品
吉康塑膠
雄振車業(yè)
海之夢(mèng)集團(tuán)