PS拉框助手是一款基于photoshop的插件,它能夠快速的生成折線圖、柱狀圖、餅圖、雷達(dá)圖、全國(guó)各省市的地圖、以及按鈕、按鈕組、窗口、輸入框、下拉框、單選、多選、提示、表格、樹等常用的UI元素!
軟件特色
節(jié)約時(shí)間
一般來(lái)說(shuō),使用PS繪制真實(shí)數(shù)據(jù)的圖表是一個(gè)非常耗時(shí)的過(guò)程
簡(jiǎn)單方便
拉個(gè)框,填寫顏色值,點(diǎn)擊確定就可以輕松獲得你想要的圖表效果
自動(dòng)化
自動(dòng)化繪制的視覺元素將準(zhǔn)確地表示數(shù)字、尺寸、間距,實(shí)現(xiàn)結(jié)果真實(shí)可靠。
容易實(shí)現(xiàn)
拉框助手生成的界面,開發(fā)小哥使用Echarts一定能夠?qū)崿F(xiàn),實(shí)現(xiàn)效果能與設(shè)計(jì)圖一致
安裝方法
1、下載安裝程序后,把文件解壓到桌面上,您會(huì)看到下面這些文件:
2、打開PS,點(diǎn)擊“文件”》“腳本”》“瀏覽"然后選擇install.jsx這個(gè)文件。
3、系統(tǒng)會(huì)彈出安裝成功的提示文字,重啟photoshop就可以了
使用說(shuō)明
折線圖圖文教程
如何利用拉框助手繪制漂亮的折線圖
說(shuō)明
設(shè)計(jì)折線圖的時(shí)候,我主要是參考了百度的Echarts,用拉框助手繪制的折線圖,使用Echarts開發(fā),實(shí)現(xiàn)還原度將會(huì)非常高。如果您對(duì)JSON數(shù)據(jù)有一定的了解,您還可以使用 "導(dǎo)入JSON" 來(lái)直接繪制各類圖表。
折線圖繪制步驟
1、使用PS的矩形選框工具拉一個(gè)框
2、勾選你需要繪制的內(nèi)容,包括圖表的橫線、豎線、文字、線條、面積圖、每個(gè)點(diǎn)繪制一個(gè)小圓圈等等
3、選擇您是要繪制隨機(jī)數(shù)據(jù)還是固定點(diǎn)的數(shù)據(jù),如果是隨機(jī)數(shù)據(jù),則填寫隨機(jī)數(shù)據(jù)的范圍,主要這個(gè)范圍不要超過(guò)Y軸的整個(gè)范圍。如果是固定數(shù)據(jù),則要求填寫每個(gè)點(diǎn)的值,使用英文逗號(hào)分隔開
4、您也可以在圖表上繪制多條線,點(diǎn)擊增加一組數(shù)據(jù)按鈕,填寫第二組數(shù)據(jù)相應(yīng)的參數(shù),則會(huì)繪制第二條線。以此類推,可以繪制多條折線
5、點(diǎn)擊確定按鈕,PS拉框助手則會(huì)自動(dòng)給你繪制好你所需要的圖形
各項(xiàng)參數(shù)解釋