電商創(chuàng)意指導(dǎo)原則完整版課件_第1頁
電商創(chuàng)意指導(dǎo)原則完整版課件_第2頁
電商創(chuàng)意指導(dǎo)原則完整版課件_第3頁
電商創(chuàng)意指導(dǎo)原則完整版課件_第4頁
電商創(chuàng)意指導(dǎo)原則完整版課件_第5頁
已閱讀5頁,還剩139頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)

文檔簡介

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

設(shè)計的廣告首先就要吸引人們的注意,如何讓小小的banner在頁面跳出來,如何讓用戶一眼就能發(fā)現(xiàn)我們的廣告,是這個階段我們需要面臨的挑戰(zhàn)。

I(Interesting)興趣

當(dāng)用戶發(fā)現(xiàn)我們的廣告后,如何讓用戶產(chǎn)生瀏覽的興趣?是商品,是標(biāo)題,是價格?

J(Judgement)判斷

每個人購買商品的時候,都會有個判斷,可能是需求判斷,也可能是價格判斷,那么我們?nèi)绾巫屗夭姆嫌脩舻男睦砼袛嗄兀?/p>

A(Action)行動廣告必須要促進銷售,讓人看了廣告后從心動到行動購買廣告的商品,實現(xiàn)廣告的最終目的。

“AIJA”原則-廣告對用戶的引導(dǎo)2A(ATTENTION)注意

設(shè)計的廣告首先就要吸引人們的B設(shè)計規(guī)范B設(shè)計規(guī)范1注意品牌調(diào)性Tone&manner用戶屬性品牌歷史競爭策略品牌個性商品價格Tone&manner品牌調(diào)性是決定設(shè)計風(fēng)格和文字撰寫風(fēng)格的重要因素,在做廣告之前必須明確,否則很難做出既讓客戶滿意,又讓用戶喜歡的廣告。而調(diào)性決定了設(shè)計元素的使用。這是一切廣告設(shè)計的源泉!明確它再看設(shè)計。商品圖片選擇色調(diào)的選擇字體的應(yīng)用輔助圖形的應(yīng)用動畫設(shè)計…整體感的體現(xiàn)1注意品牌調(diào)性Tone&manner用戶屬性品牌歷史競爭策品牌調(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-30,偏成熟,辦公司白領(lǐng)的休閑裝m18:25-30,ol風(fēng)格,簡單,優(yōu)雅調(diào)性的形成:語言風(fēng)格、字體應(yīng)用、排版布局,主推商品選擇,這些決定了給用戶的感受品牌調(diào)性舉例并不是所有的設(shè)計風(fēng)格都與我們的目標(biāo)客戶相符。例如2

商品圖片—精美度產(chǎn)品是電商受眾的第一關(guān)注對象,好的商品能帶來好的銷售,好圖片=好商品。所以精美的產(chǎn)品圖片是非常重要;拍攝修片設(shè)計★是否選用模特?★用什么樣的模特?★拍攝角度體現(xiàn)產(chǎn)品款式?★用什么光源體現(xiàn)質(zhì)感?★……★色調(diào)的調(diào)節(jié)是否適合受眾?★細(xì)節(jié)的修復(fù)體現(xiàn)質(zhì)感?★……★什么樣的版式和配色?★文字的比例和裝飾的花紋?★設(shè)計是否為產(chǎn)品服務(wù)?★……2商品圖片—精美度產(chǎn)品是電商受眾的第一關(guān)注對象,拍攝修片設(shè)

商品圖片的精美度舉例商品圖片的精美度舉例2

商品圖片--選擇1、根據(jù)廣告位選擇合適的商圖品。我們的廣告以橫幅居多,如麥包包選擇模特圖,采用上下動的形式,它將變成麥網(wǎng)的廣告。2、選擇最能表現(xiàn)商品賣點的圖片。如九鉆需要選擇鉆石晶瑩剔透的圖片;麥包包的皮包需要選擇質(zhì)感清晰的圖片;麥網(wǎng)的圖片需要選擇流行元素清晰的圖片,蝴蝶結(jié)設(shè)計,就要讓它露出來。3、選擇最能概括商品信息的圖片。由于我們的廣告尺寸小,我們需要把最能體現(xiàn)商品信息的圖片。麥包包需要采用正面的圖片讓用戶看清商品的造型,麥網(wǎng)需要選擇體現(xiàn)優(yōu)雅時尚的圖片;凡客需要選擇顏色豐富的靜物圖片;基本款,需要表現(xiàn)顏色豐富以突出選擇更多。2商品圖片--選擇1、根據(jù)廣告位選擇合適的商圖品。我們的廣麥包包的素材,在同樣的尺寸下,靜物圖能更好的看清商品全貌,賣點更清晰麥網(wǎng)的素材,在同樣的尺寸下,正面圖能更好的看清商品全貌,形成模特與商品相互映襯麥包包的素材,在同樣的尺寸下,靜物圖能更好的看清商品全貌,賣

商品圖片的選擇舉例表現(xiàn)款式,材質(zhì)表現(xiàn)同款式多色商品圖片的選擇舉例表現(xiàn)款式,材質(zhì)表現(xiàn)同款式多色3

主色調(diào)的使用主色調(diào)選用原則:與logo的顏色保持一致,保持與企業(yè)視覺規(guī)范一致性與商品的顏色保持一致,減少設(shè)計的凌亂感色調(diào)按信息的重要性分級,重要性越高,越需要醒目不要采用4種以上的顏色,避免凌亂感(黑白不算)不要采用與主色調(diào)沖突的顏色,如紅配綠,黃配藍等字體顏色的使用同樣遵循該原則與商品主色一致與logo主色一致采用與logo同色系、與主推商品同色系為主色調(diào)永遠(yuǎn)不會錯3主色調(diào)的使用主色調(diào)選用原則:與商品主色一致與logo主色色調(diào)的使用還要注意:1、為了突出商品,設(shè)計可以用商品或模特所穿服裝為主要色2、主色調(diào)與網(wǎng)頁具有區(qū)別或者對比,使素材在頁面中跳出來;3、背景色應(yīng)與商品、文字存在較大的反差,并對商品能起到襯托裝飾性作用;3

主色調(diào)的使用色調(diào)的使用還要注意:3主色調(diào)的使用

主色調(diào)的使用舉例以黑紅為主要顏色。背景很好的烘托了商品。主要顏色均采用了黃色系,底色,標(biāo)題、商品整體感強。主色調(diào)與商品一致黑灰白,主色調(diào)與商品一致主色調(diào)的使用舉例以黑紅為主要顏色。背景很好的烘托了商品。主4

文字的使用字體是有性格的,選擇正確的字體設(shè)計就成功了一半:這樣的字體是優(yōu)雅的:黑體及其變種,常用雅黑這是時尚感非常強的,尤其雜志經(jīng)常使用的:大宋這是給孩子看的,非常天真的:娃娃字體這個是流行的,給年輕人看的:時尚中黑這個是表現(xiàn)中國傳統(tǒng)的:書法字體英文字體同樣有性格,建議少用手寫體,不易辨識4文字的使用字體是有性格的,選擇正確的字體設(shè)計就成功了一半4每一個素材的字體種類不要超過3種;字體應(yīng)與品牌形象相匹配,常用字體為:各種黑體字的變形設(shè)計,如雅黑,中黑,細(xì)黑。盡量不要使用手寫體,娃娃體等不容易閱讀,不常的字體;為強調(diào)價格,價格標(biāo)注時可采用不同于標(biāo)題的字體或顏色;不要使用侵犯版權(quán)的字體。

文字的使用字體用了兩個顏色,兩種字體。品名和價格突出。字體越簡單種類越少越好4每一個素材的字體種類不要超過3種;文字的使用字體用了兩個4

文字的使用還需要注意:主次信息的對比:大小、粗細(xì)、明暗、顏色反差文字的對齊方式:最好采用左對齊或右對齊,讓文字形成整體感,對齊使用基準(zhǔn)線,杜絕目測法。大小,粗細(xì)的對比(sale,中加入感嘆號,意為折扣低得讓你想不到!文字左對齊強烈的對比會增強設(shè)計感4文字的使用還需要注意:大小,粗細(xì)的對比(sale,中加入4

文字的使用還需要注意:做促銷廣告,如果沒有圖片支持,文字是最好的原料--簡單直接。4文字的使用還需要注意:5輔助圖形的使用每一個輔助圖形(裝飾圖案)都要服從你的創(chuàng)意,并有存在的理由。注意指紋-touch的應(yīng)用注意雪花-冬季應(yīng)用5輔助圖形的使用每一個輔助圖形(裝飾圖案)都要服從你的創(chuàng)意,6動畫表現(xiàn)動畫要有目的性:1、讓創(chuàng)意從媒體環(huán)境跳出來2、為了更好的表現(xiàn)商品特點3、更好的傳遞促銷信息4、讓創(chuàng)意更吸引人,更好“玩”好玩的設(shè)計6動畫表現(xiàn)動畫要有目的性:好玩的設(shè)計6動畫表現(xiàn)6動畫表現(xiàn)6動畫表現(xiàn)6動畫表現(xiàn)7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧商品圖片商品價格輔助圖形底色文字按鈕一個廣告會有很多訴求?很多元素?各占比例多大?擺放順序?讓這個廣告看起來整體表達一個主訴求,又能兼顧其他輔助賣點。7讓設(shè)計整體感更強商品圖片商品價格輔助圖形底色文字按鈕一個廣告會有很多訴求?很7讓設(shè)計整體感更強這是本ppt的一頁。如果你愿意,你可以當(dāng)它是一個廣告的排版布局。留白區(qū),讓設(shè)計留一口氣,不顯得壓抑標(biāo)題和正文,在顏色和大小上存在明顯的對比,并采用同樣的顏色,同樣的字體,形成了整體的親密性。除了圖片,這里是視覺的焦點,引導(dǎo)用戶閱讀最后讓用戶閱讀的信息,字號放小,顏色更淺,弱化它巨大的圖片和左面的小字存在顏色、大小的對比,使圖片更醒目,主次分明。左側(cè)從上到下全部對齊,提示和解釋重復(fù)了同樣的顏色這樣的提示,做就做的更醒目標(biāo)題、正文、圖片的左側(cè)全部在一條垂直線上文字和圖片的底部出于同一水平線7讓設(shè)計整體感更強這是本ppt的一頁。如果你愿意,你可以當(dāng)它7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。對比(Contrast)

1.千萬不要畏畏縮縮,該大就大,該小就小。

2.如果兩個項不完全相同,就應(yīng)當(dāng)使之不同,而且應(yīng)當(dāng)是截然不同。

3.在頁面上增加對比能吸引人的眼球。我們的眼睛喜歡看到對比的事物。

4.對比的根本目的有兩方面,這兩個方面相輔相成,無法分開。一個目的是增強頁面的效果,另一個目的是有助于信息的組織。標(biāo)題文字設(shè)計對比明顯7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性標(biāo)題與說明的大小對比折扣信息與底色顏色對比商品和文字的大小對比標(biāo)題和正文的大小顏色對比標(biāo)題與說明的大小對比折扣信息與底色顏色對比商品和文字的大小對7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。重復(fù)(Repetition)

1.設(shè)計的某些方面需要在整個作品中重復(fù)。

2.重復(fù)不僅對只有一頁的作品很有用,對多頁的文檔設(shè)計更顯重要。

3.重復(fù)的目的就是統(tǒng)一,并增強視覺效果。不要低估頁面視覺效果的威力,如果一個作品看起來很有趣,它往往也更易于閱讀。

心在設(shè)計中重復(fù)了很多次7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性重復(fù)出現(xiàn)的,層層疊疊的照片,構(gòu)成了設(shè)計的主要元素重復(fù)出現(xiàn)的,層層疊疊的照片,構(gòu)成了設(shè)計的主要元素7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。對齊(Alignment)

1.任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在著某種視覺聯(lián)系。

2.勇敢一些,不要畏縮,絕對不要居中。找一條明確的對齊線,并堅持以它為基準(zhǔn)。

3.對齊的根本目的是使頁面統(tǒng)一而有條理。

這是友情贈送九鉆的一個形象廣告。文字排版采用與i字母的右側(cè)為基準(zhǔn)對齊,摒棄了居中或左右對齊的方式,并在右下、左上流出大量的空間,讓廣告設(shè)計感更強。Coreidea:九鉆鉆石是你愛情的一部分。7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性文字基準(zhǔn)對齊文字居中,上下留白高度相同Logo右側(cè)位于在9的1/2處反白Logo底部與9的圓弧對齊采用對齊,不僅會讓你的設(shè)計更規(guī)范,也更能感覺精致文字基準(zhǔn)對齊文字居中,上下留白高度相同Logo右側(cè)位于在9的7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。親密性(Proximity)

1.物理位置的接近就意味著存在關(guān)聯(lián),實際生活也是如此。

2.如果多個項目相互之間存在很近的親密性,它們將成為一個視覺單元,而不是多個孤立元素。

3.親密性的根本目的是實現(xiàn)組織性。

出色的排版,讓文字部分形成一個整體,商品又形成一個整體。7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性出色的親密性應(yīng)用,如何把標(biāo)題換成暗紅可能會更醒目出色的親密性應(yīng)用,如何把標(biāo)題換成暗紅可能會更醒目64321我們以一個范例來總結(jié)整體感7讓設(shè)計整體感更強注意:設(shè)計不是天馬行空,我們每個元素都不能隨便放的,每個細(xì)節(jié)你都要注意!當(dāng)有人問你為什么這么設(shè)計的時候,你能夠說出這么做的理由!70采用了georgia字體而非常見的arial字體,給人新鮮感7采用頂左側(cè)的設(shè)計,與右邊紅色塊形成呼應(yīng),并增加設(shè)計感巨大的70與右側(cè)的文字小文字形成對比由于%無法滿足設(shè)計的要求,因此采用0加/的組合,達到0重復(fù)出現(xiàn),使形態(tài)全部統(tǒng)一左側(cè)沒有采用白色,而是淡淡的紅色,減少對比的突兀感重復(fù)雪花的設(shè)計采用大小,明暗的處理,減少單調(diào)感紅白的分界線位于%中的/中間,以增加設(shè)計感為了增強平面感,摒棄常用的立體的actionbutton輔助信息采用黑色來弱化主要信息采用反白應(yīng)用,非常明顯右側(cè)的文字采用相同的字體,增加親密性關(guān)鍵部分全部用基準(zhǔn)線對齊564321我們以一個范例來總結(jié)整體感7讓設(shè)計整體感更強注意:8LOGO統(tǒng)一原則-辨認(rèn)品牌和重復(fù)記憶遵循客戶基本的視覺設(shè)計規(guī)范,如果沒有,我們可以為客戶制定采用標(biāo)準(zhǔn)的VI(VisualIdentity),不僅是廣告?zhèn)鞑サ囊徊糠郑彩菢淞⑵放菩蜗?,讓用戶產(chǎn)生重復(fù)記憶,從而提高廣告效果的方法。aaa8a2a2a以標(biāo)準(zhǔn)Logo中d的高度為標(biāo)準(zhǔn)輔助圖像的上半部分為8a寬Logo最右側(cè)與9字的中心對齊Logo最后的d字與9字下沿對齊(九鉆橫幅廣告基本VI舉例)8LOGO統(tǒng)一原則-辨認(rèn)品牌和重復(fù)記憶遵循客戶基本的視覺設(shè)

麥包包基本VI麥包包基本VI

麥包包基本VI麥包包基本VI

麥包包基本VI需要注意logo的標(biāo)準(zhǔn)色,以及l(fā)ogo出現(xiàn)位置的統(tǒng)一。麥包包基本VI需要注意logo的標(biāo)準(zhǔn)色,以及l(fā)ogo出現(xiàn)位1、當(dāng)素材位于首頁位置,一定放logo2、當(dāng)素材不在首頁且高度<45像素,不放logo3、通欄banner,放logo時,去掉slogan—時尚購物第一站4、模仿所投放媒體環(huán)境時可不加logo5、大尺寸素材,如425x600,需加完整logo,并放置商品分類:時尚女裝、潮流男裝、創(chuàng)意家居、可愛童裝、品牌護膚X當(dāng)素材不在首頁且高度<45像素,不放logo大尺寸的素材必須放logo

麥網(wǎng)基本VI1、當(dāng)素材位于首頁位置,一定放logoX當(dāng)素材不在首頁且高度9與媒體環(huán)境的對比原則互聯(lián)網(wǎng)的特點是互動性強,用戶自主選擇性強,如何做到吸引用戶點擊?我們要做吸引人的創(chuàng)意,“比一比”就知道!1、設(shè)計的對比1、底色深淺對比:當(dāng)站外條件為白色底時,使用反差大的底色2、字體大小對比:系統(tǒng)為12磅字,文字為主的素材可采用特大號字吸引用戶注意9與媒體環(huán)境的對比原則互聯(lián)網(wǎng)的特點是互動性強,用戶自主選擇性9與媒體環(huán)境的對比原則3、內(nèi)容的疏密對比:在密密麻麻的文字頁面中,采用非常大的留白處理,也可以讓素材更醒目,4、動靜對比:Flash素材幀之間迅速切換,以及畫面閃動,都能讓用戶注意到廣告的存在9與媒體環(huán)境的對比原則3、內(nèi)容的疏密對比:4、動靜對比:9與媒體環(huán)境的對比原則2、內(nèi)容對比:我們的內(nèi)容更吸引人與渠道相近的設(shè)計,貼近渠道自身的內(nèi)容,讓用戶在瀏覽的時候發(fā)現(xiàn)更適合他的內(nèi)容。9與媒體環(huán)境的對比原則2、內(nèi)容對比:我們的內(nèi)容更吸引人與渠道10

細(xì)節(jié)設(shè)計舉例設(shè)計通常用于價格、賣點的提示,或者廣告的觸點的誘發(fā)。設(shè)計要讓用戶產(chǎn)生好感,親和力和沖動情緒。10細(xì)節(jié)設(shè)計舉例設(shè)計通常用于價格、賣點的提示,或者廣告的觸C制作規(guī)范C制作規(guī)范給設(shè)計留一口氣!盡管在一個設(shè)計作品中,圍繞著形狀,圖片和文字的空間看上去是空的,但實際上這些“空”也是一種形。設(shè)計這些空間的時候更要仔細(xì)考慮好。這些負(fù)空間組合得好就越有

趣,整個構(gòu)圖也就更醒目。1留白,具有神奇的力量,創(chuàng)造負(fù)空間,不要填滿。在右邊、尤其是右上部分,有大量的留白,讓設(shè)計感增強(注意:這里的文字基本都對齊了)。給設(shè)計留一口氣!1留白,具有神奇的力量,創(chuàng)造負(fù)空間,不要填滿讓作品人人都能看得懂,不能自娛自樂。電商的廣告和傳統(tǒng)廣告還是有一定區(qū)別,簡單直接是它的特點。至少目前是可以這么理解,我們的用戶很忙,因此簡單直白是必須的。注釋:這是一個傳統(tǒng)的服飾廣告。他宣稱,當(dāng)你看起來新潮,那么一切都會跟著新潮起來(slogan-whenyoulooklattereverythinglookslatter)。他的coreidea是:新潮是可以影響別人的。注意這里時尚的霓虹燈,它與建筑形成了很大的反差,同時文字是父母給兒子的留言:和她共進晚餐吧-老爸老媽。你的父母能這么fashion嗎?我們的電商廣告是不可能這么做的-沒有人有時間,有能力看懂你要表達的內(nèi)容。而這恰恰是電商和傳統(tǒng)廣告的區(qū)別。這個廣告你看懂了嗎?2讓作品人人都能看得懂,不能自娛自樂。電商的廣告和傳統(tǒng)廣告還是形式在功能之后,這意味這兩個方面。第一:每一個點,線,肌理,形狀,色彩和圖案都必須與表現(xiàn)的概念有關(guān),第二,上述每種造型都應(yīng)有一定的含義,如果僅僅是因為你認(rèn)為這個造型很棒而讓他單獨存在,那你就應(yīng)該刪掉它。3不需要過多的裝飾。3不需要過多的裝飾。一個設(shè)計作品的所有組成部分都應(yīng)該在同一種視覺水平上彼此關(guān)聯(lián),這就是說,為了表現(xiàn)出它們是某個同意信息的一部分,他們應(yīng)該具有相似的特征。4統(tǒng)一視覺語言請注意這里黑色套邊的應(yīng)用,形成了強烈的整體感。事實上就是某類元素的重復(fù)應(yīng)用一個設(shè)計作品的所有組成部分都應(yīng)該在同一種視覺水平上彼此關(guān)聯(lián),也許是三種····但是太多的字體只會讓你誤入歧途,甚至只注重形式。你用這些字體所做的一定要有意義。一次運用同一種字體類別,但有不同字重和字寬的區(qū)別就足夠了。5最多用兩種字體除了為了突出1外,全部采用了相同的字體,僅在顏色上區(qū)分信息的重要性。也許是三種····但是太多的字體只會讓你誤入歧途,甚至只注重說到主次。先對一種元素進行視覺強化吸引觀眾的注意力,然后用一系列的大小,重量,色彩的變化等,來吸引觀眾。在重要的元素下劃線說明,如果關(guān)注分不清設(shè)計首先要突出什么,他們會困惑不解而離開。6分清主次,先后出擊1:1構(gòu)圖,最醒目的空間留給了商品。說到主次。先對一種元素進行視覺強化吸引觀眾的注意力,然后用一雖然色彩有硬性的要求,但是,色彩感覺是主觀的,這不全是猜測。色彩有其文化含義,并且彼此有視覺聯(lián)系,用以上這些“實際的”因素有意義的方式,以及視覺上動態(tài)的方式來選擇和組合色彩。7按需選擇色彩維多利亞的秘密請注意紫色的標(biāo)簽,它來自商品在整個設(shè)計中,如果我們算上黑白色,也不過只有4個顏色!雖然色彩有硬性的要求,但是,色彩感覺是主觀的,這不全是猜測。這是“少即是多”的另外一種表達方式。這關(guān)于節(jié)省,只表達必須要表達的。如果“必須”本身也可減少的就更好了,想想看,一個普通的觀眾平均要接受多少信息,多少資料,多少令人厭煩的信息點(還不算這些垃圾),那就按照這個原則來進行設(shè)計吧。8如果能夠做到少既是多的效果,就去做吧!防艾滋病熱線:一行文字一個圖片傳達了簡單明確,但不枯燥的信息。這是“少即是多”的另外一種表達方式。這關(guān)于節(jié)省,只表達必須要這是最難掌握的規(guī)律之一,字體也是一種圖像,雖然看上去更像別的什么,此時更應(yīng)該考慮文字字體的視覺特效,與其他圖像資料的關(guān)系,以及把它整合到整個構(gòu)圖中去。9把文字當(dāng)作圖像進行設(shè)計。全文字的設(shè)計表現(xiàn)。這是最難掌握的規(guī)律之一,字體也是一種圖像,雖然看上去更像別的如果不能辨認(rèn),那還叫什么字?要反復(fù)記住這句話,在選擇文字的風(fēng)格和大小時,要考慮觀眾的受教育程度,他們的日程,特別是他們的年齡,書寫文字的存在就是為了傳達信息,你的客戶付酬給你也是為了你讓他代表傳達信息。如果這些信息無法辨認(rèn),不管是什么愿意,那這些文字就根本沒有意義,設(shè)計師自己也快失業(yè)了。讓文字效果具有親和力。文字太多英文字難辨識10如果不能辨認(rèn),那還叫什么字?要反復(fù)記住這句話,在選擇文字的風(fēng)11動靜有致,形成密度節(jié)奏和開放空間。11動靜有致,形成密度節(jié)奏和開放空間。在一個構(gòu)圖的不同區(qū)域完全改變明暗分布和陰暗對比,清晰或刺眼,流動或朦朧,醒目或干凈····12安排明暗關(guān)系。雅虎廣告王:帶有品牌性質(zhì)的banner廣告與對比是同樣的道理在一個構(gòu)圖的不同區(qū)域完全改變明暗分布和陰暗對比,清晰或刺眼,D客戶規(guī)范D客戶規(guī)范一、為客戶設(shè)置獨立的設(shè)計規(guī)范1、了解分析客戶的行業(yè),產(chǎn)品的特性,以及最大的競爭優(yōu)勢;2、了解客戶廣告的策略,方向或者手法;3、設(shè)計廣告元素其中包括:1)主色調(diào)或者底色;2)元素:包括logo、按鈕、價簽、斜標(biāo)等的形式;3)常規(guī)版式設(shè)置;4)單品表現(xiàn)形式規(guī)范;5)動畫規(guī)范;一、為客戶設(shè)置獨立的設(shè)計規(guī)范1、了解分析客戶的行業(yè),產(chǎn)品的特九鉆設(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ī)范輔助圖形采用9加九鉆藍色塊的設(shè)計形式,不僅突出品九鉆設(shè)計規(guī)范九鉆logo置于左上角采用標(biāo)準(zhǔn)的logo采用logo中9的局部作為輔助圖形輔助圖形放在右下角廣告宣傳區(qū)域可處理畫面采用從9字圓弧底部部分。注意底部的深藍輔助圖形為度1.5a2.5a九鉆設(shè)計規(guī)范九鉆logo置于左上角采用logo中9的局部作九鉆設(shè)計規(guī)范定義:寬、高均低于100像素的廣告位設(shè)計原則:Jpg:僅出現(xiàn)logo+裸鉆,為強化品牌,在媒體允許的情況下,使用藍色底,logo反白應(yīng)用;反之僅使用白底,藍色logo.如果空間允許,可以增加裸鉆作為商品出現(xiàn)Gif:第一幀為logo,第2幀為鉆石圖片具體應(yīng)用舉例如果空間允許,可適當(dāng)拉達九鉆緣分鉆石的slogan,便于用戶識別九鉆設(shè)計規(guī)范定義:寬、高均低于100像素的廣告位具體應(yīng)用舉例設(shè)計規(guī)范需要為每個客戶獨身定制,每個客戶都“應(yīng)該”有。設(shè)計規(guī)范需要為每個客戶獨身定制,每個客戶都“應(yīng)該”有。平臺調(diào)性主色視覺M18快速、時尚、超值粉色色彩、豐富當(dāng)當(dāng)網(wǎng)品類豐富的、家居橙色樸實、務(wù)實凡客低價、超值、品質(zhì)感紅色清晰、瘋狂馬薩瑪索品質(zhì)、高檔深灰高端、華麗我買網(wǎng)食品、大眾綠色安全、淡雅客戶的類型決定了不同的設(shè)計方向這是做廣告的基礎(chǔ),不要把麥網(wǎng)做成當(dāng)當(dāng),也不要把凡客做成馬薩瑪索。遵循這個基本點,客戶不會在第一眼就否定你的設(shè)計。平臺調(diào)性主色視覺M18快速、時尚、超值粉色色彩、豐富當(dāng)當(dāng)網(wǎng)品客戶的產(chǎn)品決定了不同的設(shè)計風(fēng)格VSNOON是賣男士中端價位的正裝商務(wù)鞋,所以如何用設(shè)計體現(xiàn)品質(zhì)感、體現(xiàn)鞋品的特色,體現(xiàn)賣點著手。并且所有的視覺品質(zhì)達成統(tǒng)一的標(biāo)準(zhǔn),定期進行風(fēng)格的修正和升級。其他客戶也應(yīng)該著重分析其產(chǎn)品特色,并且用融入到設(shè)計的表現(xiàn)。客戶的產(chǎn)品決定了不同的設(shè)計風(fēng)格VSNOON是賣男士中端價位的E工作規(guī)范E工作規(guī)范1、字打散會減K2、產(chǎn)品圖片在FLASH里要用到多大的就導(dǎo)多大的,多余的都在PS里面切掉,再不行就只能保證圖片看的清的情況下調(diào)品質(zhì)3、多余的原件和組(比如一排字或多個色塊你都是單個原件也會占K)4、過多的裝飾的輔助元素多了就可以刪除1K數(shù)限制和方法1、字打散會減K1K數(shù)限制和方法2檢查QA1、Logo使用是否正確2、有無錯別字,商品名是否正確清楚3、圖文是否相符4、圖品與Link是否相符4、查看商品是否重復(fù)出現(xiàn),相同頁面上不能出現(xiàn)相同商品5、價格標(biāo)注是否與網(wǎng)站一致,有積分的應(yīng)去掉積分標(biāo)注原價6、查看素材商品是否與鏈接頁面商品一致7、素材是否符合渠道要求:幀數(shù)、k數(shù)、播放時間等1、產(chǎn)品價格2、產(chǎn)品圖片3、賣點主題4、品牌Logo5、點擊引導(dǎo)6、附加價值這些元素都體現(xiàn)了嗎?2檢查QA1、Logo使用是否正確1、產(chǎn)品價格這些元素都體現(xiàn)3細(xì)節(jié)要求所有素材加邊框:如媒體允許,框線用于強調(diào)和突出廣告在網(wǎng)頁中的位置,通常紅色比較突出,但框線色彩一般需與廣告主色調(diào)進行匹配價格,新款、免費、送等關(guān)鍵字需突出大位置必須放actionbutton:立即購買、現(xiàn)在就買、馬上搶購等隨時補充3細(xì)節(jié)要求所有素材加邊框:如媒體允許,框線用于強調(diào)和突出廣告勤于思考善于總結(jié)融會貫通不斷創(chuàng)新GREATEXPECTAION勤于思考善于總結(jié)融會貫通不斷創(chuàng)新GREATEXPECTTHANKSTHANKS電商創(chuàng)意指導(dǎo)原則Guideline電商創(chuàng)意指導(dǎo)原則GuidelineA基本原則我們在實際的廣告投放中,從數(shù)據(jù)中得到很多關(guān)于創(chuàng)意設(shè)計的理論。這些理論直接影響到廣告投放的效果。同時,廣告是帶著枷鎖跳舞,如果跳的好,這就是我們的功力。A基本原則我們在實際的廣告投放中,從數(shù)據(jù)中得到很多關(guān)于創(chuàng)意設(shè)1KISS原則-廣告要一目了然KISS原則是英語KeepItSimple,Stupid的首字母縮略字,也有人稱“懶人原則”。由于電商廣告尺寸很小,瀏覽環(huán)境復(fù)雜,干擾信息較多,因此,我們廣告需要讓用戶在第一時間了解到廣告所傳遞的信息。1、商品信息、設(shè)計要素、文字描述需要盡量簡單2、動畫設(shè)計不要過于復(fù)雜竅門:設(shè)計師在做完后,把自己當(dāng)做用戶,看會產(chǎn)生什么疑問1KISS原則-廣告要一目了然KISS原則是英語Keep2A(ATTENTION)注意

設(shè)計的廣告首先就要吸引人們的注意,如何讓小小的banner在頁面跳出來,如何讓用戶一眼就能發(fā)現(xiàn)我們的廣告,是這個階段我們需要面臨的挑戰(zhàn)。

I(Interesting)興趣

當(dāng)用戶發(fā)現(xiàn)我們的廣告后,如何讓用戶產(chǎn)生瀏覽的興趣?是商品,是標(biāo)題,是價格?

J(Judgement)判斷

每個人購買商品的時候,都會有個判斷,可能是需求判斷,也可能是價格判斷,那么我們?nèi)绾巫屗夭姆嫌脩舻男睦砼袛嗄兀?/p>

A(Action)行動廣告必須要促進銷售,讓人看了廣告后從心動到行動購買廣告的商品,實現(xiàn)廣告的最終目的。

“AIJA”原則-廣告對用戶的引導(dǎo)2A(ATTENTION)注意

設(shè)計的廣告首先就要吸引人們的B設(shè)計規(guī)范B設(shè)計規(guī)范1注意品牌調(diào)性Tone&manner用戶屬性品牌歷史競爭策略品牌個性商品價格Tone&manner品牌調(diào)性是決定設(shè)計風(fēng)格和文字撰寫風(fēng)格的重要因素,在做廣告之前必須明確,否則很難做出既讓客戶滿意,又讓用戶喜歡的廣告。而調(diào)性決定了設(shè)計元素的使用。這是一切廣告設(shè)計的源泉!明確它再看設(shè)計。商品圖片選擇色調(diào)的選擇字體的應(yīng)用輔助圖形的應(yīng)用動畫設(shè)計…整體感的體現(xiàn)1注意品牌調(diào)性Tone&manner用戶屬性品牌歷史競爭策品牌調(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-30,偏成熟,辦公司白領(lǐng)的休閑裝m18:25-30,ol風(fēng)格,簡單,優(yōu)雅調(diào)性的形成:語言風(fēng)格、字體應(yīng)用、排版布局,主推商品選擇,這些決定了給用戶的感受品牌調(diào)性舉例并不是所有的設(shè)計風(fēng)格都與我們的目標(biāo)客戶相符。例如2

商品圖片—精美度產(chǎn)品是電商受眾的第一關(guān)注對象,好的商品能帶來好的銷售,好圖片=好商品。所以精美的產(chǎn)品圖片是非常重要;拍攝修片設(shè)計★是否選用模特?★用什么樣的模特?★拍攝角度體現(xiàn)產(chǎn)品款式?★用什么光源體現(xiàn)質(zhì)感?★……★色調(diào)的調(diào)節(jié)是否適合受眾?★細(xì)節(jié)的修復(fù)體現(xiàn)質(zhì)感?★……★什么樣的版式和配色?★文字的比例和裝飾的花紋?★設(shè)計是否為產(chǎn)品服務(wù)?★……2商品圖片—精美度產(chǎn)品是電商受眾的第一關(guān)注對象,拍攝修片設(shè)

商品圖片的精美度舉例商品圖片的精美度舉例2

商品圖片--選擇1、根據(jù)廣告位選擇合適的商圖品。我們的廣告以橫幅居多,如麥包包選擇模特圖,采用上下動的形式,它將變成麥網(wǎng)的廣告。2、選擇最能表現(xiàn)商品賣點的圖片。如九鉆需要選擇鉆石晶瑩剔透的圖片;麥包包的皮包需要選擇質(zhì)感清晰的圖片;麥網(wǎng)的圖片需要選擇流行元素清晰的圖片,蝴蝶結(jié)設(shè)計,就要讓它露出來。3、選擇最能概括商品信息的圖片。由于我們的廣告尺寸小,我們需要把最能體現(xiàn)商品信息的圖片。麥包包需要采用正面的圖片讓用戶看清商品的造型,麥網(wǎng)需要選擇體現(xiàn)優(yōu)雅時尚的圖片;凡客需要選擇顏色豐富的靜物圖片;基本款,需要表現(xiàn)顏色豐富以突出選擇更多。2商品圖片--選擇1、根據(jù)廣告位選擇合適的商圖品。我們的廣麥包包的素材,在同樣的尺寸下,靜物圖能更好的看清商品全貌,賣點更清晰麥網(wǎng)的素材,在同樣的尺寸下,正面圖能更好的看清商品全貌,形成模特與商品相互映襯麥包包的素材,在同樣的尺寸下,靜物圖能更好的看清商品全貌,賣

商品圖片的選擇舉例表現(xiàn)款式,材質(zhì)表現(xiàn)同款式多色商品圖片的選擇舉例表現(xiàn)款式,材質(zhì)表現(xiàn)同款式多色3

主色調(diào)的使用主色調(diào)選用原則:與logo的顏色保持一致,保持與企業(yè)視覺規(guī)范一致性與商品的顏色保持一致,減少設(shè)計的凌亂感色調(diào)按信息的重要性分級,重要性越高,越需要醒目不要采用4種以上的顏色,避免凌亂感(黑白不算)不要采用與主色調(diào)沖突的顏色,如紅配綠,黃配藍等字體顏色的使用同樣遵循該原則與商品主色一致與logo主色一致采用與logo同色系、與主推商品同色系為主色調(diào)永遠(yuǎn)不會錯3主色調(diào)的使用主色調(diào)選用原則:與商品主色一致與logo主色色調(diào)的使用還要注意:1、為了突出商品,設(shè)計可以用商品或模特所穿服裝為主要色2、主色調(diào)與網(wǎng)頁具有區(qū)別或者對比,使素材在頁面中跳出來;3、背景色應(yīng)與商品、文字存在較大的反差,并對商品能起到襯托裝飾性作用;3

主色調(diào)的使用色調(diào)的使用還要注意:3主色調(diào)的使用

主色調(diào)的使用舉例以黑紅為主要顏色。背景很好的烘托了商品。主要顏色均采用了黃色系,底色,標(biāo)題、商品整體感強。主色調(diào)與商品一致黑灰白,主色調(diào)與商品一致主色調(diào)的使用舉例以黑紅為主要顏色。背景很好的烘托了商品。主4

文字的使用字體是有性格的,選擇正確的字體設(shè)計就成功了一半:這樣的字體是優(yōu)雅的:黑體及其變種,常用雅黑這是時尚感非常強的,尤其雜志經(jīng)常使用的:大宋這是給孩子看的,非常天真的:娃娃字體這個是流行的,給年輕人看的:時尚中黑這個是表現(xiàn)中國傳統(tǒng)的:書法字體英文字體同樣有性格,建議少用手寫體,不易辨識4文字的使用字體是有性格的,選擇正確的字體設(shè)計就成功了一半4每一個素材的字體種類不要超過3種;字體應(yīng)與品牌形象相匹配,常用字體為:各種黑體字的變形設(shè)計,如雅黑,中黑,細(xì)黑。盡量不要使用手寫體,娃娃體等不容易閱讀,不常的字體;為強調(diào)價格,價格標(biāo)注時可采用不同于標(biāo)題的字體或顏色;不要使用侵犯版權(quán)的字體。

文字的使用字體用了兩個顏色,兩種字體。品名和價格突出。字體越簡單種類越少越好4每一個素材的字體種類不要超過3種;文字的使用字體用了兩個4

文字的使用還需要注意:主次信息的對比:大小、粗細(xì)、明暗、顏色反差文字的對齊方式:最好采用左對齊或右對齊,讓文字形成整體感,對齊使用基準(zhǔn)線,杜絕目測法。大小,粗細(xì)的對比(sale,中加入感嘆號,意為折扣低得讓你想不到!文字左對齊強烈的對比會增強設(shè)計感4文字的使用還需要注意:大小,粗細(xì)的對比(sale,中加入4

文字的使用還需要注意:做促銷廣告,如果沒有圖片支持,文字是最好的原料--簡單直接。4文字的使用還需要注意:5輔助圖形的使用每一個輔助圖形(裝飾圖案)都要服從你的創(chuàng)意,并有存在的理由。注意指紋-touch的應(yīng)用注意雪花-冬季應(yīng)用5輔助圖形的使用每一個輔助圖形(裝飾圖案)都要服從你的創(chuàng)意,6動畫表現(xiàn)動畫要有目的性:1、讓創(chuàng)意從媒體環(huán)境跳出來2、為了更好的表現(xiàn)商品特點3、更好的傳遞促銷信息4、讓創(chuàng)意更吸引人,更好“玩”好玩的設(shè)計6動畫表現(xiàn)動畫要有目的性:好玩的設(shè)計6動畫表現(xiàn)6動畫表現(xiàn)6動畫表現(xiàn)6動畫表現(xiàn)7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧7讓設(shè)計整體感更強-排版和視覺的和諧商品圖片商品價格輔助圖形底色文字按鈕一個廣告會有很多訴求?很多元素?各占比例多大?擺放順序?讓這個廣告看起來整體表達一個主訴求,又能兼顧其他輔助賣點。7讓設(shè)計整體感更強商品圖片商品價格輔助圖形底色文字按鈕一個廣告會有很多訴求?很7讓設(shè)計整體感更強這是本ppt的一頁。如果你愿意,你可以當(dāng)它是一個廣告的排版布局。留白區(qū),讓設(shè)計留一口氣,不顯得壓抑標(biāo)題和正文,在顏色和大小上存在明顯的對比,并采用同樣的顏色,同樣的字體,形成了整體的親密性。除了圖片,這里是視覺的焦點,引導(dǎo)用戶閱讀最后讓用戶閱讀的信息,字號放小,顏色更淺,弱化它巨大的圖片和左面的小字存在顏色、大小的對比,使圖片更醒目,主次分明。左側(cè)從上到下全部對齊,提示和解釋重復(fù)了同樣的顏色這樣的提示,做就做的更醒目標(biāo)題、正文、圖片的左側(cè)全部在一條垂直線上文字和圖片的底部出于同一水平線7讓設(shè)計整體感更強這是本ppt的一頁。如果你愿意,你可以當(dāng)它7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。對比(Contrast)

1.千萬不要畏畏縮縮,該大就大,該小就小。

2.如果兩個項不完全相同,就應(yīng)當(dāng)使之不同,而且應(yīng)當(dāng)是截然不同。

3.在頁面上增加對比能吸引人的眼球。我們的眼睛喜歡看到對比的事物。

4.對比的根本目的有兩方面,這兩個方面相輔相成,無法分開。一個目的是增強頁面的效果,另一個目的是有助于信息的組織。標(biāo)題文字設(shè)計對比明顯7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性標(biāo)題與說明的大小對比折扣信息與底色顏色對比商品和文字的大小對比標(biāo)題和正文的大小顏色對比標(biāo)題與說明的大小對比折扣信息與底色顏色對比商品和文字的大小對7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。重復(fù)(Repetition)

1.設(shè)計的某些方面需要在整個作品中重復(fù)。

2.重復(fù)不僅對只有一頁的作品很有用,對多頁的文檔設(shè)計更顯重要。

3.重復(fù)的目的就是統(tǒng)一,并增強視覺效果。不要低估頁面視覺效果的威力,如果一個作品看起來很有趣,它往往也更易于閱讀。

心在設(shè)計中重復(fù)了很多次7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性重復(fù)出現(xiàn)的,層層疊疊的照片,構(gòu)成了設(shè)計的主要元素重復(fù)出現(xiàn)的,層層疊疊的照片,構(gòu)成了設(shè)計的主要元素7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。對齊(Alignment)

1.任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在著某種視覺聯(lián)系。

2.勇敢一些,不要畏縮,絕對不要居中。找一條明確的對齊線,并堅持以它為基準(zhǔn)。

3.對齊的根本目的是使頁面統(tǒng)一而有條理。

這是友情贈送九鉆的一個形象廣告。文字排版采用與i字母的右側(cè)為基準(zhǔn)對齊,摒棄了居中或左右對齊的方式,并在右下、左上流出大量的空間,讓廣告設(shè)計感更強。Coreidea:九鉆鉆石是你愛情的一部分。7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性文字基準(zhǔn)對齊文字居中,上下留白高度相同Logo右側(cè)位于在9的1/2處反白Logo底部與9的圓弧對齊采用對齊,不僅會讓你的設(shè)計更規(guī)范,也更能感覺精致文字基準(zhǔn)對齊文字居中,上下留白高度相同Logo右側(cè)位于在9的7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性。掌握它基本能做出讓人滿意的設(shè)計。親密性(Proximity)

1.物理位置的接近就意味著存在關(guān)聯(lián),實際生活也是如此。

2.如果多個項目相互之間存在很近的親密性,它們將成為一個視覺單元,而不是多個孤立元素。

3.親密性的根本目的是實現(xiàn)組織性。

出色的排版,讓文字部分形成一個整體,商品又形成一個整體。7讓設(shè)計整體感更強上頁出現(xiàn)了4個詞:對比、重復(fù)、對齊、親密性出色的親密性應(yīng)用,如何把標(biāo)題換成暗紅可能會更醒目出色的親密性應(yīng)用,如何把標(biāo)題換成暗紅可能會更醒目64321我們以一個范例來總結(jié)整體感7讓設(shè)計整體感更強注意:設(shè)計不是天馬行空,我們每個元素都不能隨便放的,每個細(xì)節(jié)你都要注意!當(dāng)有人問你為什么這么設(shè)計的時候,你能夠說出這么做的理由!70采用了georgia字體而非常見的arial字體,給人新鮮感7采用頂左側(cè)的設(shè)計,與右邊紅色塊形成呼應(yīng),并增加設(shè)計感巨大的70與右側(cè)的文字小文字形成對比由于%無法滿足設(shè)計的要求,因此采用0加/的組合,達到0重復(fù)出現(xiàn),使形態(tài)全部統(tǒng)一左側(cè)沒有采用白色,而是淡淡的紅色,減少對比的突兀感重復(fù)雪花的設(shè)計采用大小,明暗的處理,減少單調(diào)感紅白的分界線位于%中的/中間,以增加設(shè)計感為了增強平面感,摒棄常用的立體的actionbutton輔助信息采用黑色來弱化主要信息采用反白應(yīng)用,非常明顯右側(cè)的文字采用相同的字體,增加親密性關(guān)鍵部分全部用基準(zhǔn)線對齊564321我們以一個范例來總結(jié)整體感7讓設(shè)計整體感更強注意:8LOGO統(tǒng)一原則-辨認(rèn)品牌和重復(fù)記憶遵循客戶基本的視覺設(shè)計規(guī)范,如果沒有,我們可以為客戶制定采用標(biāo)準(zhǔn)的VI(VisualIdentity),不僅是廣告?zhèn)鞑サ囊徊糠郑彩菢淞⑵放菩蜗?,讓用戶產(chǎn)生重復(fù)記憶,從而提高廣告效果的方法。aaa8a2a2a以標(biāo)準(zhǔn)Logo中d的高度為標(biāo)準(zhǔn)輔助圖像的上半部分為8a寬Logo最右側(cè)與9字的中心對齊Logo最后的d字與9字下沿對齊(九鉆橫幅廣告基本VI舉例)8LOGO統(tǒng)一原則-辨認(rèn)品牌和重復(fù)記憶遵循客戶基本的視覺設(shè)

麥包包基本VI麥包包基本VI

麥包包基本VI麥包包基本VI

麥包包基本VI需要注意logo的標(biāo)準(zhǔn)色,以及l(fā)ogo出現(xiàn)位置的統(tǒng)一。麥包包基本VI需要注意logo的標(biāo)準(zhǔn)色,以及l(fā)ogo出現(xiàn)位1、當(dāng)素材位于首頁位置,一定放logo2、當(dāng)素材不在首頁且高度<45像素,不放logo3、通欄banner,放logo時,去掉slogan—時尚購物第一站4、模仿所投放媒體環(huán)境時可不加logo5、大尺寸素材,如425x600,需加完整logo,并放置商品分類:時尚女裝、潮流男裝、創(chuàng)意家居、可愛童裝、品牌護膚X當(dāng)素材不在首頁且高度<45像素,不放logo大尺寸的素材必須放logo

麥網(wǎng)基本VI1、當(dāng)素材位于首頁位置,一定放logoX當(dāng)素材不在首頁且高度9與媒體環(huán)境的對比原則互聯(lián)網(wǎng)的特點是互動性強,用戶自主選擇性強,如何做到吸引用戶點擊?我們要做吸引人的創(chuàng)意,“比一比”就知道!1、設(shè)計的對比1、底色深淺對比:當(dāng)站外條件為白色底時,使用反差大的底色2、字體大小對比:系統(tǒng)為12磅字,文字為主的素材可采用特大號字吸引用戶注意9與媒體環(huán)境的對比原則互聯(lián)網(wǎng)的特點是互動性強,用戶自主選擇性9與媒體環(huán)境的對比原則3、內(nèi)容的疏密對比:在密密麻麻的文字頁面中,采用非常大的留白處理,也可以讓素材更醒目,4、動靜對比:Flash素材幀之間迅速切換,以及畫面閃動,都能讓用戶注意到廣告的存在9與媒體環(huán)境的對比原則3、內(nèi)容的疏密對比:4、動靜對比:9與媒體環(huán)境的對比原則2、內(nèi)容對比:我們的內(nèi)容更吸引人與渠道相近的設(shè)計,貼近渠道自身的內(nèi)容,讓用戶在瀏覽的時候發(fā)現(xiàn)更適合他的內(nèi)容。9與媒體環(huán)境的對比原則2、內(nèi)容對比:我們的內(nèi)容更吸引人與渠道10

細(xì)節(jié)設(shè)計舉例設(shè)計通常用于價格、賣點的提示,或者廣告的觸點的誘發(fā)。設(shè)計要讓用戶產(chǎn)生好感,親和力和沖動情緒。10細(xì)節(jié)設(shè)計舉例設(shè)計通常用于價格、賣點的提示,或者廣告的觸C制作規(guī)范C制作規(guī)范給設(shè)計留一口氣!盡管在一個設(shè)計作品中,圍繞著形狀,圖片和文字的空間看上去是空的,但實際上這些“空”也是一種形。設(shè)計這些空間的時候更要仔細(xì)考慮好。這些負(fù)空間組合得好就越有

趣,整個構(gòu)圖也就更醒目。1留白,具有神奇的力量,創(chuàng)造負(fù)空間,不要填滿。在右邊、尤其是右上部分,有大量的留白,讓設(shè)計感增強(注意:這里的文字基本都對齊了)。給設(shè)計留一口氣!1留白,具有神奇的力量,創(chuàng)造負(fù)空間,不要填滿讓作品人人都能看得懂,不能自娛自樂。電商的廣告和傳統(tǒng)廣告還是有一定區(qū)別,簡單直接是它的特點。至少目前是可以這么理解,我們的用戶很忙,因此簡單直白是必須的。注釋:這是一個傳統(tǒng)的服飾廣告。他宣稱,當(dāng)你看起來新潮,那么一切都會跟著新潮起來(slogan-whenyoulooklattereverythinglookslatter)。他的coreidea是:新潮是可以影響別人的。注意這里時尚的霓虹燈,它與建筑形成了很大的反差,同時文字是父母給兒子的留言:和她共進晚餐吧-老爸老媽。你的父母能這么fashion嗎?我們的電商廣告是不可能這么做的-沒有人有時間,有能力看懂你要表達的內(nèi)容。而這恰恰是電商和傳統(tǒng)廣告的區(qū)別。這個廣告你看懂了嗎?2讓作品人人都能看得懂,不能自娛自樂。電商的廣告和傳統(tǒng)廣告還是形式在功能之后,這意味這兩個方面。第一:每一個點,線,肌理,形狀,色彩和圖案都必須與表現(xiàn)的概念有關(guān),第二,上述每種造型都應(yīng)有一定的含義,如果僅僅是因為你認(rèn)為這個造型很棒而讓他單獨存在,那你就應(yīng)該刪掉它。3不需要過多的裝飾。3不需要過多的裝飾。一個設(shè)計作品的所有組成部分都應(yīng)該在同一種視覺水平上彼此關(guān)聯(lián),這就是說,為了表現(xiàn)出它們是某個同意信息的一部分,他們應(yīng)該具有相似的特征。4統(tǒng)一視覺語言請注意這里黑色套邊的應(yīng)用,形成了強烈的整體感。事實上就是某類元素的重復(fù)應(yīng)用一個設(shè)計作品的所有組成部分都應(yīng)該在同一種視覺水平上彼此關(guān)聯(lián),也許是三種····但是太多的字體只會讓你誤入歧途,甚至只注重形式。你用這些字體所做的一定要有意義。一次運用同一種字體類別,但有不同字重和字寬的區(qū)別就足夠了。5最多用兩種字體除了為了突出1外,全部采用了相同的字體,僅在顏色上區(qū)分信息的重要性。也許是三種····但是太多的字體只會讓你誤入歧途,甚至只注重說到主次。先對一種元素進行視覺強化吸引觀眾的注意力,然后用一系列的大小,重量,色彩的變化等,來吸引觀眾。在重要的元素下劃線說明,如果關(guān)注分不清設(shè)計首先要突出什么,他們會困惑不解而離開。6分清主次,先后出擊1:1構(gòu)圖,最醒目的空間留給了商品。說到主次。先對一種元素進行視覺強化吸引觀眾的注意力,然后用一雖然色彩有硬性的要求,但是,色彩感覺是主觀的,這不全是猜測。色彩有其文化含義,并且彼此有視覺聯(lián)系,用以上這些“實際的”因素有意義的方式,以及視覺上動態(tài)的方式來選擇和組合色彩。7按需選擇色彩維多利亞的秘密請注意紫色的標(biāo)簽,它來自商品在整個設(shè)計中,如果我們算上黑白色,也不過只有4個顏色!雖然色彩有硬性的要求,但是,色彩感覺是主觀的,這不全是猜測。這是“少即是多”的另外一種表達方式。這關(guān)于節(jié)省,只表達必須要表達的。如果“必須”本身也可減少的就更好了,想想看,一個普通的觀眾平均要接受多少信息,多少資料,多少令人厭煩的信息點(還不算這些垃圾),那就按照這個原則來進行設(shè)計吧。8如果能夠做到少既是多的效果,就去做吧!防艾滋病熱線:一行文字一個圖片傳達了簡單明確,但不枯燥的信息。這是“少即是多”的另外一種表達方式。這關(guān)于節(jié)省,只表達必須要這是最難掌握的規(guī)律之一,字體也是一種圖像,雖然看上去更像別的什么,此時更應(yīng)該考慮文字字體的視覺特效,與其他圖像資料的關(guān)系,以及把它整合到整個構(gòu)圖中去。9把文字當(dāng)作圖像進行設(shè)計。全文字的設(shè)計表現(xiàn)。這是最難掌握的規(guī)律之一,字體也是一種圖像,雖然看上去更像別的如果不能辨認(rèn),那還叫什么字?要反復(fù)記住這句話,在選擇文字的風(fēng)格和大小時,要考慮觀眾的受教育程度,他們的日程,特別是他們的年齡,書寫文字的存在就是為了傳達信息,你的客戶付酬給你也是為了你讓他代表傳達信息。如果這些信息無法辨認(rèn),不管是什么愿意,那這些

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論