美工設(shè)計課件

1、電商創(chuàng)意指導(dǎo)原則A基本原則我們在實際的廣告投放中，從數(shù)據(jù)中得到很多關(guān)于創(chuàng)意設(shè)計的理論。這些理論直接影響到廣告投放的效果。同時，廣告是帶著枷鎖跳舞，如果跳的好，這就是我們的功力。1 KISS原則-廣告要一目了然KISS原則是英語 Keep It Simple, Stupid 的首字母縮略字，也有人稱“懶人原則”。由于電商廣告尺寸很小，瀏覽環(huán)境復(fù)雜，干擾信息較多，因此，我們廣告需要讓用戶在第一時間了解到廣告所傳遞的信息。1、商品信息、設(shè)計要素、文字描述需要盡量簡單2、動畫設(shè)計不要過于復(fù)雜竅門：設(shè)計師在做完后，把自己當(dāng)做用戶，看會產(chǎn)生什么疑問B設(shè)計規(guī)范1注意品牌調(diào)性Tone& manner用戶屬性品

2、牌歷史競爭策略品牌個性商品價格Tone& manner品牌調(diào)性是決定設(shè)計風(fēng)格和文字撰寫風(fēng)格的重要因素，在設(shè)計之前必須明確，否則很難做出既讓客戶滿意，又讓用戶喜歡的廣告。而調(diào)性決定了設(shè)計元素的使用。這是一切廣告設(shè)計的源泉！明確它再看設(shè)計。商品圖片選擇色調(diào)的選擇字體的應(yīng)用輔助圖形的應(yīng)用動畫設(shè)計整體感的體現(xiàn)品牌調(diào)性舉例并不是所有的設(shè)計風(fēng)格都與我們的目標(biāo)客戶相符。例如服裝，不同年輕人對時尚的標(biāo)準(zhǔn)并不統(tǒng)一。只有找到與我們的用戶審美一直的設(shè)計風(fēng)格（正準(zhǔn)確的說是品牌調(diào)性），才能激發(fā)他們的興趣。七格格：20-25，偏年輕，注重個性的女性用戶時尚起義：20-25，哈韓哈日的最愛，個性，自我潮流only：25-3

3、0，偏成熟，辦公司白領(lǐng)的休閑裝m18：25-30，ol風(fēng)格，簡單，優(yōu)雅調(diào)性的形成：語言風(fēng)格、字體應(yīng)用、排版布局，主推商品選擇，這些決定了給用戶的感受2 商品圖片精美度產(chǎn)品是電商受眾的第一關(guān)注對象，好的商品能帶來好的銷售，好圖片=好商品。所以精美的產(chǎn)品圖片是非常重要；是否選用模特？用什么樣的模特？ 拍攝角度體現(xiàn)產(chǎn)品款式？用什么光源體現(xiàn)質(zhì)感？ 色調(diào)的調(diào)節(jié)是否適合受眾？細節(jié)的修復(fù)體現(xiàn)質(zhì)感？ 什么樣的版式和配色？文字的比例和裝飾的花紋？設(shè)計是否為產(chǎn)品服務(wù)？ 麥包包的素材，在同樣的尺寸下，靜物圖能更好的看清商品全貌，賣點更清晰麥網(wǎng)的素材，在同樣的尺寸下，正面圖能更好的看清商品全貌，形成模特與商品相互映襯

4、3 主色調(diào)的使用主色調(diào)選用原則：與logo的顏色保持一致，保持與企業(yè)視覺規(guī)范一致性與商品的顏色保持一致，減少設(shè)計的凌亂感色調(diào)按信息的重要性分級，重要性越高，越需要醒目不要采用4種以上的顏色，避免凌亂感（黑白不算）不要采用與主色調(diào)沖突的顏色，如紅配綠，黃配藍等字體顏色的使用同樣遵循該原則與商品主色一致與logo主色一致采用與logo同色系、與主推商品同色系為主色調(diào)永遠不會錯 主色調(diào)的使用舉例以黑紅為主要顏色。背景很好的烘托了商品。主要顏色均采用了黃色系，底色，標(biāo)題、商品整體感強。主色調(diào)與商品一致黑灰白，主色調(diào)與商品一致4 文字的使用字體是有性格的，選擇正確的字體設(shè)計就成功了一半：這樣的字體是優(yōu)雅

5、的：黑體及其變種，常用雅黑這是時尚感非常強的，尤其雜志經(jīng)常使用的：大宋這是給孩子看的，非常天真的：娃娃字體這個是流行的，給年輕人看的：時尚中黑這個是表現(xiàn)中國傳統(tǒng)的：書法字體英文字體同樣有性格，建議少用手寫體，不易辨識4每一個素材的字體種類不要超過3種；字體應(yīng)與品牌形象相匹配，常用字體為：各種黑體字的變形設(shè)計，如雅黑，中黑，細黑。盡量不要使用手寫體，娃娃體等不容易閱讀，不常的字體；為強調(diào)價格，價格標(biāo)注時可采用不同于標(biāo)題的字體或顏色；不要使用侵犯版權(quán)的字體。 文字的使用字體用了兩個顏色，兩種字體。品名和價格突出。字體越簡單 種類越少越好4 文字的使用還需要注意：主次信息的對比：大小、粗細、明暗、顏

6、色反差文字的對齊方式：最好采用左對齊或右對齊，讓文字形成整體感，對齊使用基準(zhǔn)線，杜絕目測法。大小，粗細的對比（sale，中加入感嘆號，意為折扣低得讓你想不到！文字左對齊強烈的對比會增強設(shè)計感4 文字的使用還需要注意：做促銷廣告，如果沒有圖片支持，文字是最好的原料-簡單直接。6讓設(shè)計整體感更強-排版和視覺的和諧6讓設(shè)計整體感更強-排版和視覺的和諧6讓設(shè)計整體感更強這是本ppt的一頁。我們把它當(dāng)做是一個廣告的排版布局。留白區(qū),讓設(shè)計留一口氣，不顯得壓抑標(biāo)題和正文，在顏色和大小上存在明顯的對比，并采用同樣的顏色，同樣的字體，形成了整體的親密性。除了圖片，這里是視覺的焦點，引導(dǎo)用戶閱讀最后讓用戶閱讀的

7、信息，字號放小，顏色更淺，弱化它巨大的圖片和左面的小字存在顏色、大小的對比，使圖片更醒目，主次分明。左側(cè)從上到下全部對齊，提示和解釋重復(fù)了同樣的顏色這樣的提示，做就做的更醒目標(biāo)題、正文、圖片的左側(cè)全部在一條垂直線上文字和圖片的底部出于同一水平線6讓設(shè)計整體感更強上頁出現(xiàn)了4個詞：對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。對比(Contrast) 1. 千萬不要畏畏縮縮，該大就大，該小就小。 2. 如果兩個項不完全相同，就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。 3. 在頁面上增加對比能吸引人的眼球。我們的眼睛喜歡看到對比的事物。 4. 對比的根本目的有兩方面，這兩個方面相輔相成，無法

8、分開。一個目的是增強頁面的效果，另一個目的是有助于信息的組織。標(biāo)題文字設(shè)計對比明顯6讓設(shè)計整體感更強上頁出現(xiàn)了4個詞：對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。重復(fù)(Repetition) 1. 設(shè)計的某些方面需要在整個作品中重復(fù)。 2. 重復(fù)不僅對只有一頁的作品很有用，對多頁的文檔設(shè)計更顯重要。 3. 重復(fù)的目的就是統(tǒng)一，并增強視覺效果。不要低估頁面視覺效果的威力，如果一個作品看起來很有趣，它往往也更易于閱讀。 正方形在設(shè)計中重復(fù)了很多次重復(fù)出現(xiàn)的，層層疊疊的照片，構(gòu)成了設(shè)計的主要元素6讓設(shè)計整體感更強上頁出現(xiàn)了4個詞：對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計

9、。對齊(Alignment) 1. 任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在著某種視覺聯(lián)系。 2. 勇敢一些，不要畏縮，絕對不要居中。找一條明確的對齊線，并堅持以它為基準(zhǔn)。 3. 對齊的根本目的是使頁面統(tǒng)一而有條理。 這是友情贈送九鉆的一個形象廣告。文字排版采用與i字母的右側(cè)為基準(zhǔn)對齊，摒棄了居中或左右對齊的方式，并在右下、左上流出大量的空間，讓廣告設(shè)計感更強。Core idea ：九鉆鉆石是你愛情的一部分。6讓設(shè)計整體感更強上頁出現(xiàn)了4個詞：對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。親密性(Proximity) 1. 物理位置的接近就意味著存在關(guān)聯(lián)，

10、實際生活也是如此。 2. 如果多個項目相互之間存在很近的親密性，它們將成為一個視覺單元，而不是多個孤立元素。 3. 親密性的根本目的是實現(xiàn)組織性。 文字部分形成一個整體，商品又形成一個整體。出色的親密性應(yīng)用，如果把標(biāo)題換成暗紅可能會更醒目64321我們以一個范例來總結(jié)整體感6讓設(shè)計整體感更強注意：設(shè)計不是天馬行空，我們每個元素都不能隨便放的，每個細節(jié)你都要注意！當(dāng)有人問你為什么這么設(shè)計的時候，你能夠說出這么做的理由！70采用了georgia字體而非常見的arial字體，給人新鮮感7采用頂左側(cè)的設(shè)計，與右邊紅色塊形成呼應(yīng)，并增加設(shè)計感巨大的70與右側(cè)的文字小文字形成對比由于%無法滿足設(shè)計的要求，

11、因此采用0加/的組合，達到0重復(fù)出現(xiàn)，使形態(tài)全部統(tǒng)一左側(cè)沒有采用白色，而是淡淡的紅色，減少對比的突兀感重復(fù)雪花的設(shè)計采用大小，明暗的處理，減少單調(diào)感紅白的分界線位于%中的/中間，以增加設(shè)計感為了增強平面感，摒棄常用的立體的action button輔助信息采用黑色來弱化主要信息采用反白應(yīng)用，非常明顯右側(cè)的文字采用相同的字體，增加親密性關(guān)鍵部分全部用基準(zhǔn)線對齊57 LOGO統(tǒng)一原則-辨認(rèn)品牌和重復(fù)記憶遵循客戶基本的視覺設(shè)計規(guī)范，如果沒有，我們可以為客戶制定采用標(biāo)準(zhǔn)的VI(Visual Identity )，不僅是廣告?zhèn)鞑サ囊徊糠?，也是樹立品牌形象，讓用戶產(chǎn)生重復(fù)記憶，從而提高廣告效果的 方法。a

12、aa8a2a2a以標(biāo)準(zhǔn)Logo中d的高度為標(biāo)準(zhǔn)輔助圖像的上半部分為8a寬Logo最右側(cè)與9字的中心對齊Logo最后的d字與9字下沿對齊（九鉆橫幅廣告基本VI舉例）8與媒體環(huán)境的對比原則互聯(lián)網(wǎng)的特點是互動性強，用戶自主選擇性強，如何做到吸引用戶點擊？我們要做吸引人的創(chuàng)意，“比一比”就知道！1、設(shè)計的對比1、底色深淺對比：當(dāng)站外條件為白色底時，使用反差大的底色2、字體大小對比：系統(tǒng)為12磅字，文字為主的素材可采用特大號字吸引用戶注意8與媒體環(huán)境的對比原則3、內(nèi)容的疏密對比：在密密麻麻的文字頁面中，采用非常大的留白處理，也可以讓素材更醒目，4、動靜對比：Flash素材幀之間迅速切換，以及畫面閃動，都

13、能讓用戶注意到廣告的存在8與媒體環(huán)境的對比原則2、內(nèi)容對比：我們的內(nèi)容更吸引人與渠道相近的設(shè)計，貼近渠道自身的內(nèi)容，讓用戶在瀏覽的時候發(fā)現(xiàn)更適合他的內(nèi)容。9 細節(jié)設(shè)計舉例設(shè)計通常用于價格、賣點的提示，或者廣告的觸點的誘發(fā)。設(shè)計要讓用戶產(chǎn)生好感，親和力和沖動情緒。C制作規(guī)范給設(shè)計留一口氣！盡管在一個設(shè)計作品中，圍繞著形狀，圖片和文字的空間看上去是空的，但實際上這些“空”也是一種形。設(shè)計這些空間的時候更要仔細考慮好。這些負(fù)空間組合得好就越有 趣，整個構(gòu)圖也就更醒目。1留白，具有神奇的力量，創(chuàng)造負(fù)空間，不要填滿。在右邊、尤其是右上部分，有大量的留白，讓設(shè)計感增強（注意：這里的文字基本都對齊了）。讓作

14、品人人都能看得懂，不能自娛自樂。電商的廣告和傳統(tǒng)廣告還是有一定區(qū)別，簡單直接是它的特點。至少目前是可以這么理解，我們的用戶很忙，因此簡單直白是必須的。注釋：這是一個傳統(tǒng)的服飾廣告。他宣稱，當(dāng)你看起來新潮，那么一切都會跟著新潮起來（slogan-when you look latter everything looks latter)。他的core idea是：新潮是可以影響別人的。注意這里時尚的霓虹燈，它與建筑形成了很大的反差，同時文字是父母給兒子的留言：和她共進晚餐吧-老爸老媽。你的父母能這么fashion嗎？我們的電商廣告是不可能這么做的-沒有人有時間，有能力看懂你要表達的內(nèi)容。而這恰恰是

15、電商和傳統(tǒng)廣告的區(qū)別。這個廣告你看懂了嗎？ 2形式在功能之后，這意味這兩個方面。第一：每一個點，線，肌理，形狀，色彩和圖案都必須與表現(xiàn)的概念有關(guān),第二，上述每種造型都應(yīng)有一定的含義，如果僅僅是因為你認(rèn)為這個造型很棒而讓他單獨存在，那你就應(yīng)該刪掉它。3不需要過多的裝飾。一個設(shè)計作品的所有組成部分都應(yīng)該在同一種視覺水平上彼此關(guān)聯(lián)，這就是說，為了表現(xiàn)出它們是某個同意信息的一部分，他們應(yīng)該具有相似的特征。4統(tǒng)一視覺語言請注意這里黑色 套邊的應(yīng)用，形成了強烈的整體感。事實上就是某類元素的重復(fù)應(yīng)用也許是三種但是太多的字體只會讓你誤入歧途，甚至只注重形式。你用這些字體所做的一定要有意義。一次運用同一種字體類

16、別，但有不同字重和字寬的區(qū)別就足夠了。5最多用兩種字體除了為了突出1外，全部采用了相同的字體，僅在顏色上區(qū)分信息的重要性。說到主次。先對一種元素進行視覺強化吸引觀眾的注意力，然后用一系列的大小，重量，色彩的變化等，來吸引觀眾。在重要的元素下劃線說明，如果關(guān)注分不清設(shè)計首先要突出什么，他們會困惑不解而離開。6分清主次，先后出擊1：1構(gòu)圖，最醒目的空間留給了商品。雖然色彩有硬性的要求，但是，色彩感覺是主觀的，這不全是猜測。色彩有其文化含義，并且彼此有視覺聯(lián)系，用以上這些“實際的”因素有意義的方式，以及視覺上動態(tài)的方式來選擇和組合色彩。7按需選擇色彩維多利亞的秘密請注意紫色的標(biāo)簽，它來自商品在整個設(shè)

17、計中，如果我們算上黑白色，也不過只有4個顏色！這是“少即是多”的另外一種表達方式。這關(guān)于節(jié)省，只表達必須要表達的。如果“必須”本身也可減少的就更好了，想想看，一個普通的觀眾平均要接受多少信息，多少資料，多少令人厭煩的信息點(還不算這些垃圾)，那就按照這個原則來進行設(shè)計吧。8如果能夠做到少既是多的效果，就去做吧!防艾滋病熱線：一行文字一個圖片傳達了簡單明確，但不枯燥的信息。這是最難掌握的規(guī)律之一，字體也是一種圖像，雖然看上去更像別的什么，此時更應(yīng)該考慮文字字體的視覺特效，與其他圖像資料的關(guān)系，以及把它整合到整個構(gòu)圖中去。9把文字當(dāng)作圖像進行設(shè)計。全文字的設(shè)計表現(xiàn)。如果不能辨認(rèn)，那還叫什么字？要反

18、復(fù)記住這句話，在選擇文字的風(fēng)格和大小時，要考慮觀眾的受教育程度，他們的日程，特別是他們的年齡，書寫文字的存在就是為了傳達信息，你的客戶付酬給你也是為了你讓他代表傳達信息。如果這些信息無法辨認(rèn)，不管是什么愿意，那這些文字就根本沒有意義，設(shè)計師自己也快失業(yè)了。讓文字效果具有親和力。文字太多英文字難辨識1011動靜有致，形成密度節(jié)奏和開放空間。在一個構(gòu)圖的不同區(qū)域完全改變明暗分布和陰暗對比，清晰或刺眼，流動或朦朧，醒目或干凈12安排明暗關(guān)系。雅虎廣告王：帶有品牌性質(zhì)的banner廣告與對比是同樣的道理D客戶規(guī)范一、為客戶設(shè)置獨立的設(shè)計規(guī)范1、了解分析客戶的行業(yè)，產(chǎn)品的特性，以及最大的競爭優(yōu)勢；2、了

19、解客戶廣告的策略，方向或者手法；3、設(shè)計廣告元素其中包括： 1）主色調(diào)或者底色； 2）元素：包括logo、按鈕、價簽、斜標(biāo)等的形式； 3）常規(guī)版式設(shè)置； 4）單品表現(xiàn)形式規(guī)范； 5）動畫規(guī)范；九鉆設(shè)計規(guī)范輔助圖形采用9加九鉆藍色塊的設(shè)計形式，不僅突出品牌，也讓設(shè)計更柔和，符合女性用戶柔美的審美情趣。藍色標(biāo)準(zhǔn)色：0181c09字的標(biāo)準(zhǔn)色：5599bc9鉆logo反白應(yīng)用品牌區(qū)域廣告宣傳區(qū)域廣告宣傳區(qū)域采用白色的底色，與左側(cè)的品牌區(qū)域藍色調(diào)形成對比可處理畫面九鉆設(shè)計規(guī)范九鉆logo置于左上角采用標(biāo)準(zhǔn)的logo采 用logo中9的局部作為輔助圖形輔助圖形放在右下角廣告宣傳區(qū)域可處理畫面采用從9字圓弧底部部分。注意底部的深藍輔助圖形為度1.5a2.5a九鉆設(shè)計規(guī)范定義：寬、高均低于100像素的廣告位設(shè)計原則：Jpg：僅出現(xiàn)logo+裸鉆，為強化品牌，在媒體允許的情況下，使用藍色底，logo反白應(yīng)用;反之僅使用白底，藍色logo.如果空間允許，可以增加裸鉆作為商品出現(xiàn)Gif:第一幀為logo，第2幀為鉆石圖片具體應(yīng)用舉例如果空間允許，可適當(dāng)拉達九鉆 緣分鉆石的slogan,便于用戶識別設(shè)計規(guī)范需要為每個客戶獨身定制，每個客戶都“應(yīng)該”有?？蛻舻念愋蜎Q定了不同的設(shè)計方向這是做廣告的基礎(chǔ)，不要