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

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

文章目錄列表:

• 1、電商APP首頁設(shè)計，終于有人講明白了！

• 2、產(chǎn)品設(shè)計的三要素是什么？？

• 3、設(shè)計的三要素是什么

• 4、設(shè)計的三要素是什么??？

一、電商APP首頁設(shè)計，終于有人講明白了！

移動端產(chǎn)品設(shè)計的難點在于在很小的屏幕上展示所有的業(yè)務(wù)。屏幕限制和移動端的客戶碎片化閱讀的習(xí)慣和高流失率。對于業(yè)務(wù)復(fù)雜的App產(chǎn)品設(shè)計難度更高。電商產(chǎn)品就是典型的復(fù)雜業(yè)務(wù)產(chǎn)品之一，是要展示內(nèi)容最多、最難做的一類App。

電商APP首頁設(shè)計結(jié)構(gòu)

電子商務(wù)網(wǎng)站的首頁是網(wǎng)站的形象頁面，一個網(wǎng)站能否吸引瀏覽者留在該站中漫游，全憑首頁設(shè)計效果的好壞。所以，首頁設(shè)計對于任何網(wǎng)站都是至關(guān)重要的。

首頁從根本上說，就是全站內(nèi)容的目錄，也是一個索引。一般的電商app都有頁頭、頁中和頁尾這3 個設(shè)計區(qū)：

l 頁頭： 包括網(wǎng)站名稱、搜索組件、焦點廣告、導(dǎo)航等版塊。

頁頭首先要體現(xiàn)網(wǎng)站主題。用企業(yè)名稱、標(biāo)語、徽號或圖像概括地反映企業(yè)形象、經(jīng)營理念和服務(wù)定位。搜索、導(dǎo)航提供了對關(guān)鍵頁面的瀏覽鏈接，通過圖標(biāo)和文字表明產(chǎn)品其他頁面載有的主要信息；用戶能夠在最短時間、最便捷的操作迅速地到達(dá)他們所需信息的其他頁面中。

l 頁中： 包括公告、最新活動、個性化產(chǎn)品推薦、友情鏈接等版塊。

在首頁上公告信息，到達(dá)率非常高。同時，產(chǎn)品中在進行的各種活動信息，也是吸引用戶停留并購買的重要手段。隨著互聯(lián)網(wǎng)產(chǎn)品設(shè)逐步創(chuàng)新，數(shù)字化，原來千人一面的首頁分類產(chǎn)品列表由簡單羅列，變成了根據(jù)用戶喜好和行為習(xí)慣進行個性化的商品推薦，產(chǎn)品變得更了解用戶也更能觸發(fā)用戶購買行業(yè)發(fā)生了。

l 頁尾： 包括版權(quán)、聯(lián)絡(luò)方式、計數(shù)器等版塊。

版權(quán)的常見做法是在首頁底部標(biāo)示簡短的聲明，再用鏈接附帶一個有詳細(xì)使用條款的說明頁面，既避免首頁的雜亂又把重要內(nèi)容說清楚了。頁面底部的聯(lián)系方式，方便用戶與產(chǎn)品相關(guān)人員取得聯(lián)系，讓產(chǎn)品所屬企業(yè)獲得用戶反饋。

頁尾的內(nèi)容在web端界面設(shè)計中是不可缺少的區(qū)域，但在移動端首頁基本都被移到了”設(shè)置”中進行展示，這是由于移動端界面空間實在太少，而且移動端多以手式向上不斷滑動查看新內(nèi)容，造成頁尾信息如果放在頁面尾端查看十分不方便。

首頁設(shè)計組件介紹

一、搜索欄

大多數(shù)用戶發(fā)生購買行為有明確的目的性。我知道我想要買什么，所以我需要快速的搜到商品。因此App把最顯眼的位置留給搜索欄。

一個完整的搜索組件設(shè)計應(yīng)該由三個階段組成：

1.找到搜索框

2.錄入關(guān)鍵詞

3.搜索結(jié)果展示

搜索框的設(shè)計需要注意：

電商App的搜索框通常放在界面的最上面，明顯、惹眼，用戶可以直接進入信息錄入階段。

電商App的首頁搜索框，即使用戶需要查找的內(nèi)容屬于不同類別，在設(shè)計上也最好給用戶最簡單的全站內(nèi)容搜索組件。

搜索框的設(shè)計風(fēng)格應(yīng)該和整體產(chǎn)品風(fēng)格保持一致

信息錄入的設(shè)計需要注意：

提供多種信息錄入方式，最常見的文字錄入當(dāng)然還是主流，除此之外最好可以提供語音、圖片錄入搜索等方式。

除了多樣錄入方式，還應(yīng)配套提供信息錄入提醒設(shè)計，如：用戶歷史搜索記錄、搜索關(guān)鍵詞熱榜、錄入關(guān)鍵詞時聯(lián)想響應(yīng)

搜索結(jié)果的設(shè)計需要注意：

搜索結(jié)果設(shè)計重點在于展示不同類型和級別的內(nèi)容。例如在淘寶搜索賬單，結(jié)果包括賬單相關(guān)信息，店鋪和資訊等，不同獨立應(yīng)用加圖標(biāo)展示。不同內(nèi)容類別以tab切換的形式展示。

搜索結(jié)果過多，可以加檢索組件幫助用戶在搜索結(jié)果中進行二次查找，減少花時間翻頁或滑動查詢。另外搜索結(jié)果為零的時的空頁面，給用戶設(shè)計合適的說明界面。

二、導(dǎo)航

電商App中，必不可少的兩個導(dǎo)航：

l產(chǎn)品主導(dǎo)航

l商品分類導(dǎo)航

產(chǎn)品主導(dǎo)航

電商App中的主導(dǎo)航設(shè)計為用戶提供了跳轉(zhuǎn)相對獨立的信息內(nèi)容的路徑。例如：

淘寶的主導(dǎo)航項：淘首頁、逛逛、消息、購物車、我的淘寶

京東的主導(dǎo)航項：首頁、分類、發(fā)現(xiàn)、購物車、我的

發(fā)現(xiàn)、消息、購物車、我的這些內(nèi)容之間沒有很強的關(guān)聯(lián)，但又是用戶在電商平臺購物過程中必不可少要查看的信息。

京東、淘寶主導(dǎo)航

同時，從“商品買賣”的業(yè)務(wù)角度來看，有幾個重要的業(yè)務(wù)信息，無論做任何電商產(chǎn)品，都應(yīng)該讓用戶可以快速、方便的查找到是毋庸置疑的。它們是：

1.用戶的購物車---購物車模塊

2.用戶在產(chǎn)品的中的個人信息---我的模塊

3.用戶買賣過程中的交流信息---消息模塊

這些重要的業(yè)務(wù)信息，多數(shù)都放在了電商App的主導(dǎo)航中，即使沒有放在主導(dǎo)航，也一定能夠在首頁的副導(dǎo)航中看到。

商品分類導(dǎo)航

不同類型的電商平臺，商品分類導(dǎo)航有一些區(qū)別。

如下圖中淘寶、京東平臺，這兩個平臺是成熟的綜合電商平臺，在平臺中不但有各類第三方商品銷售，而且平臺也有自營的品牌和獨立應(yīng)用在平臺內(nèi)銷售，如淘寶的天貓商城、餓了么、天貓超市；京東的京東超市、就東到家等。

因此，商品分類導(dǎo)航中的商品分類覆蓋十分廣泛，尤其商品分類導(dǎo)航的C位往往加入了平臺自營的品牌和應(yīng)用。

垂直類的電商App，商品分類導(dǎo)航中的內(nèi)容覆蓋面窄很多，以商品類型分類引導(dǎo)用戶查找商品的特點更明顯示。

例如下圖中唯品會的商品分類導(dǎo)航，因為唯品會的產(chǎn)品定位在折扣女士用品，所以導(dǎo)航中的分類都集中在服裝、鞋帽、箱包等商品類別。

另外，在設(shè)計上不像主導(dǎo)航設(shè)計需要控制導(dǎo)航項數(shù)量，商品分類導(dǎo)航中的分類項數(shù)量往往大于5個，因此使用雙排、可左右滑動的拖拽導(dǎo)航幾乎成為最常見的商品分類導(dǎo)航樣式。

三、活動

電商產(chǎn)品中的活動類型很多，最常見的有16種：

1. 打折

2. 秒殺

3. 免單

4. 滿減

5. 滿送

6. 滿返

7. 買送/捆綁

8. 搭售

9. 包郵

10. 好評曬圖

11. 試用

12. 抽獎

13. 積分/會員

14. 團購

15. 預(yù)售

16. 眾籌

在電商App首頁，見到最多的是前兩種活動：打折、秒殺。而且，首頁的活動往往都帶有極強的時效性表示，例如在規(guī)定的時間才可以享受更加優(yōu)惠的商品價格。

因此，活動在首頁上的設(shè)計要向用戶傳達(dá)三個要素，即用戶最關(guān)心的：

什么時間有活動

有什么活動商品

活動的價格有多優(yōu)惠。

如下圖的“京東秒殺”的設(shè)計就非常完整的呈現(xiàn)了這3個要素。當(dāng)然，并不是所有的活動表達(dá)都一定要遵循這一規(guī)律，淘搶購的設(shè)計就打破了3要素傳達(dá)的規(guī)則，隱去了商品促銷價格。

京東秒殺與淘搶購

四、商品推薦

個性化的商品推薦現(xiàn)在在電商App設(shè)計中己經(jīng)十分成熟，推存商業(yè)最先被用戶接觸到的地方就是首頁。

用戶在電商App或有意、或無意瀏覽的商品，都會被產(chǎn)品記錄下來。再由商品推薦模塊根據(jù)你最近的瀏覽記錄，推薦一些相關(guān)的商品、分享或者店鋪。由于每個人關(guān)注的商品都不一樣。所以產(chǎn)品對于每個人呈現(xiàn)的界面內(nèi)容也都是不一樣的。

例如下圖，淘寶通過性別判斷，如果產(chǎn)品發(fā)現(xiàn)你是男性用戶，默認(rèn)推薦“男神范”；如果判斷你是女性用戶，則默認(rèn)推薦“愛逛街”。

淘寶內(nèi)容推薦

不僅僅如此，用來展示電商平臺每個細(xì)分商品品類推薦商品的區(qū)域，也都引入了個性化商品推薦的設(shè)計。

在使用全品類商品展示+優(yōu)惠價格來打動用戶進行消費的同時，現(xiàn)在的電商App往往會再融合情感因素、參考用戶的特點、喜好展示各品類中最可能吸引用戶的商品，促使用戶在產(chǎn)品中“逛街、購物”。

例如京東精選中集合了全品類的商品推薦，以用戶行為進行時實的個性化推薦。

案例：主流電商App首頁分析

一、淘寶

首頁內(nèi)容：

1.搜索，淘寶把搜索二級頁面關(guān)鍵詞直接展示在一級搜索位置下方，相當(dāng)于關(guān)鍵詞搜索功能層級上升；

2.banner；

3.8個平臺型導(dǎo)航，主要是從淘寶誕生，已經(jīng)可以獨立運營的產(chǎn)品；

4.活動廣告位，占據(jù)banner大小的位置，平臺活動快捷入口；

5.淘寶頭條，根據(jù)分類滾動推薦產(chǎn)品的文章；

6.二級購物功能區(qū)，展示各個頻道，如天天特賣，每日好店。

7.商品列表，安卓和蘋果展示不一樣。安卓每個版塊半屏往下鋪開。蘋果是上方做了分類導(dǎo)航，下方列表。

二、京東

首頁內(nèi)容：

1.搜索；

2.8個banner；

3.活動廣告位；

4.平臺型功能區(qū)，有部分是獨立的應(yīng)用如京東生鮮，還有部分是京東的商品類別頻道；

5.京東快報；

6.二級購物頻道，放了些主推的購物板塊；

7.活動板塊，鋪開了活動的每個類別；

8.頻道推薦，把頻道納入到10個標(biāo)簽里，每個頻道都有超過5個二級標(biāo)簽。

三、蘇寧易購

首頁內(nèi)容：

1.搜索；

2.8個banner；

3.活動廣告位；

4.平臺型功能區(qū)，這一塊主要是頻道和分類，分類有16個。

5.蘇寧頭條；

6.二級購物頻道；

7.活動板塊，展開了活動的每個類別；

8.頻道推薦，展示很多二級頻道，分的特別細(xì)。

四、小米有品

首頁內(nèi)容：

1.搜索；

2.活動板塊，動畫展示活動的交互很新穎；

3.平臺型功能區(qū)， 5個功能頻道，銷售榜單作為一個推薦功能很實用；

4.banner，共5張；

5.活動板塊推薦，分了各活動分類的專場；

6.特色頻道推薦，含榜單（把榜單部分商品展示出來）、限時購、年貨節(jié)熱賣、小米眾籌、有貨集市、品味生活，和功能區(qū)呼應(yīng)，以商品展示為主；

7.類別頻道推薦，每個展示一屏，以商品展示為主。

五、網(wǎng)易嚴(yán)選（自營平臺）

首頁內(nèi)容：

1.搜索和導(dǎo)航；

2.Banner；嚴(yán)選沒有功能區(qū)，直接開始推薦商品或者頻道。

3.推薦標(biāo)簽的商品，焦點位給了個性化推薦，非常重視更精準(zhǔn)得來個性化推薦；

4.VIP會員的服務(wù)特權(quán)，網(wǎng)易重點突出了這一塊；

5.二級功能頻道，只放了三個頻道；

6.猜你喜歡。

六、網(wǎng)易考拉（垂直綜合平臺）

首頁內(nèi)容：

1.搜索；

2.banner；

3.品類場館，像商場的樓層一樣，邏輯清晰；

4.活動板塊；

5.特色頻道推薦，標(biāo)簽下面細(xì)分了很多相關(guān)的功能頻道；

6.用戶專享；

7.精選活動，以每個板塊商品列表來展示；

8.個性化推薦，以三個角度列表展示。第一個角度是個性化商品，第二個角度度是商品推薦清單類文章；第三個角度是品質(zhì)商品推薦。

七、拼多多（綜合平臺）

首頁內(nèi)容：

1.Banner；

2.功能區(qū)，所有的平臺頻道和分類功能都在這里面了，有16個，偏重社交分享，如拼團；

3.活動板塊推薦；

4.商品列表展示，分商品和店鋪兩個角度推薦商品，穿插了一排品牌館推薦。

二、產(chǎn)品設(shè)計的三要素是什么？？

產(chǎn)品設(shè)計的三要素是：可能性、可行性和期望值

B：Business，代表三要素中的商業(yè)可行性。

U：User Experience，代表三要素中的用戶期望值。

T：Technique，代表三要素中的技術(shù)可能性。

拓展內(nèi)容：

產(chǎn)品設(shè)計

一、簡介

產(chǎn)品設(shè)計，一個創(chuàng)造性的綜合信息處理過程，通過多種元素如線條、符號、數(shù)字、色彩等方式的組合把產(chǎn)品的形狀以平面或立體的形式展現(xiàn)出來。它是將人的某種目的或需要轉(zhuǎn)換為一個具體的物理或工具的過程；是把一種計劃、規(guī)劃設(shè)想、問題解決的方法，通過具體的操作，以理想的形式表達(dá)出來的過程。

二、設(shè)計要求

簡介

一項成功的設(shè)計，應(yīng)滿足多方面的要求。這些要求，有社會發(fā)展方面的，有產(chǎn)品功能、質(zhì)量、效益方面的，也有使用要求或制造工藝要求。一些人認(rèn)為，產(chǎn)品要實用，因此，設(shè)計產(chǎn)品首先是功能，其次才是形狀；而另一些人認(rèn)為，設(shè)計應(yīng)是豐富多彩的、異想天開的和使人感到有趣的。設(shè)計人員要綜合地考慮這些方面的要求。下面詳細(xì)講述這些方面的具體要求：

1、社會發(fā)展要求

設(shè)計和試制新產(chǎn)品，必須以滿足社會需要為前提。這里的社會需要，不僅是眼前的社會需要，而且要看到較長時期的發(fā)展需要。為了滿足社會發(fā)展的需要，開發(fā)先進的產(chǎn)品，加速技術(shù)進步是關(guān)鍵。為此，必須加強對國內(nèi)外技術(shù)發(fā)展的調(diào)查研究，盡可能吸收世界先進技術(shù)。有計劃、有選擇、有重點地引進世界先進技術(shù)和產(chǎn)品，有利于贏得時間，盡快填補技術(shù)空白，培養(yǎng)人才和取得經(jīng)濟效益。

2、經(jīng)濟效益要求

設(shè)計和試制新產(chǎn)品的主要目的之一，是為了滿足市場不斷變化的需求，以獲得更好的經(jīng)濟效益。好的設(shè)計可以解決顧客所關(guān)心的各種問題，如產(chǎn)品功能如何、手感如何、是否容易裝配、能否重復(fù)利用、產(chǎn)品質(zhì)量如何等；同時，好的設(shè)計可以節(jié)約能源和原材料、提高勞動生產(chǎn)率、降低成本等。所以，在設(shè)計產(chǎn)品結(jié)構(gòu)時，一方面要考慮產(chǎn)品的功能、質(zhì)量；另一方面要顧及原料和制造成本的經(jīng)濟性；同時，還要考慮產(chǎn)品是否具有投入批量生產(chǎn)的可能性。

3、使用要求

新產(chǎn)品要為社會所承認(rèn)，并能取得經(jīng)濟效益，就必須從市場和用戶需要出發(fā)，充分滿足使用要求。這是對產(chǎn)品設(shè)計的起碼要求。使用的要求主要包括以下幾方面的內(nèi)容：

①使用的安全性。設(shè)計產(chǎn)品時，必須對使用過程的種種不安全因素，采取有利措施，加以防止和防護。同時，設(shè)計還要考慮產(chǎn)品的人機工程性能，易于改善使用條件；

②使用的可靠性。可靠性是指產(chǎn)品在規(guī)定的時間內(nèi)和預(yù)定的使用條件下正常工作的概率?？煽啃耘c安全性相關(guān)聯(lián)。可靠性差的產(chǎn)品，會給用戶帶來不便，甚至造成使用危險，使企業(yè)信譽受到損失；

③易于使用。對于民用產(chǎn)品（如家電等），產(chǎn)品易于使用十分重要；

④美觀的外形和良好的包裝。產(chǎn)品設(shè)計還要考慮和產(chǎn)品有關(guān)的美學(xué)問題，產(chǎn)品外形和使用環(huán)境、用戶特點等的關(guān)系。在可能的條件下，應(yīng)設(shè)計出用戶喜愛的產(chǎn)品，提高產(chǎn)品的欣賞價值。

4、制造工藝要求

生產(chǎn)工藝對產(chǎn)品設(shè)計的最基本要求，就是產(chǎn)品結(jié)構(gòu)應(yīng)符合工藝原則。也就是在規(guī)定的產(chǎn)量規(guī)模條件下，能采用經(jīng)濟的加工方法，制造出合乎質(zhì)量要求的產(chǎn)品。這就要求所設(shè)計的產(chǎn)品結(jié)構(gòu)能夠最大限度地降低產(chǎn)品制造的勞動量，減輕產(chǎn)品的重量，減少材料消耗，縮短生產(chǎn)周期和制造成本。

百度百科 產(chǎn)品設(shè)計

三、設(shè)計的三要素是什么

三要素是顏色、文字、圖片。

1、顏色

顏色在設(shè)計中起很重要的視覺作用，設(shè)計的主體顏色給別人帶來什么樣的感覺很重要。

2、文字

文字在平面設(shè)計中起表達(dá)意思，體現(xiàn)主題的作用。

一張好的宣傳單必須要有文字，沒有文字是不可能的，而且在設(shè)計中文字充當(dāng)主題的表達(dá)一定要突出并且規(guī)范整體版面看上去協(xié)調(diào)。設(shè)計字體有很多種，比如說立體感、文字變形、文字特殊效果。

3、圖片

圖片在版面設(shè)計中起相當(dāng)重要的表達(dá)作用。

圖片也起一個豐富版面、平衡版面的重要用途，如果你的圖片有趣，能夠勾起消費者購買的欲望，那設(shè)計就算是成功的了，但前提是要講究版面的配合。

擴展資料

設(shè)計的三要素原則

1． 室內(nèi)裝飾設(shè)計要滿足使用功能要求

室內(nèi)設(shè)計是以創(chuàng)造良好的室內(nèi)空間環(huán)境為宗旨，把滿足人們在室內(nèi)進行生產(chǎn)、生活、工作、休息的要求置于首位，所以在室內(nèi)設(shè)計時要充分考慮使用功能要求，使室內(nèi)環(huán)境合理化、舒適化、科學(xué)化；要考慮人們的活動規(guī)律處理好空間關(guān)系，空間尺寸，空間比例；合理配置陳設(shè)與家具，妥善解決室內(nèi)通風(fēng)，采光與照明，注意室內(nèi)色調(diào)的總體效果。

2． 室內(nèi)裝飾設(shè)計要滿足精神功能要求

室內(nèi)設(shè)計在考慮使用功能要求的同時，還必須考慮精神功能的要求（視覺反映心理感受、藝術(shù)感染等）。室內(nèi)設(shè)計的精神就是要影響人們的情感，乃至影響人們的意志和行動，所以要研究人們的認(rèn)識特征和規(guī)律；研究人的情感與意志。

參考資料來源：百度百科-室內(nèi)設(shè)計要素

四、設(shè)計的三要素是什么啊？

1、顏色：顏色在設(shè)計中起到很重要的視覺作用，設(shè)計的主體顏色會給人帶來不同的感覺；

2、文字：文字在設(shè)計中有表現(xiàn)主題和表達(dá)意思的作用，在設(shè)計中文字充當(dāng)主題的表達(dá)要突出和規(guī)范使整體看起來更有效果，要有立體感和文字的特殊效果；

3、圖片：有一個豐富版面和體現(xiàn)版面的重要用途，圖片要豐富有趣就更有效果和更能傳遞出來作品的信息。

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

推薦閱讀：

網(wǎng)絡(luò)營銷與直播電商專業(yè)就業(yè)前景（網(wǎng)絡(luò)營銷與直播電商專業(yè)就業(yè)前景如何）

美團電商入駐條件及費用（2022年美團商家入駐收費標(biāo)準(zhǔn)）

電商平臺怎么搭建（微信賣貨小程序怎么做）

英語最難的語法

chatGPT讀法（chat怎么念）