電商主頁設(shè)計(jì)（電商主頁設(shè)計(jì)需要注意什么）

大家好！今天讓小編來大家介紹下關(guān)于電商主頁設(shè)計(jì)的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008（行業(yè)最低價(jià)）

文章目錄列表:

• 1、做電商哪里可以用到ui設(shè)計(jì)

• 2、PS電商首頁導(dǎo)航尺寸

• 3、電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)一般要遵循什么原則

• 4、我們在做天貓與京東詳情頁或者首頁時(shí)，設(shè)計(jì)頁面風(fēng)格兩者都有哪些區(qū)別呢？說6點(diǎn)以上！謝謝。電商設(shè)計(jì)回答

一、做電商哪里可以用到ui設(shè)計(jì)

1、電商店面整體形象設(shè)計(jì)、網(wǎng)店風(fēng)格及商品展示設(shè)計(jì)。

2、首頁廣告圖片制作及美化、整體布局、活動廣告和相關(guān)圖片的制作。

3、 店鋪促銷期間的設(shè)計(jì)排版及促銷宣傳版面，配合推廣人員做推廣宣 傳圖、直通車及鉆石展位推廣圖片。

4、對新開發(fā)的產(chǎn)品進(jìn)行摳圖排版、優(yōu)化店內(nèi)寶貝描述、美化產(chǎn)品圖片及商品的上下架。

5、 定期更新促銷圖片及頁面、配合店鋪促銷活動、美化修改產(chǎn)品頁面及定期更新店鋪主頁。

介紹：

UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡稱。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

二、PS電商首頁導(dǎo)航尺寸

網(wǎng)頁的背景多大要看對網(wǎng)頁的要求的，一般是要求在800＊600左右。

電商banner的尺寸：Banner一般分為電商banner和廣告banner。

電商banner圖多用于淘寶和京東平臺的橫幅，常用的尺寸為750px*390px。而廣告banner的尺寸是900px*500px，大部分是用于宣傳活動、廣而告之。

電商Banner的組成往往包含幾個(gè)大塊：文案、模物或商品、背景和裝飾元素。

要在短短的一個(gè)界面中組合這些元素，對設(shè)計(jì)師來說是不小的挑戰(zhàn)，在色彩管控、商品構(gòu)圖和模特展示上，并不是越豐富越好，還要注意Banner的可識別性。

這幾年，受到各種大環(huán)境的影響，電商風(fēng)起云涌。越來越多元化的電商設(shè)計(jì)，也刷新了我們對電商銷量為王的看法。

無論是電商設(shè)計(jì)整體表現(xiàn)還是電商設(shè)計(jì)師的涌現(xiàn)，都讓我們看到這個(gè)行業(yè)在朝著專業(yè)化、精細(xì)化的方向進(jìn)步。

特別是近年來以花西子、完美日記等為代表的品牌引領(lǐng)了一波新的國潮風(fēng)趨勢。

從電商Banner、主圖到電商詳情頁的設(shè)計(jì)，都看到了不同風(fēng)格的精彩呈現(xiàn)方式。

例如，京東和淘寶的電商主圖尺寸是800*800px，拼多多的主圖尺寸是740*352px，分辨率基本都選擇72，主圖大小盡量控制在3M以內(nèi)。

一般情況下，在電腦上編輯發(fā)布寶貝時(shí)，主圖可以上傳最多5個(gè)不同角度的圖片，它是決定引流和提高轉(zhuǎn)化率的關(guān)鍵。

需要注意的是，主圖圖案上的文字需要簡短有力，因?yàn)榇蠖鄶?shù)消費(fèi)者停留在主圖上的時(shí)間只有5秒，所以最好選用高清、呈現(xiàn)產(chǎn)品的主圖設(shè)計(jì)，短時(shí)間內(nèi)吸引消費(fèi)者。

而電商詳情頁其實(shí)是靈活度比較自由的設(shè)計(jì)類型，它的長度可以根據(jù)內(nèi)容而定，可以組合多種拼圖。

但在寬度方面，它有明確的區(qū)間，一般來說，電商設(shè)計(jì)詳情頁寬度尺寸會設(shè)定為750px（手機(jī)端詳情頁）和790px（PC端詳情頁），設(shè)計(jì)師可根據(jù)內(nèi)容對模板的尺寸進(jìn)行編輯。

電商設(shè)計(jì)詳情頁的要點(diǎn)在于解決潛在消費(fèi)者的核心需求，設(shè)計(jì)師可通過美化產(chǎn)品實(shí)物圖并配上簡短有力的文案，快速解決消費(fèi)者需求痛點(diǎn)，增加成交率。

三、電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)一般要遵循什么原則

電子商務(wù)網(wǎng)站設(shè)計(jì)中應(yīng)遵循的原則?！?

1．明確建站的目的和目標(biāo)群體。

Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和目標(biāo)群體，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費(fèi)者（customer）”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初同樣考慮：建設(shè)網(wǎng)站的目的是什么？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗(yàn)電子商務(wù)？網(wǎng)站是面對客戶、供應(yīng)商、消費(fèi)者還是全部？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？

如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個(gè)方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。

2．總體設(shè)計(jì)方案主題鮮明。

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。要做到主題鮮明突出，要點(diǎn)明確，以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題。

3．網(wǎng)站的版式設(shè)計(jì)要表達(dá)出和諧與美。

網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)主要是通過文字和圖形的空間組合，表達(dá)出和諧與美。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

4．合理運(yùn)用色彩。

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合搭配來構(gòu)成美麗的頁面，根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識別系統(tǒng)）的更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。

5．網(wǎng)頁形式與內(nèi)容相統(tǒng)一。

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。

6．利用多媒體功能。

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度。

7．注意網(wǎng)站的層次性和一致性。

一個(gè)較復(fù)雜的網(wǎng)站其板塊較多，必須注意板塊劃分的層次性。劃分后的結(jié)構(gòu)層次不宜過深，通常不超過5層為佳。在安排層次的時(shí)候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶點(diǎn)擊次數(shù)。信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進(jìn)行的步驟控制在3-5步以內(nèi)，不得不需要更多的步驟的時(shí)候應(yīng)該有明確的提示。

網(wǎng)站的一致性主要體現(xiàn)在：

（1）頁面整體設(shè)計(jì)風(fēng)格的一致性：整體頁面布局和用圖用色風(fēng)格前后一致；

（2）界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個(gè)元素的表述不清楚也能從上下文推斷其義；

（3）功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素；

（4）元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個(gè)界面和不同界面之間都應(yīng)該是一致的。

8．內(nèi)容經(jīng)常更新，溝通渠道暢通。

對于電子商務(wù)網(wǎng)站來說，要根據(jù)市場行情的波動隨時(shí)更新網(wǎng)頁上的價(jià)格信息，經(jīng)常提供新的商品或服務(wù)，并搞些促銷活動以刺激客戶的購買欲。在內(nèi)容更新的同時(shí)，還要注意保持網(wǎng)頁在結(jié)構(gòu)上的相對一致性，以使老客戶能方便快速地找到所需要的各種信息。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)，會幫助企業(yè)建立良好的好象。在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂 詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前了解、售后服務(wù)等，由相關(guān)部門處理，使訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號碼。如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保密承諾?？荚嚧笳?/p>

9．努力提高網(wǎng)站的性能。

許多研究表明，網(wǎng)站用戶的滿意度與他對系統(tǒng)的控制感有密切關(guān)系，而用戶的控制感在很大程度上取決于系統(tǒng)的響應(yīng)速度。一般情況下，客戶對當(dāng)前網(wǎng)頁上的內(nèi)容能持續(xù)保持注意的時(shí)間長度約為10秒鐘。若系統(tǒng)響應(yīng)時(shí)間超過10秒，客戶會在等待計(jì)算機(jī)完成當(dāng)前操作時(shí)轉(zhuǎn)向其他的任務(wù)。因此，系統(tǒng)要是不能立作出即響應(yīng)，就應(yīng)當(dāng)及時(shí)向客戶報(bào)告當(dāng)前處理的進(jìn)度，以使客戶保持良好的控制感。

為縮短系統(tǒng)響應(yīng)時(shí)間，比較簡單的一種解決辦法是盡量減少網(wǎng)頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務(wù)站點(diǎn)，很多場合需要采用圖示或多媒體演示，以至不得不適當(dāng)降低系統(tǒng)響應(yīng)速度。隨著寬帶網(wǎng)的普及，這一矛盾有望在一定程度上得到緩解。

另外，網(wǎng)站的穩(wěn)定性（平均無錯(cuò)運(yùn)行時(shí)間）、安全性（關(guān)鍵數(shù)據(jù)的保護(hù)）、網(wǎng)站的防攻擊能力、對異常災(zāi)害的恢復(fù)能力也是衡量網(wǎng)站性能的重要標(biāo)志。

10．合理運(yùn)用新技術(shù)。

新的網(wǎng)頁制作技術(shù)幾乎每天都會出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。對于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。

在競爭激烈的商戰(zhàn)中，企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是電子商務(wù)網(wǎng)站設(shè)計(jì)中應(yīng)遵循的原則?！?

1．明確建站的目的和目標(biāo)群體。

Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和目標(biāo)群體，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費(fèi)者（customer）”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初同樣考慮：建設(shè)網(wǎng)站的目的是什么？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗(yàn)電子商務(wù)？網(wǎng)站是面對客戶、供應(yīng)商、消費(fèi)者還是全部？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？

如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個(gè)方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。

2．總體設(shè)計(jì)方案主題鮮明。

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。要做到主題鮮明突出，要點(diǎn)明確，以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題。

3．網(wǎng)站的版式設(shè)計(jì)要表達(dá)出和諧與美。

網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)主要是通過文字和圖形的空間組合，表達(dá)出和諧與美。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

4．合理運(yùn)用色彩。

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合搭配來構(gòu)成美麗的頁面，根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識別系統(tǒng)）的更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。

5．網(wǎng)頁形式與內(nèi)容相統(tǒng)一。

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。

6．利用多媒體功能。

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度。

7．注意網(wǎng)站的層次性和一致性。

一個(gè)較復(fù)雜的網(wǎng)站其板塊較多，必須注意板塊劃分的層次性。劃分后的結(jié)構(gòu)層次不宜過深，通常不超過5層為佳。在安排層次的時(shí)候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶點(diǎn)擊次數(shù)。信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進(jìn)行的步驟控制在3-5步以內(nèi)，不得不需要更多的步驟的時(shí)候應(yīng)該有明確的提示。

網(wǎng)站的一致性主要體現(xiàn)在：

（1）頁面整體設(shè)計(jì)風(fēng)格的一致性：整體頁面布局和用圖用色風(fēng)格前后一致；

（2）界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個(gè)元素的表述不清楚也能從上下文推斷其義；

（3）功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素；

（4）元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個(gè)界面和不同界面之間都應(yīng)該是一致的。

8．內(nèi)容經(jīng)常更新，溝通渠道暢通。

對于電子商務(wù)網(wǎng)站來說，要根據(jù)市場行情的波動隨時(shí)更新網(wǎng)頁上的價(jià)格信息，經(jīng)常提供新的商品或服務(wù)，并搞些促銷活動以刺激客戶的購買欲。在內(nèi)容更新的同時(shí)，還要注意保持網(wǎng)頁在結(jié)構(gòu)上的相對一致性，以使老客戶能方便快速地找到所需要的各種信息。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)，會幫助企業(yè)建立良好的好象。在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂 詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前了解、售后服務(wù)等，由相關(guān)部門處理，使訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號碼。如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保密承諾?？荚嚧笳?/p>

9．努力提高網(wǎng)站的性能。

在競爭激烈的商戰(zhàn)中，企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是電子商務(wù)網(wǎng)站設(shè)計(jì)中應(yīng)遵循的原則。　

1．明確建站的目的和目標(biāo)群體。

Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和目標(biāo)群體，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費(fèi)者（customer）”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初同樣考慮：建設(shè)網(wǎng)站的目的是什么？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗(yàn)電子商務(wù)？網(wǎng)站是面對客戶、供應(yīng)商、消費(fèi)者還是全部？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？

如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個(gè)方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。

2．總體設(shè)計(jì)方案主題鮮明。

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。要做到主題鮮明突出，要點(diǎn)明確，以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題。

3．網(wǎng)站的版式設(shè)計(jì)要表達(dá)出和諧與美。

網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)主要是通過文字和圖形的空間組合，表達(dá)出和諧與美。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

4．合理運(yùn)用色彩。

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合搭配來構(gòu)成美麗的頁面，根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識別系統(tǒng)）的更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。

5．網(wǎng)頁形式與內(nèi)容相統(tǒng)一。

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。

6．利用多媒體功能。

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度。

7．注意網(wǎng)站的層次性和一致性。

一個(gè)較復(fù)雜的網(wǎng)站其板塊較多，必須注意板塊劃分的層次性。劃分后的結(jié)構(gòu)層次不宜過深，通常不超過5層為佳。在安排層次的時(shí)候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶點(diǎn)擊次數(shù)。信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進(jìn)行的步驟控制在3-5步以內(nèi)，不得不需要更多的步驟的時(shí)候應(yīng)該有明確的提示。

網(wǎng)站的一致性主要體現(xiàn)在：

（1）頁面整體設(shè)計(jì)風(fēng)格的一致性：整體頁面布局和用圖用色風(fēng)格前后一致；

（2）界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個(gè)元素的表述不清楚也能從上下文推斷其義；

（3）功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素；

（4）元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個(gè)界面和不同界面之間都應(yīng)該是一致的。

8．內(nèi)容經(jīng)常更新，溝通渠道暢通。

對于電子商務(wù)網(wǎng)站來說，要根據(jù)市場行情的波動隨時(shí)更新網(wǎng)頁上的價(jià)格信息，經(jīng)常提供新的商品或服務(wù)，并搞些促銷活動以刺激客戶的購買欲。在內(nèi)容更新的同時(shí)，還要注意保持網(wǎng)頁在結(jié)構(gòu)上的相對一致性，以使老客戶能方便快速地找到所需要的各種信息。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)，會幫助企業(yè)建立良好的好象。在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂 詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前了解、售后服務(wù)等，由相關(guān)部門處理，使訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號碼。如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保密承諾?？荚嚧笳?/p>

9．努力提高網(wǎng)站的性能。

許多研究表明，網(wǎng)站用戶的滿意度與他對系統(tǒng)的控制感有密切關(guān)系，而用戶的控制感在很大程度上取決于系統(tǒng)的響應(yīng)速度。一般情況下，客戶對當(dāng)前網(wǎng)頁上的內(nèi)容能持續(xù)保持注意的時(shí)間長度約為10秒鐘。若系統(tǒng)響應(yīng)時(shí)間超過10秒，客戶會在等待計(jì)算機(jī)完成當(dāng)前操作時(shí)轉(zhuǎn)向其他的任務(wù)。因此，系統(tǒng)要是不能立作出即響應(yīng)，就應(yīng)當(dāng)及時(shí)向客戶報(bào)告當(dāng)前處理的進(jìn)度，以使客戶保持良好的控制感。

為縮短系統(tǒng)響應(yīng)時(shí)間，比較簡單的一種解決辦法是盡量減少網(wǎng)頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務(wù)站點(diǎn)，很多場合需要采用圖示或多媒體演示，以至不得不適當(dāng)降低系統(tǒng)響應(yīng)速度。隨著寬帶網(wǎng)的普及，這一矛盾有望在一定程度上得到緩解。

另外，網(wǎng)站的穩(wěn)定性（平均無錯(cuò)運(yùn)行時(shí)間）、安全性（關(guān)鍵數(shù)據(jù)的保護(hù)）、網(wǎng)站的防攻擊能力、對異常災(zāi)害的恢復(fù)能力也是衡量網(wǎng)站性能的重要標(biāo)志。

10．合理運(yùn)用新技術(shù)。

新的網(wǎng)頁制作技術(shù)幾乎每天都會出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。對于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。

許多研究表明，網(wǎng)站用戶的滿意度與他對系統(tǒng)的控制感有密切關(guān)系，而用戶的控制感在很大程度上取決于系統(tǒng)的響應(yīng)速度。一般情況下，客戶對當(dāng)前網(wǎng)頁上的內(nèi)容能持續(xù)保持注意的時(shí)間長度約為10秒鐘。若系統(tǒng)響應(yīng)時(shí)間超過10秒，客戶會在等待計(jì)算機(jī)完成當(dāng)前操作時(shí)轉(zhuǎn)向其他的任務(wù)。因此，系統(tǒng)要是不能立作出即響應(yīng)，就應(yīng)當(dāng)及時(shí)向客戶報(bào)告當(dāng)前處理的進(jìn)度，以使客戶保持良好的控制感。

為縮短系統(tǒng)響應(yīng)時(shí)間，比較簡單的一種解決辦法是盡量減少網(wǎng)頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務(wù)站點(diǎn)，很多場合需要采用圖示或多媒體演示，以至不得不適當(dāng)降低系統(tǒng)響應(yīng)速度。隨著寬帶網(wǎng)的普及，這一矛盾有望在一定程度上得到緩解。

另外，網(wǎng)站的穩(wěn)定性（平均無錯(cuò)運(yùn)行時(shí)間）、安全性（關(guān)鍵數(shù)據(jù)的保護(hù)）、網(wǎng)站的防攻擊能力、對異常災(zāi)害的恢復(fù)能力也是衡量網(wǎng)站性能的重要標(biāo)志。

10．合理運(yùn)用新技術(shù)。

新的網(wǎng)頁制作技術(shù)幾乎每天都會出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。對于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。

四、我們在做天貓與京東詳情頁或者首頁時(shí)，設(shè)計(jì)頁面風(fēng)格兩者都有哪些區(qū)別呢？說6點(diǎn)以上！謝謝。電商設(shè)計(jì)回答

首先，這兩家作為國內(nèi)大型電商平臺，其詳情頁面設(shè)計(jì)風(fēng)格也一直在不斷變化中。如果非要整個(gè)區(qū)別，只能對當(dāng)前版本回答了。

京東：7.3.2版本，其頁面設(shè)計(jì)是采用橫向?yàn)g覽模式，原來是上拉分頁的。

淘寶：8.3.0版本，其頁面設(shè)計(jì)將原有的上拉分頁改為統(tǒng)一一個(gè)頁面了。淘寶的詳情下拉能展示更多其他訪問過的商品，也算是簡介推銷吧

雖然二者的風(fēng)格設(shè)計(jì)不一樣，其實(shí)就是換了一個(gè)內(nèi)容展示方式而已。

以上就是小編對于電商主頁設(shè)計(jì)問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

杭州為什么成為電商之都（杭州為什么是電商之都）

電商美工設(shè)計(jì)部門的崗位職責(zé)（電商美工設(shè)計(jì)部門的崗位職責(zé)是什么）

職業(yè)生涯規(guī)劃電商專業(yè)

自媒體的商業(yè)模式（自媒體的商業(yè)模式畫布）

國家眾創(chuàng)空間備案（國家眾創(chuàng)空間備案暫行規(guī)定 2021）