電商視覺(jué)設(shè)計(jì)的討論話題（電商視覺(jué)設(shè)計(jì)的討論話題怎么寫(xiě)）

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

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

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

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

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

本文目錄:

• 1、It行業(yè)電商運(yùn)營(yíng)視覺(jué)營(yíng)銷的作用是什么

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

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

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

一、It行業(yè)電商運(yùn)營(yíng)視覺(jué)營(yíng)銷的作用是什么

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

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

視覺(jué)和交互同學(xué)在溝通時(shí)會(huì)聽(tīng)到以下對(duì)話：

我們?cè)谟懻撌裁?？為什么?huì)出現(xiàn)這些問(wèn)題？

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

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

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

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

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

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

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

你覺(jué)得下面這組案例，視覺(jué)稿件是否完整傳遞了交互邏輯？請(qǐng)先自己思考一下，再來(lái)看我的答案。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

哦，還有一個(gè)小點(diǎn)補(bǔ)充以下

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

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

下期預(yù)告

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

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

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

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

→點(diǎn)擊測(cè)試我適不適合學(xué)設(shè)計(jì)

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

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

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

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

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

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

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

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

推薦閱讀：

國(guó)內(nèi)電商平臺(tái)排行榜前十名（電商十大代運(yùn)營(yíng)公司）

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

「新手做電商運(yùn)營(yíng)」這四大步驟必須知道，全是高能教程~

為什么騰訊永遠(yuǎn)沒(méi)有人工客服

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