Photoshop新媒體美工設計（視頻指導版）

第 1章 初識新媒體美工
1．1∣認識新媒體美工?。?02
1．1．1　什么是新媒體美工 ．．．　002
1．1．2　新媒體美工的技能要求 ．．．．．．．．．．．．．．．．．．．．．．．　003
1．1．3　新媒體美工需注意的問題 ．．．．．．．．．．．．．．．．．．．．．．．　004
■　1．2∣新媒體美工的工作流程 ．．．．．．．．．．．．．．．．．．．．．．．．．．005
1．2．1　明確設計目的 ．．．．．．．．．　005
1．2．2　素材搜集與整合 ．．．．．　006
1．2．3　素材處理與畫面的設計 ．．．．．．．．．．．．．．．．．．．．．．．　008
■　1．3∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．008
1．3．1　實戰(zhàn)：小年夜活動海報的素材收集與整合 ．．．　008
1．3．2　實戰(zhàn)：分析端午素材處理前后的效果 ．．．．．　009
第　2章 新媒體美工設計的基本原則
■　2．1∣新媒體美工設計則 ．．．．．．．．．．．．．．．．．．．．．．．．．．012
2．1．1　了解用戶的需求 ．．．．．　012
2．1．2　具備視覺創(chuàng)意 ．．．．．．．．．　012
2．1．3　突出行業(yè)屬性 ．．．．．．．．．　013
■　2．2∣新媒體美工設計的原則 ．．．．．．．．．．．．．．．．．．．．．．．．．．014
2．2．1　統(tǒng)一識別 ．．．．．．．．．．．．．．．．　014
2．2．2　重復利用與簡潔性 ．．．　015
2．2．3　主次分明、中心突出 ．．．．．．．．．．．．．．．．．．．．．．．　016
2．2．4　合理搭配色彩 ．．．．．．．．．　017
2．2．5　合理運用字體 ．．．．．．．．．　019
■　2．3∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．019
2．3．1　實戰(zhàn)：賞析某天氣App的開屏界面效果 ．．．．．　020
2．3．2　實戰(zhàn)：賞析Banner的設計亮點 ．．．．．．．．．．．．．．．．　020
第3章　新媒體美工設計的基本要素
■　3．1 ∣認識圖形設計要素 ．．．．024
3．1．1　點 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　024
3．1．2　線 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　025
3．1．3　面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　025
■　3．2 ∣了解設計展現(xiàn)要素 ．．．．027
3．2．1　色彩 ．．．．．．．．．．．．．．．．．．．．．．．　027
3．2．2　版式布局 ．．．．．．．．．．．．．．．．　033
3．2．3　文字 ．．．．．．．．．．．．．．．．．．．．．．．　034
■　3．3 ∣實戰(zhàn)案例——對H5頁面進行鑒賞 ．．．．．．．．．．．．．．．．．．040
第4章　新媒體美工文字設計
■　4．1∣新媒體美工文字設計要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．044
4．1．1　文字要易于識別 ．．．．．　044
4．1．2　文字要有層次感 ．．．．．　045
4．1．3　文字要美觀 ．．．．．．．．．．．．．　045
■　4．2∣標志文字設計 ．．．．．．．．．．．046
4．2．1　文字在企業(yè)標志中的重要性 ．．．．．．．．．．．．．．．．．．．　046
4．2．2　標志文字的設計要點 ．．．．．．．．．．．．．．．．．．．．．．．　047
4．2．3　制作標志文字 ．．．．．．．．．　048
■　4．3∣海報文字設計 ．．．．．．．．．．．．051
4．3．1　海報文字的設計要點 ．．．．．．．．．．．．．．．．．．．．．．．　051
4．3．2　制作海報文字 ．．．．．．．．．　053
■　4．4∣封面文字設計 ．．．．．．．．．．．．058
4．4．1　封面文字設計要點 ．．．　058
4．4．2　制作視頻封面文字 ．．．　060
■　4．5∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．063
4．5．1　實戰(zhàn)：制作青禾標志文字 ．．．．．．．．．．．．．．．．．．．．．．．　063
4．5．2　實戰(zhàn)：制作 公眾號封面文字 ．．．．．．．．．．．．．．．．　066
第5章　新媒體美工圖片設計
■　5．1∣新媒體美工圖片設計要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．070
5．1．1　圖片的素材要求 ．．．．．　070
5．1．2　圖片設計要求 ．．．．．．．．．　072
■　5．2∣開屏廣告圖設計 ．．．．．．．．074
5．2．1　開屏廣告的特點 ．．．．．　074
5．2．2　開屏廣告的類別 ．．．．．　075
5．2．3　制作開屏廣告圖 ．．．．．　077
■　5．3∣Banner設計 ．．．．．．．．．．．．．．082
5．3．1　Banner設計要點 ．．．．．　082
5．3．2　制作橫幅廣告Banner ．．．．．．．．．．．．．．．．．．．　085
■　5．4∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．088
5．4．1　實戰(zhàn)：制作閱讀App開屏廣告 ．．．．．．．．．．．．．．．．　088
5．4．2　實戰(zhàn)：制作年貨節(jié)宣傳Banner ．．．．．．．．．．．　091
第6章　新媒體美工視頻設計
■　6．1∣視頻的基礎知識 ．．．．．．．．098
6．1．1　視頻的特點 ．．．．．．．．．．．．．　098
6．1．2　常見視頻類別 ．．．．．．．．．　098
6．1．3　視頻定位 ．．．．．．．．．．．．．．．．　100
6．1．4　視頻的拍攝 ．．．．．．．．．．．．．　101
■　6．2∣視頻的制作 ．．．．．．．．．．．．．．．103
6．2．1　制作企業(yè)宣傳視頻 ．．．　104
6．2．2　制作商品展示視頻 ．．．　109
■　6．3∣實戰(zhàn)案例——制作汽車宣傳視頻 ．．．．．．．．．．．．．．．．．．．114
■　6．4∣課后習題 ．．．．．．．．．．．．．．．．．．．119
第7章　微信平臺設計
■　7．1∣微信賬號頭像設計 ．．．．．122
■　7．2∣朋友圈設計 ．．．．．．．．．．．．．．．123
7．2．1　朋友圈封面設計 ．．．．．　123
7．2．2　朋友圈活動海報設計 ．．．．．．．．．．．．．．．．．．．．．．．．　125
■　7．3∣微信公眾號推文設計 ．．．．．．．．．．．．．．．．．．．．．．．．．132
7．3．1　公眾號推文橫幅廣告設計 ．．．．．．．．．．．．．．．．．．．．．．．　133
7．3．2　公眾號推文底部廣告設計 ．．．．．．．．．．．．．．．．．．．．．．．　134
7．3．3　公眾號推文封面設計 ．．．．．．．．．．．．．．．．．．．．．．．　136
■　7．4∣微信小程序設計 ．．．．．．．．138
7．4．1　微信小程序首頁設計 ．．．．．．．．．．．．．．．．．．．．．．．　139
7．4．2　微信小程序搜索頁設計 ．．．．．．．．．．．．．．．．．．．．．．．　142
7．4．3　微信小程序會員中心頁設計 ．．．．．．．．．．．．．．．．．．．　145
■　7．5∣實戰(zhàn)案例——制作圖書公眾號推文封面 ．．．．．．．．148
第8章　移動端淘寶店鋪設計
■　8．1∣移動端淘寶首頁設計 ．．．．．．．．．．．．．．．．．．．．．．．．．152
8．1．1　店招設計 ．．．．．．．．．．．．．．．．　152
8．1．2　主題海報設計 ．．．．．．．．．　153
8．1．3　優(yōu)惠信息設計 ．．．．．．．．．　158
8．1．4　商品展示區(qū)設計 ．．．．．　163
■　8．2∣手機淘寶商品詳情頁設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．168
8．2．1　焦點圖設計 ．．．．．．．．．．．．．　168
8．2．2　商品描述圖設計 ．．．．．　170
8．2．3　商品賣點圖設計 ．．．．．　175
■　8．3∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．178
8．3．1　實戰(zhàn)：制作移動端綠植首頁 ．．．．．．．．．．．．．．．．．．．．．．．　178
8．3．2　實戰(zhàn)：制作移動端綠植商品詳情頁 ．．．．．．．．．．．．　186
■　8．4∣課后習題 ．．．．．．．．．．．．．．．．．．．194
第9章　其他平臺設計
■　9．1∣今日頭條的設計與制作 ．．．．．．．．．．．．．．．．．．．．．．．．．198
9．1．1　今日頭條賬號頭像設計 ．．．．．．．．．．．．．．．．．．．．．．．　198
9．1．2　今日頭條推送廣告設計 ．．．．．．．．．．．．．．．．．．．．．．．　201
■　9．2∣微博的設計與制作 ．．．．．204
9．2．1　微博頭像設計 ．．．．．．．．．　204
9．2．2　微博九宮格廣告設計 ．．．．．．．．．．．．．．．．．．．．．．．　208
■　9．3∣喜馬拉雅的設計與制作 ．．．．．．．．．．．．．．．．．．．．．．．．．．214
9．3．1　焦點圖宣傳頁設計 ．．．．．．．．．．．．．．．．．．．．．．．．　214
9．3．2　制作專輯/節(jié)目封面圖 ．．．．．．．．．．．．．．．．．．．．．．．　216
9．3．3　制作活動/專題封面圖 ．．．．．．．．．．．．．．．．．．．．．．．　219
■　9．4∣抖音和虎牙直播設計與制作 ．．．．．．．．．．．．．．．．．．．．．．．．．．221
9．4．1　抖音頂部展示圖設計 ．．．．．．．．．．．．．．．．．．．．．．．　221
9．4．2　虎牙直播專區(qū)Banner設計 ．．．．．．．．．．．．．．．．．．．．．．．　224
■　9．5∣實戰(zhàn)案例 ．．．．．．．．．．．．．．．．．．．226
9．5．1　實戰(zhàn)：制作旅行分享電臺焦點圖宣傳頁 ．．．　226
9．5．2　實戰(zhàn)：制作晚間節(jié)目封面圖 ．．．．．．．．．．．．．．．．．．．　228