七個設(shè)計思路完成令人難忘網(wǎng)站設(shè)計

1、打造好印象

用戶對于一個網(wǎng)站的第一印象是很難忘懷的，離開網(wǎng)站前的最后一件事情也是同樣印象深刻。所以給用戶留下好印象是相當(dāng)重要的。

所以，打造視覺設(shè)計過硬的著陸頁和創(chuàng)造體驗無縫的交互是網(wǎng)頁設(shè)計的關(guān)鍵。

以Tosco Music 為例，他們的頁面設(shè)計就給訪客的第一印象就相當(dāng)不錯，網(wǎng)站中包含了一系列有趣的視覺設(shè)計：

·左側(cè)導(dǎo)航設(shè)計
·對比強烈的元素
·滾動加載的動效
·漂亮的字體和排版

瀏覽完離開網(wǎng)站的時候，用戶在體驗和印象上也相當(dāng)?shù)牟诲e，他們能夠找到更多可能會感興趣的音樂表演，通過簡單的郵件訂閱就能注冊并能或者的最新的信息。每個交互都是無縫而簡單的，用戶留下好印象，自然會常?；厝タ础?/p>

2、講述故事

網(wǎng)站是帶你通往世界的一扇門，你通過網(wǎng)站向著全世界講述故事，無論它是關(guān)于品牌的歷程還是你旅行的經(jīng)歷，一個精煉而動人的故事會讓用戶愛不釋手。通過網(wǎng)頁來講述的故事一般要具備兩個因素：

·吸引人的文字內(nèi)容
·有趣的視覺效果

兩者缺一不可。

打開 Walkwest 的頁面映入眼簾的是大氣的標(biāo)題，緊隨其后的是支撐它的故事內(nèi)容。如果你需要他們的服務(wù)（公共關(guān)系和市場營銷），那么其中的內(nèi)容很可能會引起你的共鳴。故事講述的方式很簡單，漂亮的圖片和簡短的文字塊的搭配，讓你易讀也容易看。

但是，網(wǎng)站所承載的不僅僅是故事本身，有趣的滾動特效和精致到位的視覺效果是拱衛(wèi)支撐故事的重要組成部分。用戶在足夠優(yōu)秀的視覺和交互設(shè)計之下，更容易沉浸下去閱讀。

3、卓有成效的用色

用色太多太雜的網(wǎng)站可能會導(dǎo)致用戶放棄網(wǎng)站，而色彩過于單調(diào)的設(shè)計則可能會被人忽略甚至遺忘。而在這兩個極端之間，則是能夠吸引人的有趣的色彩搭配。

配色方案選取的訣竅在于根據(jù)網(wǎng)站的內(nèi)容進(jìn)行針對性的選取。但是同時，又要同用戶日常見到的那些設(shè)計進(jìn)行區(qū)分，構(gòu)成對比。（你想想你每天所看到的各種網(wǎng)站有多少采用的是相同的藍(lán)色。）

Hillman Living 的首頁采用了一張看起來略顯荒涼單調(diào)的圖片來營造冷峻的氛圍，同時用顯眼的暖色調(diào)來點綴，與整體的氛圍構(gòu)成對比，緊緊抓住用戶的注意力，讓用戶注意到圖中獨特的椅子。

向下瀏覽頁面，你會看到頁面的風(fēng)格的轉(zhuǎn)變，相對傳統(tǒng)的簡約風(fēng)和北歐風(fēng)濃郁的椅子設(shè)計相得益彰，簡約的色調(diào)突出了每個椅子獨特的色調(diào)和設(shè)計。這些提亮的紅色、橙色和藍(lán)色會在用戶的腦子里面揮之不去。

4、做點有趣的事情

當(dāng)我說道有趣的網(wǎng)站的時候，你會想到什么？嵌入小游戲？還是說加入視頻預(yù)覽？在設(shè)計和技術(shù)實現(xiàn)上要注意什么？圖片、色彩和排版要怎么搭配？

下面這些元素應(yīng)當(dāng)能夠讓你的設(shè)計看起來更加有趣：

·帶有笑臉的圖片或者視頻
·明亮飽和的色彩
·可交互的內(nèi)容（游戲之類）
·好玩有趣的文案（尤其是要搭配特定的字體）

Newcastle Now 這個網(wǎng)站就使用了很多這樣的技巧。這個網(wǎng)站試圖通過設(shè)計重塑自身，設(shè)計師盡量將有趣好玩兒的元素加入其中，明亮的配色和時髦的圖形都是網(wǎng)站令人難以忘懷的部分。頁面中充滿笑臉的圖片能夠傳遞出快樂的情緒，讓用戶的參與感更強。

5、富有參與感的場景

網(wǎng)頁中最能溝通用戶情感的元素，大都是圖片和文字。

想要營造富有參與感的場景，一種選擇是強化用戶的交互，為用戶提供反饋。例如，當(dāng)用戶輸入之后，網(wǎng)站會反饋給他一些別的內(nèi)容（就像你回復(fù)朋友短信一樣）。另外一種方式則是通過設(shè)計讓用戶按照你所想的那樣去思考，就像上面的Coffee Time 那樣。

當(dāng)用戶打開網(wǎng)頁的時候，視頻播放，用戶會聽到咖啡豆磨制的聲音，咖啡制作的大特寫讓屏幕前的訪客仿佛能夠聞到咖啡豆的香氣。這種設(shè)計就是借助圖形和聲響引發(fā)觀看者的其他觀感，引發(fā)愉快的記憶，激發(fā)對于場景的想象。

6、更新&改變

有許多網(wǎng)站需要持續(xù)地完善、修改其設(shè)計，因為網(wǎng)站會持續(xù)地更新，因為這些站點和用戶之間會有不間斷的聯(lián)系。最常見的就是電商類網(wǎng)站和新聞類網(wǎng)站。

更改網(wǎng)站內(nèi)容和調(diào)整整體設(shè)計，能夠為用戶提供新奇有趣的體驗，鼓勵用戶不斷在網(wǎng)站中找到新的樂趣，和不同的感受。而其中的關(guān)鍵在于，即使采用了新的設(shè)計，網(wǎng)站的整體的風(fēng)格、調(diào)性最好和之前保持一致（說著簡單，其實實現(xiàn)起來并不容易）。

Nike 絕對是這個領(lǐng)域內(nèi)的領(lǐng)導(dǎo)者。每一次打開Nike官網(wǎng)的時候，你都會看到其中的內(nèi)容有所不同，但是每次更新的內(nèi)容都和原來的內(nèi)容同樣極具吸引力。Nike 的另外一個特色在于，網(wǎng)站中的內(nèi)容不論如何修改如何改變，都與當(dāng)前的事件、產(chǎn)品都緊密關(guān)聯(lián)，用戶會立刻明白能從Nike的店鋪、供應(yīng)商那邊獲得哪些產(chǎn)品。

也許你沒有Nike 的海量資源和無窮創(chuàng)意，但是你可以從其他地方獲取靈感，讓用戶看到你的改變，那么你將怎么改變你的網(wǎng)站內(nèi)容呢？

7、好好收尾

所以，你的網(wǎng)站會是一個精心打造的設(shè)計作品，視覺設(shè)計突出，行為召喚也控制得很到位，但是請不要忘記，給用戶一個漂亮的收尾。最后的印象和第一印象同樣重要。不過，要做好這一點并不容易，你也許能夠控制用戶打開頁面的體驗，但是控制不了離開用戶離開網(wǎng)站的位置。

所以，你需要借助數(shù)據(jù)挖掘來了解用戶離開頁面最頻繁的位置，并盡量提升這個環(huán)節(jié)的體驗。當(dāng)你了解了這些位置之后，精心設(shè)計這些部位的元素和交互的體驗，讓用戶在離開的時候擁有最好的印象。

最關(guān)鍵的是，要讓用戶高興地離開你的網(wǎng)站。（同樣重要的是，不要讓用戶因為某種錯誤而離開）

Startup Lab 這個網(wǎng)站會在每個頁面的左側(cè)提供一個獨特的可交互的按鈕。這個按鈕的獨特之處并不是在于它所使用的填充動效和簡約的風(fēng)格，而是它所在的位置和承載的獨特的功能。用戶很容易操作，讓用戶可以以最方便的方式來完成返回和瀏覽的工作。

本文標(biāo)題：七個設(shè)計思路完成令人難忘網(wǎng)站設(shè)計
當(dāng)前路徑：http://www.muchs.cn/news/43919.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)