最近在收集國(guó)外電商網(wǎng)站的視覺(jué)設(shè)計(jì)，看到很多極具前瞻性的網(wǎng)頁(yè)設(shè)計(jì)，框架結(jié)構(gòu)、內(nèi)容排版、色彩搭配、圖片運(yùn)用上達(dá)到了非常和諧的統(tǒng)一。下面總結(jié)出的幾點(diǎn)，供大家參考和探討：

一、留白

非常大膽的留白，給內(nèi)容足夠的呼吸空間。各個(gè)頁(yè)面的圖文間距都控制得非常好，頁(yè)面整體感覺(jué)更通透，襯托出信息內(nèi)容。這種留白，給用戶思考和想象的空間，在引導(dǎo)用戶視覺(jué)和創(chuàng)造流暢的視覺(jué)感受方面卻是至關(guān)重要的。而相比之下，我們雖然意識(shí)到留白的重要性，但往往不夠大膽而非常謹(jǐn)慎小心。

頁(yè)面設(shè)計(jì)的主要目標(biāo)是視覺(jué)認(rèn)知和清楚易讀。留白都是有明確的設(shè)計(jì)意圖的，在信息區(qū)塊之間留白比較大，在信息區(qū)塊內(nèi)部則相對(duì)較小，這是為了讓眼睛找到一點(diǎn)點(diǎn)休息的區(qū)域，這相對(duì)擁擠的頁(yè)面更能幫助用戶再操作的過(guò)程中不容易著急。信息區(qū)塊間的空白在這里首先是頁(yè)面看上去更清爽一些了，同時(shí)也提高了網(wǎng)頁(yè)的可用性。

二、色彩

韓國(guó)的電商網(wǎng)站，包括about，naver、daum都是以繞著VI的標(biāo)準(zhǔn)色來(lái)制作，logo的主色為主，一種互補(bǔ)或者相近顏色為輔，灰色過(guò)渡。完全無(wú)視覺(jué)噪音。而每一種色彩都具有其特定的含義。其三家的設(shè)計(jì)風(fēng)格都很接近，淡淡的背景，清晰的文字、直觀的素材。沒(méi)有過(guò)多的修飾和渲染，沒(méi)有過(guò)多豐富的顏色。

國(guó)外的大部分電商網(wǎng)站，尤其是歐美的網(wǎng)站大多是白色的，白色有著最佳的對(duì)比度和可讀性。它還顯露出整潔性，讓用戶能自由地瀏覽網(wǎng)站。以其他強(qiáng)調(diào)色則讓用戶能感到安定、興奮，也讓他們期望找到最滿意的采購(gòu)。

不同的顏色對(duì)用戶產(chǎn)品不同的情感影響，所以在尋找輔助色的時(shí)候要有目的性和引導(dǎo)性，以下是一些常見(jiàn)色彩的小結(jié)：

三、平衡、對(duì)齊、對(duì)比

平衡，對(duì)齊，對(duì)比是極簡(jiǎn)主義的三大要領(lǐng)。累贅的內(nèi)容可以用空白和適當(dāng)?shù)臉?gòu)圖所取代，不需要補(bǔ)充額外的視覺(jué)輔助來(lái)使用戶看上去是"完整"，在國(guó)外的電商網(wǎng)站中，這方面都做的很好，在平衡的把握上，信息的主次對(duì)比非常明顯，不只是顏色上，還有大小上。讓用戶在第一時(shí)間感知重要信息。

圖片的位置，大小的控制，人物的視覺(jué)方向、每張banner的文字對(duì)齊方式都是根據(jù)整體頁(yè)面的平衡感來(lái)設(shè)定，同時(shí)考慮整體的對(duì)齊流。

標(biāo)簽： 視覺(jué)設(shè)計(jì) 交互設(shè)計(jì) 用戶體驗(yàn) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。