不要迷信設(shè)計(jì)師是哪個(gè)機(jī)構(gòu)，以及哪些主要畢業(yè)生。美術(shù)學(xué)院的畢業(yè)典禮只能表明他接受過(guò)比普通人更多的繪畫(huà)和相關(guān)課程培訓(xùn)。然而，宣傳和推廣的視覺(jué)效果不僅需要這些基礎(chǔ)培訓(xùn)，還需要經(jīng)驗(yàn)積累，系統(tǒng)學(xué)習(xí)，掌握人性和對(duì)市場(chǎng)的理解。
通過(guò)眼睛看世界是我們每個(gè)人的天生能力。雖然審美能力得分很高，但實(shí)際上每個(gè)人都是。
但是，只要你能看到，有美感，并有用戶觀點(diǎn)，你能解決宣傳和推廣中遇到的視覺(jué)效果問(wèn)題嗎？
請(qǐng)注意，頁(yè)面的設(shè)計(jì)級(jí)別在一定程度上決定了頁(yè)面的轉(zhuǎn)換率。特別是在信息流廣告行業(yè)，頁(yè)面設(shè)計(jì)的質(zhì)量，在一定程度上也決定了廣告銷(xiāo)售的水平。
作為一個(gè)從事視覺(jué)品牌工作的人，我?guī)缀趺刻於济媾R著關(guān)于客戶視覺(jué)效果的廣泛?jiǎn)栴}。我依靠解決這些問(wèn)題的技巧不僅僅是基本的美學(xué)和用戶觀點(diǎn)，更是我學(xué)過(guò)大學(xué)藝術(shù)基礎(chǔ)課程，并且具備使用大部分設(shè)計(jì)軟件的技能。
那么，您需要哪些技能來(lái)解決宣傳和推廣中的視覺(jué)效果問(wèn)題？有什么建議可以真正運(yùn)作？
作為一個(gè)有很多實(shí)際案例的從業(yè)者，我對(duì)各種視覺(jué)理解角度有一定的了解，所以今天我們將討論它。不同的人會(huì)看到相同的視覺(jué)問(wèn)題。給出答案！
這是社區(qū)討論的屏幕截圖。商店前面有一個(gè)兒童鞋，他們正在推銷(xiāo)商店，我希望這群朋友能給出一些建議：
很快，小組中的小朋友將無(wú)法回答。一般風(fēng)格如下圖所示：
PS：因?yàn)橛刑囝?lèi)似的回復(fù)，它們不會(huì)一一發(fā)布。
以上回復(fù)屬于
類(lèi)型1：旁觀者
所謂的旁觀者：
大多數(shù)人都有基本的審美能力。當(dāng)他們站在用戶的角度時(shí)，他們總能感受到這種設(shè)計(jì)的“基調(diào)”，但他們無(wú)法分辨哪些元素或框架讓他們感覺(jué)如此。 &rdquo ;.
如上圖所示，每個(gè)人都看到這個(gè)頁(yè)面“平滑了消費(fèi)者的購(gòu)買(mǎi)欲望”和“不強(qiáng)迫”，但卻無(wú)法指出更具體的問(wèn)題。
在眾多旁觀者中，一位弟弟提出了??這些方向的變化：
建議1的摘要是：使用第二類(lèi)電子商務(wù)的頁(yè)面模板。
但在我看來(lái)，頁(yè)面本身（原始頁(yè)面將在下面發(fā)布）是一個(gè)使用的模板，但它屬于模板被更改和銷(xiāo)毀的類(lèi)別。
小弟弟繼續(xù)提供建議：
所以建議2總結(jié)：增加品牌故事，調(diào)整布局，配色和設(shè)計(jì)。
但是，在我看來(lái)，我還沒(méi)有明確指出問(wèn)題所在以及如何改變它。
小弟弟非常熱情，暗示一個(gè)追逐一個(gè)，這次是交付的方向：
就我而言，小戈說(shuō)這個(gè)方向沒(méi)有問(wèn)題，但這是一個(gè)商店的家，而且很難過(guò); …不是廣告登陸頁(yè)面，登陸頁(yè)面應(yīng)該更有針對(duì)性的設(shè)計(jì)… …
最后，小弟弟說(shuō)：
如圖所示，小戈的最終建議是在美術(shù)學(xué)院找一所學(xué)校的學(xué)生并花幾千人去做。
事實(shí)上，看整段對(duì)話，對(duì)于提問(wèn)者，小弟弟只給了他一個(gè)信息：網(wǎng)頁(yè)不好，找人重做。
作為一個(gè)非視覺(jué)專業(yè)人士，我認(rèn)為這個(gè)小弟弟可以提到這一點(diǎn)，表明在這方面應(yīng)該有一些精明，所以他屬于：
類(lèi)型2：精明
所謂精明：
通常可以通過(guò)感覺(jué)和行業(yè)本身的部分經(jīng)驗(yàn)來(lái)指出“來(lái)自”的問(wèn)題，但通常沒(méi)有解決方案，或者沒(méi)有指導(dǎo)意義的所謂“推薦”。
就像上面的小弟弟一樣，解決方案是從幾個(gè)不同的角度給出的，但這些建議對(duì)客戶的實(shí)際操作沒(méi)有指導(dǎo)意義。
這是一件非常尷尬的事情。我們經(jīng)常需要一個(gè)用戶視角，但無(wú)論是來(lái)自提問(wèn)者還是應(yīng)答方，如果沒(méi)有專業(yè)人士來(lái)控制，最終，許多“用戶視角”無(wú)法幫助客戶。
讓我們來(lái)看看批準(zhǔn)的凌亂頁(yè)面是什么樣的：
轉(zhuǎn)到第一個(gè)屏幕并隱藏公司信息
如果這個(gè)提問(wèn)者是我的客戶，當(dāng)他把這個(gè)頁(yè)面放在我面前時(shí)，我們的解決方案通常是這樣的：
這個(gè)頁(yè)面的目的是什么？
從頁(yè)面的邏輯來(lái)看，它是否符合用戶的感知？
從設(shè)計(jì)級(jí)別（排版，顏色匹配，字體，字體大小，間距），它是否可以服務(wù)于頁(yè)面的“目標(biāo)”，而不是干擾目標(biāo);
最后，解決問(wèn)題并提供詳細(xì)，可操作的解決方案。
相應(yīng)地，這是
類(lèi)型3：專業(yè)人士
所謂專業(yè)：
像上面兩個(gè)人一樣，你可以看到這個(gè)頁(yè)面如何能給用戶帶來(lái)什么感受;同時(shí)，專業(yè)人士會(huì)分析，這種感覺(jué)是由頁(yè)面的哪一部分引起的，而預(yù)測(cè)這種感覺(jué)會(huì)讓用戶采取什么樣的行動(dòng)。隨后，給出了目標(biāo)解決方案以及建議的修改。
然后我們按照這一思路來(lái)查看案例頁(yè)面是否符合順序：
1.頁(yè)面的使用
我們來(lái)談?wù)勥@類(lèi)電子商務(wù)頁(yè)面的場(chǎng)景。
這個(gè)頁(yè)面的URL是：http://wx.balbala……（balabla在我編輯時(shí)開(kāi)始）
前面是“wx”，這意味著商店附加到微信公眾賬號(hào)。
這解釋了：
一方面，它通過(guò)公共內(nèi)容消耗，促使粉絲，從公共號(hào)碼或底部導(dǎo)航推進(jìn)進(jìn)入商店并產(chǎn)生購(gòu)買(mǎi)。
另一方面，它通過(guò)微信朋友圈轉(zhuǎn)發(fā)流量并生成購(gòu)買(mǎi)。
換句話說(shuō)，這個(gè)頁(yè)面應(yīng)該具有排水，粉末吸收，品牌認(rèn)知植入，產(chǎn)品推廣和銷(xiāo)售的功能。
當(dāng)然，在這些功能中，除了需要由主頁(yè)面完成的銷(xiāo)??售外，其他幾個(gè)項(xiàng)目應(yīng)該由公共號(hào)碼和商店頁(yè)面完成。
也就是說(shuō)，在其他功能中，頁(yè)面應(yīng)該起到支持作用。
那為什么我只是說(shuō)這就像是淘寶商店移動(dòng)終端的模板？
原因如下：
我們可以看到這種排版有一個(gè)明顯的問(wèn)題：
第一個(gè)屏幕沒(méi)有清晰的表達(dá)“我是誰(shuí)？”，“我在做什么”，“我能給你什么”。這個(gè)問(wèn)題的主要問(wèn)題是銷(xiāo)售功能無(wú)法很好地完成。其次，它還對(duì)品牌認(rèn)知，產(chǎn)品促銷(xiāo)，排水和粉末吸收產(chǎn)生影響;
照片的頭部，金發(fā)男子彈鋼琴的一部分，加上旁邊的黑膠唱片，給人一種賣(mài)樂(lè)器或唱片的印象。這帶來(lái)的主要問(wèn)題是品牌認(rèn)知植入，這增加了用戶的門(mén)檻;
然后有一個(gè)莫名其妙的搜索，用戶甚至不知道你在賣(mài)什么?；旧?，不使用此搜索。如果它們沒(méi)有意義，則不應(yīng)出現(xiàn)任何額外元素。
然后我什么也沒(méi)說(shuō)，我粗暴地得到了三張我看不清楚的優(yōu)惠券。賣(mài)家認(rèn)為優(yōu)惠券可以帶來(lái)銷(xiāo)售，但這里的優(yōu)惠券不僅可以增加銷(xiāo)量，還會(huì)分散用戶的注意力，使用戶無(wú)法專注于耐心有限的產(chǎn)品。
以上所有都是淘寶店的做法。
淘寶網(wǎng)店可以做到這一點(diǎn)（雖然我們不推薦Hulai設(shè)計(jì)），因?yàn)樵陔娮由虅?wù)購(gòu)物平臺(tái)的環(huán)境中，我們很有可能不是從主頁(yè)進(jìn)入商店，而是有目的地搜索寶貝;并從頁(yè)面中間的商店鏈接，我們非常清楚我們正在尋找什么。
第一屏商店類(lèi)別不夠清晰的事實(shí)并不那么重要，并且在用戶知道他們將要購(gòu)買(mǎi)什么的情況下，三張優(yōu)惠券恰好適合用戶的痛點(diǎn)。
如上所述，在這個(gè)設(shè)計(jì)師的情況下，挑選模板是錯(cuò)誤的;那么即使你改變模板，改變也會(huì)非常糟糕。
因此，旁觀者對(duì)“直接使用模板”的建議并不適合這家商店，因?yàn)樵O(shè)計(jì)師的問(wèn)題是：我沒(méi)有意識(shí)到應(yīng)該針對(duì)不同環(huán)境中的商店頁(yè)面。
對(duì)于這個(gè)頁(yè)面，應(yīng)該調(diào)整的第一件事是頁(yè)面設(shè)計(jì)的整體概念。也就是說(shuō)：我賣(mài)什么，我能給你什么，我的東西有多好… …這些信息應(yīng)放在第一個(gè)屏幕上。
2.頁(yè)面的邏輯
從排版邏輯來(lái)看，應(yīng)該遵循這個(gè)商店的環(huán)境：微信商店
建議如下：
1“ Headhead”，包含反映商店風(fēng)格的徽標(biāo)和精美圖片。不需要品牌故事，但需要強(qiáng)調(diào)標(biāo)識(shí)以提高品牌認(rèn)知度，并允許用戶為品牌形成概念。然后沉淀風(fēng)扇。
是的，該品牌甚至沒(méi)有放置標(biāo)識(shí)，編碼時(shí)我有點(diǎn)不舒服，幾乎要躲起來(lái)的口號(hào)。
2“橫條顯示“，主要產(chǎn)品，新產(chǎn)品在現(xiàn)場(chǎng)展示，或更大面積的優(yōu)惠信息。
優(yōu)惠券在100％寬幅橫幅優(yōu)惠中是一件好事。例如：秋季學(xué)校折扣橫幅海報(bào)。更多新產(chǎn)品，大型展示主打產(chǎn)品，橫幅式折扣信息可以有效提升用戶的購(gòu)買(mǎi)沖動(dòng)。
3“主要類(lèi)別導(dǎo)航”，從這個(gè)頁(yè)面設(shè)計(jì)可以看出，商店沒(méi)有非常復(fù)雜的分類(lèi)類(lèi)別，沒(méi)有必要使用“類(lèi)別”作為單獨(dú)的導(dǎo)航按鈕。
根據(jù)常見(jiàn)場(chǎng)景，它可以分為（我編輯）“宴會(huì)” “工作” 休閑” “定制” … &helquo;這種方便用戶根據(jù)現(xiàn)場(chǎng)進(jìn)入選擇，減少選擇障礙，增加銷(xiāo)量。
4，“產(chǎn)品”，根據(jù)銷(xiāo)量，采購(gòu)數(shù)量，新產(chǎn)品推廣計(jì)劃等，主要產(chǎn)品以大幅面顯示……讓用戶首先看到市場(chǎng)上最受歡迎的產(chǎn)品，進(jìn)一步增加購(gòu)買(mǎi)和訂單。
等等。由于篇幅限制，這里沒(méi)有列出它們。
3.頁(yè)面設(shè)計(jì)
具體到設(shè)計(jì)，有很多地方可以調(diào)整。首先截取屏幕截圖：
3.1顏色匹配太亂了
深藍(lán)色，灰色紫色，紅色，橙色，黃色和hellip; … （真的，這個(gè)設(shè)計(jì)太勇敢了）;
導(dǎo)致結(jié)果：增加用戶閱讀難度并提高跳出率;
建議：不要超過(guò)三種主要顏色，并與整體色調(diào)相匹配?？梢赃m當(dāng)?shù)卦黾酉嗤纳{(diào)。必須丟棄灰色 - 紅色特寫(xiě)的顏色，該顏色接近灰色。
3.2字體太亂了
一目了然有超過(guò)6種字體，根本沒(méi)有規(guī)則;
導(dǎo)致結(jié)果：增加用戶閱讀難度并提高跳出率;
建議：海報(bào)字體統(tǒng)一，標(biāo)題統(tǒng)一，內(nèi)容字體統(tǒng)一。不要更改一種字體來(lái)更改一種字體。
3.3字體識(shí)別太差
結(jié)果導(dǎo)致：增加閱讀用戶的難度，降低用戶對(duì)促銷(xiāo)信息的關(guān)注度，提高跳出率，減少購(gòu)買(mǎi)次數(shù)。
建議：類(lèi)似于剪紙機(jī)構(gòu)的字體，更不用說(shuō)方正的版權(quán)問(wèn)題，但從視覺(jué)上看，識(shí)別率太低（仍處于降序的重要位置），風(fēng)格是不符合整體（不需要男士襯衫）所以Q炸彈很可愛(ài)）
3.4排版沒(méi)有邏輯
顯然，這個(gè)設(shè)計(jì)師無(wú)法控制設(shè)計(jì)因素，如基礎(chǔ)的對(duì)齊和間距。然后，當(dāng)他操縱設(shè)計(jì)時(shí)，他想使用圖像流來(lái)形成交錯(cuò)布局。這是非?；靵y和不合邏輯的。 （設(shè)計(jì)師對(duì)頁(yè)面的控制力太弱。沒(méi)有整體概念。在這種情況下，只能給出。顯然需要指導(dǎo)需求，并且有可能改進(jìn)。）
結(jié)果導(dǎo)致：用戶閱讀體驗(yàn)不佳，無(wú)法找到所需產(chǎn)品，失去耐心，提高跳出率，降低購(gòu)買(mǎi)和購(gòu)買(mǎi)行為的概率
建議：首先根據(jù)頁(yè)面邏輯組織框架，注意設(shè)置頁(yè)面規(guī)則，包括邊距，間距，交錯(cuò)規(guī)則，圖形匹配規(guī)則等。
我不會(huì)一一解釋。
關(guān)于群眾的建議，“學(xué)校的學(xué)生”建議
我相信那些經(jīng)常需要與設(shè)計(jì)合作的人都知道這個(gè)登陸頁(yè)面涉及的問(wèn)題很可能是一個(gè)從藝術(shù)學(xué)校畢業(yè)一年半的學(xué)生的結(jié)果。
我曾經(jīng)是一名外包女孩，是某某美術(shù)學(xué)院的學(xué)生。我可以解釋一下，我給她的工作不能成為需要整體思考的工作。即使它非常清楚，即使我給出了完全復(fù)制的風(fēng)格，結(jié)果仍然需要反復(fù)修改——因?yàn)樗?jīng)常沒(méi)有得到我需要她復(fù)制的東西，所以會(huì)在細(xì)節(jié)上犯錯(cuò)誤，這就是經(jīng)驗(yàn)問(wèn)題。
還有一位老客戶向我征求意見(jiàn)。在咨詢之前我告訴我他們招募了一位畢業(yè)于中國(guó)一流美容學(xué)校的設(shè)計(jì)師。當(dāng)時(shí)，我遇到的設(shè)計(jì)師，但是從這家美容院出來(lái)的人必須首先體驗(yàn)三星奧美等500強(qiáng)公司的洗禮，而且作品也不錯(cuò)。
所以我的第一反應(yīng)是：客戶說(shuō)設(shè)計(jì)師做得最多，經(jīng)驗(yàn)不夠，應(yīng)該沒(méi)有大問(wèn)題。
然而，當(dāng)我真正得到這位設(shè)計(jì)師制作的設(shè)計(jì)稿時(shí)，排版顏色仍然超出了我的想象。
我清楚地記得，我的第一個(gè)問(wèn)題不是通常的“你想達(dá)到什么樣的效果”，而是不由自主地問(wèn)道：“這個(gè)孩子是版畫(huà)部門(mén)嗎？”（注意：由于印刷品的顏色較少使用）
當(dāng)然，我不是批評(píng)某個(gè)機(jī)構(gòu)的水平，或批評(píng)學(xué)校里的所有學(xué)生，而是一些問(wèn)題。沒(méi)有多年經(jīng)驗(yàn)的專業(yè)從業(yè)者，即使他們能夠感受到“有問(wèn)題”，他們?nèi)匀粺o(wú)法給出有效的答案，畢竟，許多問(wèn)題需要經(jīng)驗(yàn)和思考和控制整個(gè)情況的能力。
當(dāng)然，我們不排除少數(shù)天生精明的學(xué)生能夠很好地滿足自己的高要求，但你不能高度接觸它。
因此，不要迷信哪所大學(xué)畢業(yè)的大學(xué)。他畢業(yè)于藝術(shù)學(xué)校是什么專業(yè)？這只表明他接受了比普通人更多的繪畫(huà)和相關(guān)課程培訓(xùn)。
然而，宣傳和推廣的視覺(jué)效果不僅需要這些基礎(chǔ)培訓(xùn)，還需要經(jīng)驗(yàn)積累，系統(tǒng)學(xué)習(xí)，掌握人性和對(duì)市場(chǎng)的理解。
因此，找到頁(yè)面上的缺陷并解決視覺(jué)效果并不像你想象的那樣。它會(huì)看起來(lái)，有美感，并學(xué)習(xí)飛機(jī)。
作者：微信（微信號(hào)公眾號(hào)：交通廣告精確發(fā)貨），17年廣告，前三星品牌設(shè)計(jì)師，MTV在線宣布推出Stone Media副總裁，英國(guó)Bird eGo External跨境物流運(yùn)營(yíng)顧問(wèn)。
本文由@微微發(fā)表。未經(jīng)許可，禁止復(fù)制
該地圖來(lái)自Unsplash，基于CC0協(xié)議