如何解决开发过程中缺乏UI素材的问题

原则上来说，我们应该尽量把时间花在自己的专业开发上。但偶尔我们还是不得不面临需要UI素材问题，比如应付学校的项目作业，自己的个人开源项目，这些都是不太可能有UI设计师帮你完成的。

素材网站

• 阿里巴巴矢量库

  这是个图标网站，下面是成套的软件图标。我们可以直接在搜索栏中输入我们想要的图标类型，选择想要的颜色，大小，格式

GIF4.gif

• unsplash

  图片素材网站

• MaterialDesignPelette

  MaterialDesign风格图标，配色

• Colorless.app

  这是一个可以让你在网页上快速切换颜色并预览的工具，帮你调整出喜欢的主色用于 app UI 中。

预览App颜色.png

• 其他

  其他的，还有像摄图网，千库网，千图网，不过这些都是要收费的。另外如果是参考创意的话可以去站酷，UI中国看看，

  ​

原型设计软件

倘若我们需要画出简单的原型，那就需要用到原型设计软件了，这里推荐一个很好用的原型设计软件，Adobe Xd

Adobe xd

介绍AdobeXd的中文网站

有的时候也需要使用Photoshop来对图片进行一些处理

反编译&&直接解压

通过反编译软件&&直接解压，拿到其他App的一系列图标。之前大二时的期末项目作业我就是通过反编译的Keep软件的图标做了一个运动类App--极限运动

拿到apk文件

通过QQ可以很方便的将需要反编译的App安装包发送到电脑

App.png

直接解压

这个方法之前不知道，经过好友hello_xb评论补充加上的，感谢。优先推荐这个方法，下面的反编译当做补充。

apk安装包的本质其实是一个压缩文件，所以其实我们可以直接通过解压把apk安装文件解压拿到资源文件

解压.png

我们把需要反编译的apk安装文件命名为demo.apk放到zip文件夹。然后复制一个，命名为demo.zip，之后直接解压即可

解压出来的东西就是我们需要的资源文件了。之后我们进入文件夹，把除了res文件下的drawable和mipmap文件夹外其他的都删除掉

反编译资源文件

反编译资源文件需要用到两个文件，apktool..jar&&apktool.ba文件已经上传到仓库的UI文件夹内。

我们把需要反编译的apk安装文件命名为demo.apk，并且把apktool..jar&&apktool.bat和安装文件都放在同一个文件夹下。

ApkTool.png

Ctrl+R，输入cmd打开cmd窗口，输入cd /d 文件夹的地址，进入文件夹。然后输入apktool d demo.apk，这里的demo.apk就是指你apk安装包的文件名。

cmd.png

1）按下回车键后我们发现已经生成了demo文件夹，该文件夹内的东西就是我们反编译出来的资源文件了。之后我们进入文件夹，把除了res文件下的drawable和mipmap文件夹外其他的都删除掉

合并所有图片

之后把d和m文件夹剪切到demo文件夹，并且创建all.txt文件，all文件夹

all文件夹.png

打开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文件夹成功

GIF.gif

这样我们就拿到了该App的所有图标了

这一小节就到这里了，关于本文所述，如果有不妥之处，请直接指出