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

　　1.敢于玩反向翻轉(zhuǎn)

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

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

　　2.使用色彩和字重來創(chuàng)造層次結(jié)構(gòu)，而不是單純的大小對(duì)比

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

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

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

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

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

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

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

　　主要內(nèi)容采用深色（諸如標(biāo)題，但是不要用純黑）

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

　　輔助性內(nèi)容采用淺灰色（比如頁(yè)腳中的版權(quán)聲明）

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

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

　　4.高清大圖

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

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

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

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

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