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

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

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

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

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

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

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

　　“這段文字重要嗎？那么讓它更大一些吧?！?/p>

　　“這段文字是比較次要嗎？那么讓它變小一點吧?！?/p>

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

　　“這段文字重要嗎？我們讓它色彩更加大膽一些吧?！?/p>

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

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

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

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

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

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

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

　　4.高清大圖

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

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

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

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

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

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