電商視覺設(shè)計的討論話題（電商視覺設(shè)計的討論話題怎么寫）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于電商視覺設(shè)計的討論話題的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

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

本文目錄:

• 1、It行業(yè)電商運營視覺營銷的作用是什么

• 2、視覺設(shè)計如何體現(xiàn)交互邏輯

• 3、電商視覺設(shè)計培訓(xùn)哪個好

• 4、平面設(shè)計，電商視覺，UI設(shè)計，各有什么區(qū)別

一、It行業(yè)電商運營視覺營銷的作用是什么

視覺營銷一般就是讓人從第一眼對它產(chǎn)生興趣，從而對它進行進一步的了解

二、視覺設(shè)計如何體現(xiàn)交互邏輯

視覺和交互同學(xué)在溝通時會聽到以下對話：

我們在討論什么？為什么會出現(xiàn)這些問題？

這些討論都圍繞著 “ 交互邏輯 ” 。接下來我會通過案例+要點的方式，和大家一起聊聊在視覺設(shè)計中要注意哪些交互邏輯，如何選擇合適的方式來表達交互邏輯。

單頁活動 的交互邏輯是相對簡單的，只要理解交互稿中的主題表達，元素內(nèi)容即可。這種類型的設(shè)計，給視覺同學(xué)的發(fā)揮度是很大的。

平臺類設(shè)計 項目中，框架結(jié)構(gòu)更嚴謹，交互邏輯的包含關(guān)系相對復(fù)雜，需要視覺同學(xué)去理解的交互表達也更多。

通過上圖的交互、視覺稿對比，我們發(fā)現(xiàn)：這份視覺稿在理解交互稿的邏輯基礎(chǔ)上，樣式的使用非常靈活。比如服務(wù)保障區(qū)，視覺同學(xué)將內(nèi)容區(qū)從banner正下方，挪到了右側(cè)；再比如至IN尖貨樓層，視覺同學(xué)將樓層的title進行了放大及突出處理...

這些變化是否改變了交互邏輯，在視覺階段這樣的調(diào)整是否合適？看完本文，你就會有清晰的答案。

可以看到，上圖中新品速遞的樣式，在視覺環(huán)節(jié)有比較大的調(diào)整，主要是模塊名稱的位置和元素展示樣式有了新的設(shè)計。 交互稿表達的是：這個區(qū)塊的模塊名稱是 “ 新品速遞 ” ，且希望用戶第一眼就能看到；視覺稿正確的傳達了這一邏輯。 至于樣式選擇則是視覺同學(xué)的專業(yè)范疇，可以靈活處理，包括添加new元素標簽、底部填充色樣式等。

這個案例中，我們需要了解到元素的視覺順序（眼睛瀏覽路徑）應(yīng)嚴格按照交互邏輯，而元素表達可由視覺同學(xué)靈活處理。

你覺得下面這組案例，視覺稿件是否完整傳遞了交互邏輯？請先自己思考一下，再來看我的答案。

交互邏輯上，我們可以看到：整個區(qū)域有兩個模塊，“ 正在進行 ” 和 “ 品牌精選 ”；每個模塊有四個等大的展示單元格。而視覺稿中， “ 正在進行 ” 模塊中的模塊比重其實是進行了調(diào)整，變成兩大+兩小的組合。從展示邏輯上來說，視覺稿的輸出是不符合交互邏輯的。

但是，視覺稿的輸出視效明顯更有層次，更靈活；那么，能不能這么改呢？

這就要回歸到交互為什么輸出等大的樣式這個問題上了。在交互環(huán)節(jié)，運營同學(xué)最初并不需要對四個專輯進行優(yōu)先級區(qū)分，認為同等層級即可，因此交互進行了最初的稿件輸出。

這種情況下，交互和視覺同學(xué)可以先進行討論，從設(shè)計角度來看，這個整對頁面整體邏輯有無嚴重影響，如果內(nèi)部也認為改動更好，則可以拿視覺稿去和運營同學(xué)溝通，并告知原因。雖然我們調(diào)整了優(yōu)先級，但視覺效果更好，建議他們進行這樣的調(diào)整。

這個案例中，我們要重點關(guān)注模塊的比重展現(xiàn)，以及模塊樣式的靈活處理。

上面這個案例同樣也是關(guān)于模塊的?？梢钥吹皆氐拈喿x順序、模塊表意和層級關(guān)系交互視覺稿都是一致的； 而最大的調(diào)整是模塊名稱區(qū)的優(yōu)先級發(fā)生了較大變化，從不強調(diào)樓層名稱變成樓層名稱成為區(qū)域視覺焦點 。這類型改動建議和交互設(shè)計師進行討論，在該案例中，雖然優(yōu)先級邏輯發(fā)生了變化，但不影響用戶的瀏覽體驗，且能豐富樓層樣式，因此可以調(diào)整。

對于同層級關(guān)系的單元格，我們也可以采用不同的表意方式，比如上面案例中，視覺環(huán)節(jié)使用了疊起的展示樣式。相對于交互，優(yōu)點在于增加了一種互動方式，而缺點則在于會對部分信息進行遮蓋，不會直接呈現(xiàn)。這個案例的處理方式是，我們將兩種方案的優(yōu)劣告知運營方，運營方認為可以犧牲直觀呈現(xiàn)，而選擇互動方式的不同呈現(xiàn)。

TAB控件體現(xiàn)的是并列關(guān)系的多個模塊呈現(xiàn)?？梢杂胁煌囊曈X方案來體現(xiàn)。

我們可以根據(jù)表達主題，對TAB樣式進行圖形化設(shè)計。 比如新品推薦模塊，是以一周七天的時間維度設(shè)計TAB內(nèi)容。在視覺表現(xiàn)上，我們可以把樣式設(shè)計的更像日歷。

上面案例采用了更突破的視效體現(xiàn)，打破TAB的方形樣式。 這帶來TAB區(qū)域的擴大，會影響到一屏以后的內(nèi)容呈現(xiàn)，需要和運營討論是否可以接受。這種設(shè)計更適用于活動頁，對首屏內(nèi)容和頁面長度要求不那么嚴格。

TAB的位置也會影響區(qū)塊內(nèi)容的引導(dǎo)。 比如在下圖案例中，TAB的位置影響了閱讀的語意。交互稿中，希望用戶先通過TAB了解推薦手機的不同維度；而視覺稿中，則是先讓用戶看到主要推薦的產(chǎn)品，如果沒有合適的，再通過TAB看其它。

元素的不同呈現(xiàn)順序會體現(xiàn)不同的交互邏輯。

我們來看上圖中的單個推薦區(qū)，交互上的順序是圖→人物→具體商品描述，第一強調(diào)的是商品，其次是用戶的評價；而視覺上的順序是人物→圖→具體商品描述，第一強調(diào)的是評價的人，再說商品是什么。 兩種邏輯其實都符合 “ 食鮮者說 ” 的邏輯，但從屬關(guān)系是不同的。 這里的決策是，如果評價用戶是知名度較高的，可以通過人物為食物加分，則我們選擇視覺稿邏輯；而如果我們是靠商品圖本身致勝，評論者只是輔助決策元素，則選擇交互稿邏輯。

通過去色，可以去掉顏色和元素對界面優(yōu)先級的影響，更聚焦邏輯本身。 對比下面案例，去色后可以更容易看到，優(yōu)化后方案更加整體，視覺引導(dǎo)也更加順暢。

模塊位置調(diào)整一定要和交互同學(xué)溝通

還記得開篇留的題目嘛？相信你已經(jīng)可以明確下面兩張稿子中，交互和視覺表達邏輯的不同處，以及哪些邏輯能改哪些邏輯不能改了吧。這里，最后強調(diào)一下，模塊位置的調(diào)整對整個頁面的影響很大，涉及到模塊重要層級，頁面調(diào)性等的改變。

哦，還有一個小點補充以下

不同的元素順序排列決定了用戶看界面的閱讀順序，交互在選擇樣式的時候會考慮哪種順序更利于表達模塊想傳遞給用戶的感受。

今天的小課堂結(jié)束啦 ~ 拜拜 ~ 恩，圖片來源均為JDC_BAC ， 我交作業(yè)啦 ：）

下期預(yù)告

“ 樣式，位置 ” 只是交互還原中的一個點，后續(xù)還有包括 “避免歧義，保持一致”、“ 多狀態(tài)的控件 ” 等很多內(nèi)容。如果你有興趣，我們下次再一起聊呀。

三、電商視覺設(shè)計培訓(xùn)哪個好

1、掌握Photoshop，Illustrator和InDesign 事實上，Photoshop，Illustrator和InDesign是招聘設(shè)計崗位樣本中最需要的技能。對這三種設(shè)計技術(shù)的需求遠遠超過其他平面設(shè)計技能。在研究的100個職位中，76個需要Photoshop，74個需要Illustrator，74個需要InDesign，普遍的是三個技能都需要!

很多人選擇學(xué)習(xí)設(shè)計其實都是三分鐘熱度，最好在學(xué)習(xí)之前先來做一個小測試

→點擊測試我適不適合學(xué)設(shè)計

2、UI / UX設(shè)計不是熱門技能，但需要了解 只有13%的職位要求平面設(shè)計師擁有UI / UX設(shè)計經(jīng)驗。但是如果你想能夠得到一些高薪工作，你應(yīng)該學(xué)習(xí)UI/UX設(shè)計。當你與基于相同薪水的其他平面設(shè)計技能進行比較時，UI / UX技能會讓你脫穎而出。

3、至少有2—3年的設(shè)計經(jīng)驗 幾乎所有研究過的公司都需要一些真實的平面設(shè)計經(jīng)驗，據(jù)資料顯示，83%的崗位要求至少一年的工作經(jīng)驗，其余的工作不需要經(jīng)驗，或者從直接從招聘文本中省略。除了上面列出的許多平面設(shè)計技巧外。約有50%的公司希望設(shè)計師有兩三年的工作經(jīng)驗。公司所需的平均經(jīng)驗約為2.33年。隨著公司規(guī)模的增加，它幾乎是呈線性模式增長。

4、越是大公司設(shè)計師可能工資越高 如果你想要賺更多的錢，建議向更大的公司申請設(shè)計職位。完全一樣的工作，他們的薪資標準會比小企業(yè)或初創(chuàng)公司的平均薪資標準要高一點，這在許多公司確實是事實。但小型公司可以提供更多的創(chuàng)意自由和樂趣。

所以說想要找平面設(shè)計方面的好工作，平面設(shè)計培訓(xùn)尤為重要，平面設(shè)計培訓(xùn)作為天琥教育的重點教程之一，課程研發(fā)一直以企業(yè)需要為出發(fā)點，貼合當下設(shè)計行業(yè)的潮流大勢發(fā)展。在師資力量上，天琥教育擁有100 多位設(shè)計名師，他們大多是一線設(shè)計專家、藝術(shù)院校高級教授，為天琥的課程開發(fā)、教育教學(xué)等提供了強有力的保障。作為一家教育資源雄厚的培訓(xùn)機構(gòu)，天琥教育的培訓(xùn)價格收費在行業(yè)乃是中上水平，到天琥學(xué)平面設(shè)計，安心有保障。

四、平面設(shè)計，電商視覺，UI設(shè)計，各有什么區(qū)別

平面設(shè)計師可能會利用字體排印、視覺藝術(shù)、版面（page layout）、電腦軟件等方面的專業(yè)技巧，來達成創(chuàng)作計劃的目的。平面設(shè)計通?？芍钢谱鳎ㄔO(shè)計）時的過程，以及最后完成的作品。平面設(shè)計的常見用途包括標識（商標和品牌）、出版物（雜志，報紙和書籍）、平面廣告，海報，廣告牌，網(wǎng)站圖形元素、標志和產(chǎn)品包裝。

UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計，也叫界面設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI。UI設(shè)計師的職能大體包括三方面：一是圖形設(shè)計，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。三是用戶測試/研究，這里所謂的“測試”，其目標恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標用戶問卷的形式衡量UI設(shè)計的合理性。

以上就是關(guān)于電商視覺設(shè)計的討論話題相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

國內(nèi)電商平臺排行榜前十名（電商十大代運營公司）

直播帶貨和電商直播的區(qū)別（直播帶貨和電商是一樣嗎）_1

「新手做電商運營」這四大步驟必須知道，全是高能教程~

為什么騰訊永遠沒有人工客服

為什么攜程沒有人工客服（攜程怎么聯(lián)系人工服務(wù)）