UI設計師2017的最後福利

最近發現一點新的東西(可能很多大佬已經在用,只是我不知道),那就把這個方法分享給還在鬱悶切圖的小夥伴。
很多UI的小夥伴們,是不是還在爲因爲圖標要切好多不同尺寸的圖標給到開發小夥伴(安卓和蘋果程序猿)而鬱悶,爲了圖標好看費勁心思做的高、大、上,可是呢研發小夥伴還不理解我們,嫌棄我們的圖太大了(佔內存),現在我要告訴程序員們,我們UI妹子也會畫代碼!!!!!!!
神器的事情就要發生了。。。。。。。。。。。。。
第一步
首先我們在ps裏面做一個圖標(不要看慮複雜度,你喜歡什麼就畫什麼,就是這麼任性)。
![紅.png](http://upload-images.jianshu.io/upload_images/4927175-1fd124740e80775a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)看見紅綠藍什麼想法。。。。。。。。。。。不管你們怎麼想,我只是想留下自己的腳印而已。
第二步
把你做的圖標儲存爲SVG格式,記住SVG、SVG、SVG、SVG、SVG、SVG、
用AI打開你做的圖片
![綠.png](http://upload-images.jianshu.io/upload_images/4927175-c67eb51187701e6d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240),切記勾選將圖形轉化爲對象,然後點擊確定
接下來把圖片直接另存爲SVG格式即可
![image.png](http://upload-images.jianshu.io/upload_images/4927175-2467a271a3cfc4ef.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
現在你就可以直接把這個文件甩給安卓哥哥或者你們的前端哥哥了,告訴他們,小妹你會畫代碼,他們只是寫算什麼。。。。。哈哈哈
下面這個就是你畫的代碼,可以試應任何屏幕,再也不用切幾套圖交給研發了
![image.png](http://upload-images.jianshu.io/upload_images/4927175-7b1c2a2bd602cbc1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
爲自己鼓個掌哈哈哈



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章