常用軟件版本:
PPT 2013及以上
AI CS5及以上
PS CS5及以上
H5是什么:朋友圈里會(huì)動(dòng)的小頁(yè)面
H5包含內(nèi)容:音樂(lè)儡率、視頻肮韧、圖文、表單灶伊、各種交互
H5展示平臺(tái):手機(jī)弥鹦、平板肚逸、電腦
支持H5系統(tǒng):Android、Windows、IOS
H5心理:好奇心朦促、認(rèn)同感犬钢、攀比、裝逼
H5面臨危機(jī):創(chuàng)意形式趨同思灰、大眾審美疲勞
H5內(nèi)容用途:
1.HR:招聘/公司介紹
2.市場(chǎng)運(yùn)營(yíng):邀請(qǐng)函/產(chǎn)品介紹
3.科研人員:行業(yè)報(bào)告/問(wèn)卷調(diào)查
4.大學(xué)生:個(gè)人簡(jiǎn)歷/社團(tuán)活動(dòng)通知
5.老師:教學(xué)測(cè)試
6.普通人:結(jié)婚請(qǐng)?zhí)?節(jié)日賀卡/裝逼
H5工具:
1.MAKA? maka.im(有app)
2.易企秀? www.eqixiu.com(有app)
3.兔展? www.rabbitpre.com(圖層窗格)
4.百度? A.可一鍵導(dǎo)入psd文件? B.時(shí)間軸窗格
(百度echart)
H5制作流程:
1.選取模板
2.修改內(nèi)容
3.添加特效(易企秀可疊加動(dòng)畫(huà)效果,制作原件可復(fù)制后送給其他賬號(hào))
4.發(fā)布分享
H5使用素材
1.文字
2.圖片
3.圖標(biāo)/形狀
4.Gif
5.音樂(lè)
一混滔、字體
1.MAKA自帶50種字體/易企秀字體收費(fèi)/兔展字體少
2.PPT/PS里的字體另存為圖片
3.在線生成器
(1)第一字體轉(zhuǎn)換器 http://www.diyiziti.com/(調(diào)整背景透明:清空背景顏色代碼)非商用
獲取顏色代碼的方法:
A.QQ截圖時(shí)洒疚,鼠標(biāo)所指處顯示顏色RGB數(shù)值,按住Ctrl切換到顏色代碼坯屿,將代碼填入H5調(diào)色板
B.Chrome瀏覽器的應(yīng)用商店購(gòu)買(mǎi)插件ColorZilla油湖,安裝后,瀏覽器工具欄多出一個(gè)取色器领跛,點(diǎn)擊吸管乏德,點(diǎn)擊顏色=自動(dòng)復(fù)制了顏色代碼,在H5調(diào)色板Ctrl+V粘貼即可(但僅限于瀏覽器內(nèi)取色)
(2)文字云Tagul? http://tagul.com/
(3)LOGO神器 MarkMaker吠昭,只支持英文喊括,網(wǎng)站可以根據(jù)你的點(diǎn)贊記錄你喜歡的風(fēng)格,可下載png矢棚、svg兩種格式郑什,可微調(diào)參數(shù)
http://emblemmatic.org/markmaker/3/
(4)自制毛筆字Qugishi(百度網(wǎng)盤(pán)—我的資源)
http://pan.baidu.com/s/lmirjxog
二、圖片
1.MAKA圖片庫(kù)質(zhì)量高/易企秀內(nèi)有圖標(biāo)蒲肋、動(dòng)圖蘑拯、可為上傳的圖片增加分組/兔展含品牌圖標(biāo)庫(kù)、可為上傳的圖片增加分組
自帶圖片缺點(diǎn):(1)缺乏搜索功能(2)分類(lèi)不清
2.找手機(jī)壁紙
(1)搜索引擎搜索手機(jī)尺寸的圖片:關(guān)鍵詞+手機(jī)壁紙+選擇尺寸(質(zhì)量良莠不齊)
(2)在手機(jī)壁紙圖庫(kù)中找
3.免費(fèi)下載網(wǎng)址
(1)Wallhaven? http://alpha.wallhaven.cc.(非商用)
好處:提供色系+可篩選尺寸(ratio-選擇尺寸-刷新)
(2)主題型壁紙庫(kù)(非商用)
A.復(fù)古 Viintage? http://viintage.com/? 無(wú)需注冊(cè)兜粘、登錄申窘、可直接保存
B.衛(wèi)星 Wlppr? http://wlppr.co/? 每張圖片有不同尺寸可選
C.抽象幾何 Facets http://www.facets.la/
(3)可商用圖庫(kù)
A.第一選擇:Pexels? http://www.pexels.com/質(zhì)量高、資源少
B.第二選擇:Pixabay? http://pixabay.com/支持中文孔轴、圖片不同尺寸可選剃法、質(zhì)量良莠不齊
C.個(gè)人逗比創(chuàng)意網(wǎng)站:GRATISO http://www.gratisography.com/
二、形狀/圖標(biāo)
1. MAK:扁平風(fēng)距糖、邏輯圖表(svg格式)*可改顏色玄窝、放大不失真
易企秀:圖形、文字悍引、圖標(biāo)(svg格式)恩脂、圖片庫(kù)(png格式)*不可改顏色、放大失真
兔展:形狀(svg格式)趣斤、圖片庫(kù)
自帶圖標(biāo)的缺點(diǎn):A.不能搜索B.可編輯性不強(qiáng)
2. 自己找(上傳圖片)
(1)Iconfinder
http://www.iconfinder.com/
Png/svg
只能搜索英文關(guān)鍵詞
條件:free
頂部可選擇風(fēng)格:flat扁平
(2)Noun project
http://thenounproject.com/
Png/svg
需注冊(cè)
只能搜索英文關(guān)鍵詞
條件:free+give credit(免費(fèi))
(3)Easyicon
http://www.easyicon.netlanguage.zh-cn/
Png/svg
不同尺寸可選
(4)阿里Icon Font
http://www.iconfont.cn/
電商官方圖標(biāo)源文件
可改顏色俩块、選擇不同尺寸
(5)Human Pictogram2
http://pictogram2.com/
Png/AI
推薦衍生圖標(biāo)