編者按：網(wǎng)頁(yè)設計并不只是設計漂亮、體驗優(yōu)秀就夠了，想要用戶(hù)難以忘懷，你還要進(jìn)行更加深入的思考，更加走心的設計，今天的文章聊的就是這件事情~
沒(méi)有哪個(gè)網(wǎng)站的站長(cháng)不希望用戶(hù)成為自家網(wǎng)站的回頭客，希望他們能分享網(wǎng)站內容，能頻繁的與網(wǎng)站互動(dòng)，讓他們能夠記住自己的網(wǎng)站。
但是，這樣的好事兒并非憑空得來(lái)，想要網(wǎng)站令人難忘需要你用心去創(chuàng )造走心的設計，而這確實(shí)是有跡可循的。今天要介紹的七種方法，能夠幫你創(chuàng )造令人驚嘆的效果，讓用戶(hù)過(guò)目不忘，擁有持久的生命力，帶來(lái)更多回頭客。
1、打造好印象
用戶(hù)對于一個(gè)網(wǎng)站的第一印象是很難忘懷的，離開(kāi)網(wǎng)站前的最后一件事情也是同樣印象深刻。所以給用戶(hù)留下好印象是相當重要的。
所以，打造視覺(jué)設計過(guò)硬的著(zhù)陸頁(yè)和創(chuàng )造體驗無(wú)縫的交互是網(wǎng)頁(yè)設計的關(guān)鍵。
以Tosco Music 為例，他們的頁(yè)面設計就給訪(fǎng)客的第一印象就相當不錯，網(wǎng)站中包含了一系列有趣的視覺(jué)設計：
瀏覽完離開(kāi)網(wǎng)站的時(shí)候，用戶(hù)在體驗和印象上也相當的不錯，他們能夠找到更多可能會(huì )感興趣的音樂(lè )表演，通過(guò)簡(jiǎn)單的郵件訂閱就能注冊并能或者的最新的信息。每個(gè)交互都是無(wú)縫而簡(jiǎn)單的，用戶(hù)留下好印象，自然會(huì )常?；厝タ?。
2、講述故事
網(wǎng)站是帶你通往世界的一扇門(mén)，你通過(guò)網(wǎng)站向著(zhù)全世界講述故事，無(wú)論它是關(guān)于品牌的歷程還是你旅行的經(jīng)歷，一個(gè)精煉而動(dòng)人的故事會(huì )讓用戶(hù)愛(ài)不釋手。通過(guò)網(wǎng)頁(yè)來(lái)講述的故事一般要具備兩個(gè)因素：
兩者缺一不可。
打開(kāi) Walkwest 的頁(yè)面映入眼簾的是大氣的標題，緊隨其后的是支撐它的故事內容。如果你需要他們的服務(wù)（公共關(guān)系和市場(chǎng)營(yíng)銷(xiāo)），那么其中的內容很可能會(huì )引起你的共鳴。故事講述的方式很簡(jiǎn)單，漂亮的圖片和簡(jiǎn)短的文字塊的搭配，讓你易讀也容易看。
但是，網(wǎng)站所承載的不僅僅是故事本身，有趣的滾動(dòng)特效和精致到位的視覺(jué)效果是拱衛支撐故事的重要組成部分。用戶(hù)在足夠優(yōu)秀的視覺(jué)和交互設計之下，更容易沉浸下去閱讀。
3、卓有成效的用色
用色太多太雜的網(wǎng)站可能會(huì )導致用戶(hù)放棄網(wǎng)站，而色彩過(guò)于單調的設計則可能會(huì )被人忽略甚至遺忘。而在這兩個(gè)極端之間，則是能夠吸引人的有趣的色彩搭配。
配色方案選取的訣竅在于根據網(wǎng)站的內容進(jìn)行針對性的選取。但是同時(shí)，又要同用戶(hù)日常見(jiàn)到的那些設計進(jìn)行區分，構成對比。（你想想你每天所看到的各種網(wǎng)站有多少采用的是相同的藍色。）
Hillman Living 的首頁(yè)采用了一張看起來(lái)略顯荒涼單調的圖片來(lái)營(yíng)造冷峻的氛圍，同時(shí)用顯眼的暖色調來(lái)點(diǎn)綴，與整體的氛圍構成對比，緊緊抓住用戶(hù)的注意力，讓用戶(hù)注意到圖中獨特的椅子。
向下瀏覽頁(yè)面，你會(huì )看到頁(yè)面的風(fēng)格的轉變，相對傳統的簡(jiǎn)約風(fēng)和北歐風(fēng)濃郁的椅子設計相得益彰，簡(jiǎn)約的色調突出了每個(gè)椅子獨特的色調和設計。這些提亮的紅色、橙色和藍色會(huì )在用戶(hù)的腦子里面揮之不去。
4、做點(diǎn)有趣的事情
當我說(shuō)道有趣的網(wǎng)站的時(shí)候，你會(huì )想到什么？嵌入小游戲？還是說(shuō)加入視頻預覽？在設計和技術(shù)實(shí)現上要注意什么？圖片、色彩和排版要怎么搭配？
下面這些元素應當能夠讓你的設計看起來(lái)更加有趣：
Newcastle Now 這個(gè)網(wǎng)站就使用了很多這樣的技巧。這個(gè)網(wǎng)站試圖通過(guò)設計重塑自身，設計師盡量將有趣好玩兒的元素加入其中，明亮的配色和時(shí)髦的圖形都是網(wǎng)站令人難以忘懷的部分。頁(yè)面中充滿(mǎn)笑臉的圖片能夠傳遞出快樂(lè )的情緒，讓用戶(hù)的參與感更強。
5、富有參與感的場(chǎng)景
網(wǎng)頁(yè)中最能溝通用戶(hù)情感的元素，大都是圖片和文字。
想要營(yíng)造富有參與感的場(chǎng)景，一種選擇是強化用戶(hù)的交互，為用戶(hù)提供反饋。例如，當用戶(hù)輸入之后，網(wǎng)站會(huì )反饋給他一些別的內容（就像你回復朋友短信一樣）。另外一種方式則是通過(guò)設計讓用戶(hù)按照你所想的那樣去思考，就像上面的Coffee Time 那樣。
當用戶(hù)打開(kāi)網(wǎng)頁(yè)的時(shí)候，視頻播放，用戶(hù)會(huì )聽(tīng)到咖啡豆磨制的聲音，咖啡制作的大特寫(xiě)讓屏幕前的訪(fǎng)客仿佛能夠聞到咖啡豆的香氣。這種設計就是借助圖形和聲響引發(fā)觀(guān)看者的其他觀(guān)感，引發(fā)愉快的記憶，激發(fā)對于場(chǎng)景的想象。
6、更新&改變
有許多網(wǎng)站需要持續地完善、修改其設計，因為網(wǎng)站會(huì )持續地更新，因為這些站點(diǎn)和用戶(hù)之間會(huì )有不間斷的聯(lián)系。最常見(jiàn)的就是電商類(lèi)網(wǎng)站和新聞類(lèi)網(wǎng)站。
更改網(wǎng)站內容和調整整體設計，能夠為用戶(hù)提供新奇有趣的體驗，鼓勵用戶(hù)不斷在網(wǎng)站中找到新的樂(lè )趣，和不同的感受。而其中的關(guān)鍵在于，即使采用了新的設計，網(wǎng)站的整體的風(fēng)格、調性最好和之前保持一致（說(shuō)著(zhù)簡(jiǎn)單，其實(shí)實(shí)現起來(lái)并不容易）。
Nike 絕對是這個(gè)領(lǐng)域內的領(lǐng)導者。每一次打開(kāi)Nike官網(wǎng)的時(shí)候，你都會(huì )看到其中的內容有所不同，但是每次更新的內容都和原來(lái)的內容同樣極具吸引力。Nike 的另外一個(gè)特色在于，網(wǎng)站中的內容不論如何修改如何改變，都與當前的事件、產(chǎn)品都緊密關(guān)聯(lián)，用戶(hù)會(huì )立刻明白能從Nike的店鋪、供應商那邊獲得哪些產(chǎn)品。
也許你沒(méi)有Nike 的海量資源和無(wú)窮創(chuàng )意，但是你可以從其他地方獲取靈感，讓用戶(hù)看到你的改變，那么你將怎么改變你的網(wǎng)站內容呢？
7、好好收尾
所以，你的網(wǎng)站會(huì )是一個(gè)精心打造的設計作品，視覺(jué)設計突出，行為召喚也控制得很到位，但是請不要忘記，給用戶(hù)一個(gè)漂亮的收尾。最后的印象和第一印象同樣重要。不過(guò)，要做好這一點(diǎn)并不容易，你也許能夠控制用戶(hù)打開(kāi)頁(yè)面的體驗，但是控制不了離開(kāi)用戶(hù)離開(kāi)網(wǎng)站的位置。
所以，你需要借助數據挖掘來(lái)了解用戶(hù)離開(kāi)頁(yè)面最頻繁的位置，并盡量提升這個(gè)環(huán)節的體驗。當你了解了這些位置之后，精心設計這些部位的元素和交互的體驗，讓用戶(hù)在離開(kāi)的時(shí)候擁有最好的印象。
最關(guān)鍵的是，要讓用戶(hù)高興地離開(kāi)你的網(wǎng)站。（同樣重要的是，不要讓用戶(hù)因為某種錯誤而離開(kāi)）
Startup Lab 這個(gè)網(wǎng)站會(huì )在每個(gè)頁(yè)面的左側提供一個(gè)獨特的可交互的按鈕。這個(gè)按鈕的獨特之處并不是在于它所使用的填充動(dòng)效和簡(jiǎn)約的風(fēng)格，而是它所在的位置和承載的獨特的功能。用戶(hù)很容易操作，讓用戶(hù)可以以最方便的方式來(lái)完成返回和瀏覽的工作。
結語(yǔ)
打造令人難忘的網(wǎng)頁(yè)確實(shí)是一件相當棘手的工作，因為幾乎所有的設計手法都更多的作用于用戶(hù)的潛意識，結果并非直觀(guān)可見(jiàn)的。
也許你無(wú)法立刻馬上記住某個(gè)網(wǎng)站，但是那些設計獨特的細節會(huì )促使你無(wú)法忘懷，重新尋找，甚至記住。
