電商視覺設計實戰教程由電商設計大咖傾囊相授,以電商廣告設計為立足點,以Photoshop為軟件工具,結合豐富的理論知識和大量的精美案例,幫助大家快速、系統的掌握淘寶天貓電商設計的流程與方法。
整套課程一共分為十二章, 通過大量的排版,配色等理論和思路講解,穿插簡單案例帶領新手學員入門。接著分門別類的演示了箱包類、家居類、女裝類等案例的具體操作方法。從第七章開始,通過店招,店鋪首頁,詳情頁,詳情頁關聯,直通車,無線手繪海報,合成海報等案例演示,逐步深入到典型的商業實戰案例,教大家如何運用理論帶動實踐,利用色彩、圖像、文字等創意排版增加商品與店鋪的吸引力,通過視覺設計吸引消費者點擊進入店鋪,激發其購買欲,提高轉化率,提升網店的品牌形象。
本套課程適合具有Photoshop基礎的學員學習,同時也適合正在從事網店美工與廣告設計的設計師參考。希望大家通過本套課程的學習,能夠迅速掌握淘寶天貓店鋪設計的職業技能。
第一章 新手入門指導
|
本節課通過老師個人工作經歷的介紹,與大家一起分享電商設計經驗,教大家在不同設計階段如何整合素材,拓展思路,通過多方面的綜合學習和參考提高自己的審美能力,并提升跨平臺的設計技巧。 |
本節課主要介紹電商行業發展史和商業交易模式,帶領大家深入了解電商設計的設計目的和作用,并指導相關就業方向。 |
本節課通過一張辦公椅海報的設計,為大家講解如何通過對商品屬性和文案關鍵詞的分析,明確畫面整體色調和版式風格,完成一張海報基礎布局的基本流程。 |
這節課主要為大家講解如何通過點線面的添加來豐富畫面,提升海報的氣質,突出商品的特性,增強畫面的視覺沖擊力。 |
第二章 排版設計點線面的使用
|
本節課通過對不同海報案例的分析,著重講解電商設計中點的運用技巧和作用。 |
本節課主要介紹設計中點與線之間的關系,線的表現形式,以及線在電商設計排版中的重要作用。 |
本節課主要講解在排版設計中面的作用,以及在電商設計中,如果巧妙的處理面與畫面整體的關系。 |
第三章 色彩的認識與搭配
|
本節課主要詳細介紹光的RGB三原色和物質CMY三原色的概念,加強大家對顏色的認識,同時結合圖片案例分析講解色彩三要素在電商設計中的使用,以及提高畫面色彩搭配效果的基本技巧。 |
本節課簡單介紹了光影色彩心理學的基礎知識,包括冷暖色作用的分析,色彩質量的講解,以及幾種配色小技巧的具體使用。 |
本節課通過一本旅游書籍海報案例的演示,教大家如何通過對商品風格屬性的分析,如何整合素材,提取顏色,確定畫面整體的色彩搭配方案。 |
第四章 文字排版與字體設計
|
本節課主要為大家介紹文字排版的基本方法,以及排版層次關系中字體、字號、位置、顏色等細節的處理技巧。 |
本節課主要通過海報案例分析,為大家介紹電商設計中字體設計的基本方法,以及字體設計與圖形圖標的使用。 |
本節課通過兩個簡單的字體設計案例演示,為大家講解粉筆字、折疊字和卡通字體的基本設計方法。 |
第五章 分類商品案例演示
|
本節課通過一張海報案例的演示,為大家介紹特殊元素在海報中的運用和處理技巧。 |
本節課主要演示一個女包的簡潔海報設計,重點講解如何通過對元素色調和光影的調整突出海報的品質感。 |
本章主要通過一張海報案例演示,為大家講解海報光影的處理技巧。本小節我們將通過對原素材顏色和環境進行分析,確定設計方向,做好準備工作。 |
本節課主要通過對產品元素和環境光影細節的調整,加強產品圖片的質感,豐富畫面的層次。 |
第六章 女裝海報設計
|
本節課主要為大家講解服裝的不同款式,不同拍攝角度運用在海報設計中時,服裝的裁切方法和注意事項。 |
本節課通過一張女裝海報案例演示,主要講解了如何根據商品賣點與模特屬性來分析構圖,以及網點背景和文字圖形化的處理方式,包括頭發邊緣與圖片投影處理的小技巧。 |
第七章 店招設計與淘寶后臺熟悉
|
本節課主要為大家介紹店招在店鋪設計中的重要作用,以及店招設計的基本尺寸和設計要素。 |
本節課通過一個簡潔店招的案例演示,詳細介紹店招設計的基本設計方法和注意事項,以及店招切圖和店鋪裝修的基本操作流程。 |
本小節主要為大家介紹淘寶店鋪后臺界面的基本認識與功能,以及簡單的編輯和操作方法。 |
第八章 首頁設計
|
本節課主要為大家詳細介紹首頁設計的基本元素和尺寸規范,以及各個模板設計的位置與功能。 |
本節課主要介紹首頁設計思路與創意確定的基本流程,包括與運營的溝通,對文案的分析,產品風格的確定,以及網上優秀設計作品排版與配色的參考和素材的整合。 |
本小節主要演示首頁設計理論應用到實際操作,根據設計思路整合素材,確定首頁整體設計基調,完成店招和首屏海報設計。 |
確定海報的基本布局后,這節課我們繼續對畫面背景進行深入塑造,重點講解背景浪漫氛圍營造以及商品細節光影處理的具體操作方法和技巧。 |
本節課主要講解分類導航、客服中心的處理方法以及商品類目排版的具體操作。 |
本節課接著上節課繼續演示類目排版的設計,同時介紹了底部模塊與圖標結合排版設計的操作技巧。 |
第九章 詳情頁設計與關聯設計
|
本節課主要詳細介紹詳情頁的作用,分析詳情頁的32個基礎模塊與應用,以及爆款詳情頁的必備模塊。 |
本節課主要詳細介紹詳情頁的具體設計流程,包括前期溝通、競品分析、模板確定,視覺符號的表現等等。 |
從本節課開始,開始演示一個詳情頁設計的具體操作流程,首先從商品屬性和文案開始分析,確定整體設計基調,完成品牌故事模塊的設計。 |
本節課主要演示賣點介紹模塊的設計,重點講解素材統一到背景的合成技巧。 |
在上節課的基礎上,本節課繼續完成賣點介紹模塊的設計以及細節說明部分的排版。 |
本節課繼續延續整體風格,接著演示基本信息模塊,商品展示模塊,使用場景模塊與保養說明模塊的具體操作步驟。 |
本節課主要演示詳情頁關聯中公共模塊部分的具體操作步驟與細節處理方法,包括優惠券的設計,兩張單品海報以及單品羅列的布局設計。 |
第十章 直通車與鉆展設計
|
本節課主要介紹直通車的概念與設計尺寸,并詳細分析如何根據產品的特性,功能和類型來選擇構圖排版方式。 |
本節課通過一個簡單的案例演示,為大家講解直通車設計的具體操作步驟以及注意事項。 |
本節課主要介紹鉆展的概念與審核流程,以及如何通過鉆展的設計提高點擊量的手段與設計技巧。 |
第十一章 App無線手繪海報設計
|
本章主要為大家演示,通過借鑒的方法再原創一張偽手繪風格的閃屏海報的具體操作方法。 |
本節課主要完成手繪海報的排版設計,重點講解網點手繪文字的具體設計方法。 |
第十二章 合成海報案例演示
|
本節課主要演示一個奶粉海報合成案例,重點介紹素材與商品環境合成的處理技巧。 |