轉(zhuǎn)自：?http://www.reibang.com/p/ad6aebb4ff61
微信小程序開(kāi)發(fā)-你可能會(huì)需要的UI工具
?
2018.04.18 22:25*?字?jǐn)?shù) 510?閱讀 2806評(píng)論 3喜歡 147
微信小程序開(kāi)發(fā)需要一系列的工作，下面是我整理的壳咕，你可能會(huì)需要的工具
1.logo生成工具
這里是一個(gè)免費(fèi)生成logo的網(wǎng)站http://www.logofree.cn/logo.html步驟很簡(jiǎn)單
1.1 輸入企業(yè)簡(jiǎn)稱和所屬行業(yè)
1.2 選擇一個(gè)logo
都不滿意席揽，可以使用“換一批”按鈕來(lái)更換一批logo
? 1.3 調(diào)整文字和顏色
? 1.4 最后截圖
直接下載圖片是要錢的，截圖就可以了
2.icon下載
這是阿里巴巴的矢量圖下載網(wǎng)站http://iconfont.cn/
2.1 選擇一套圖片庫(kù)
2.2 添加入庫(kù)
鼠標(biāo)移動(dòng)你需要的圖標(biāo)上面谓厘，然后選擇‘添加入庫(kù)’也就是購(gòu)物車的位置
2.3 進(jìn)入購(gòu)物車
進(jìn)入頁(yè)面最右邊的購(gòu)物車
? 2.4 下載代碼
你就能得到各種格式的代碼壓縮包
? 2.5 添加base64到wxss
打開(kāi)iconfont.css文件幌羞，刪除劃紅線的部分，也就是保留base64部分竟稳，將剩余的部分復(fù)制到wxss文件中属桦，就可以使用了。因?yàn)檫@是字體文件他爸，可以任意調(diào)整字體和顏色聂宾，比png圖片方便，且體積更小诊笤，特別是對(duì)于小程序只有2M的最大尺寸來(lái)說(shuō)系谐，尤其重要。
3. 海報(bào) banner制作
?這里可以有海報(bào)和banner的模板讨跟，重點(diǎn)是可以在線編輯纪他，再也不用ps了
https://www.gaoding.com/templets?platform_id=64&category_id=4
3.1 選擇一個(gè)模板
就這個(gè)一眼看到比較喜感的吧
