如何解决开发过程中缺乏UI素材的问题
原则上来说,我们应该尽量把时间花在自己的专业开发上。但偶尔我们还是不得不面临需要UI素材问题,比如应付学校的项目作业,自己的个人开源项目,这些都是不太可能有UI设计师帮你完成的。
素材网站
-
这是个图标网站,下面是成套的软件图标。我们可以直接在搜索栏中输入我们想要的图标类型,选择想要的颜色,大小,格式
-
图片素材网站
-
MaterialDesign风格图标,配色
-
这是一个可以让你在网页上快速切换颜色并预览的工具,帮你调整出喜欢的主色用于 app UI 中。
原型设计软件
倘若我们需要画出简单的原型,那就需要用到原型设计软件了,这里推荐一个很好用的原型设计软件,Adobe Xd
介绍AdobeXd的中文网站
有的时候也需要使用Photoshop来对图片进行一些处理
反编译&&直接解压
通过反编译软件&&直接解压,拿到其他App的一系列图标。之前大二时的期末项目作业我就是通过反编译的Keep软件的图标做了一个运动类App--极限运动
拿到apk文件
通过QQ可以很方便的将需要反编译的App安装包发送到电脑
直接解压
这个方法之前不知道,经过好友hello_xb评论补充加上的,感谢。优先推荐这个方法,下面的反编译当做补充。
apk安装包的本质其实是一个压缩文件,所以其实我们可以直接通过解压把apk安装文件解压拿到资源文件
我们把需要反编译的apk安装文件命名为demo.apk放到zip文件夹。然后复制一个,命名为demo.zip,之后直接解压即可
解压出来的东西就是我们需要的资源文件了。之后我们进入文件夹,把除了res文件下的drawable和mipmap文件夹外其他的都删除掉
反编译资源文件
反编译资源文件需要用到两个文件,apktool..jar&&apktool.ba文件已经上传到仓库的UI文件夹内。
我们把需要反编译的apk安装文件命名为demo.apk,并且把apktool..jar&&apktool.bat和安装文件都放在同一个文件夹下。
Ctrl+R,输入cmd打开cmd窗口,输入cd /d 文件夹的地址,进入文件夹。然后输入apktool d demo.apk,这里的demo.apk就是指你apk安装包的文件名。
1)按下回车键后我们发现已经生成了demo文件夹,该文件夹内的东西就是我们反编译出来的资源文件了。之后我们进入文件夹,把除了res文件下的drawable和mipmap文件夹外其他的都删除掉
合并所有图片
之后把d和m文件夹剪切到demo文件夹,并且创建all.txt文件,all文件夹
打开all.txt,输入以下内容
for /f "delims=" %%p in ('dir /b/ad') do copy %%p*.* C:\Users\Administrator\Desktop\test\demo
pause
其中C:\Users\Administrator\Desktop\test\demo\all是你想把该txt文件所在的文件夹的内容,都合并到哪个文件夹的路径地址
保存txt文件后,将文件命名改变为all.bat(建议另存为,方便一点),注意是要改变后缀的。改变命名后点击该bat文件,弹出cmd窗口后,如果输出正常,则所有文件合并到all文件夹成功
这样我们就拿到了该App的所有图标了
这一小节就到这里了,关于本文所述,如果有不妥之处,请直接指出