內容摘要：電子商務(wù)行業(yè)的發(fā)展越來(lái)越迅速，不僅僅是企業(yè)品牌。許多企業(yè)家也將電商作為一個(gè)重要支點(diǎn)，在這一背景下，電子商務(wù)網(wǎng)站可以說(shuō)是電商行業(yè)最重要的工具，它的設計也是行業(yè)中最為關(guān)注的話(huà)題之一。今天我們來(lái)談?wù)勲娚?/div>

　　電子商務(wù)行業(yè)的發(fā)展越來(lái)越迅速，不僅僅是企業(yè)品牌。許多企業(yè)家也將電商作為一個(gè)重要支點(diǎn)，在這一背景下，電子商務(wù)網(wǎng)站可以說(shuō)是電商行業(yè)最重要的工具，它的設計也是行業(yè)中最為關(guān)注的話(huà)題之一。今天我們來(lái)談?wù)勲娚叹W(wǎng)站首頁(yè)設計技巧，希望可以給大家帶來(lái)幫助。

　　1.敢于玩反向翻轉

　　如果你可以用一個(gè)橫幅來(lái)顛覆用戶(hù)對某物的固定認知，網(wǎng)站的吸引度必須是200%。

　　答案是茶，這是盧斯茶品牌的網(wǎng)站。當我們提到茶時(shí)，我們經(jīng)常第一次聯(lián)想到中國傳統風(fēng)格，而盧斯茶倒過(guò)來(lái)，回到古老的卡通路線(xiàn)，當我第一次看到它時(shí)，我想它是一個(gè)與之相關(guān)的網(wǎng)站。動(dòng)畫(huà)和創(chuàng )意。這樣的操作無(wú)疑給用戶(hù)一種驚喜感，并成功調動(dòng)了用戶(hù)的興趣。

　　2.使用色彩和字重來(lái)創(chuàng )造層次結構，而不是單純的大小對比

　　在對UI文本進(jìn)行樣式控制的時(shí)候，最常見(jiàn)的錯誤莫過(guò)于過(guò)度依賴(lài)字體大小差異來(lái)營(yíng)造對比。

　　“這段文字重要嗎？那么讓它更大一些吧。”

　　“這段文字是比較次要嗎？那么讓它變小一點(diǎn)吧。”

　　單純使用字體大小對比，所營(yíng)造的對比并不夠，嘗試結合色彩和字重來(lái)營(yíng)造更好的對比效果。

　　“這段文字重要嗎？我們讓它色彩更加大膽一些吧。”

　　“這段文字是比較次要嗎？我們讓它的色彩更淺一些吧。”

　　如果可以的話(huà)，你甚至可以采用兩到三種顏色：

　　主要內容采用深色（諸如標題，但是不要用純黑）

　　次要內容采用灰色（比如文章發(fā)表日期）

　　輔助性?xún)热莶捎脺\灰色（比如頁(yè)腳中的版權聲明）

　　3.網(wǎng)站遠近效果

　　網(wǎng)頁(yè)設計由近及遠，畫(huà)面的縱深感強，遠近景的層次明顯而且畫(huà)面感有很強。運用到網(wǎng)頁(yè)設計當中如下：遠近層次清晰的畫(huà)面再搭配上網(wǎng)頁(yè)中的內容，可以使網(wǎng)頁(yè)頁(yè)面看起來(lái)更加的透氣，在瀏覽內容的同時(shí)，也能夠通過(guò)場(chǎng)景來(lái)傳遞出很強的代入感。

　　4.高清大圖

　　首先，你可以試著(zhù)最大化你的視覺(jué)體驗——通過(guò)大尺寸且高清的照片，視頻或插圖，可以有效地吸引觀(guān)眾。你所選用的圖像應該是人們不想停止觀(guān)看的，它應該完全具備你獨有的元素，以便使它區別于任何其他的網(wǎng)站設計。

　　你可以將圖像與幾個(gè)關(guān)鍵詞相結合，告訴用戶(hù)他們是為了什么來(lái)到這里以及你的網(wǎng)站可以提供給他們什么內容。

　　這是你將它們全部放在一起所應該考慮的事情：首屏的大小尺寸必須恰好適合所有終端設備的第一個(gè)屏幕。所以你需要對內容進(jìn)行響應式縮放，以便使整個(gè)圖像和所有相關(guān)的內容文本在不滾動(dòng)的情況下依然能在首屏清晰可見(jiàn)。

　　當分屏式設計回歸時(shí)尚，我們在實(shí)際的網(wǎng)頁(yè)設計工作中對于這一方向的設計已經(jīng)發(fā)生了一些變化。對品質(zhì)有高要求的客戶(hù)會(huì )選擇響應式網(wǎng)站設計和滾動(dòng)功能(如視差)來(lái)為用戶(hù)創(chuàng )建基于屏幕的體驗。

　　首屏作為你的“門(mén)戶(hù)”，可以說(shuō)是重要的一屏內容了。確保創(chuàng )建一個(gè)有趣，可讀性強以及擁有不同于其他網(wǎng)站視覺(jué)的效果，將用戶(hù)帶入你的網(wǎng)站。

http://ezekroy.com/wangzhansheji/3860.html 電商網(wǎng)站首頁(yè)設計出彩技巧