Photoshop新媒體美工設(shè)計(jì)（視頻指導(dǎo)版）

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