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

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

原则上来说，应该把时间花在专业开发上，但偶而还是会面临需要UI设计原型的的问题，比如遇到需要屏幕适配的练习项目，自己的个人开源项目等等。

这是我参考着别人的App，再用原型工具Adobe xd（先别急着下载）做出来的一个原型设计稿，在看完本篇文章后，相信你也可以做出你想要的UI原型，传送门，但作为开发来说，这只是为了找素材而已

一，素材网站

1.1 阿里巴巴矢量库

阿里巴巴矢量库，图标网站，首页下面是成套的软件图标。也可以直接在搜索栏中输入我们想要的图标，选中图标后再选择想要的图标颜色，大小，格式。

GIF4.gif

2）UI设计狮

UI设计资源大全，传送门

3）unsplash

图片素材网站，传送门

4）MaterialDesignPelett

MaterialDesign风格的图标，配色推荐，传送门

5）其他

千库网，千图网，不过这些两个都是要收费的，淘宝有盗版服务...。另外如果是参考创意的话可以去站酷，UI中国看看，

二，原型设计软件

倘若是复杂的应用，那就需要用到原型设计软件了，但只是原型工具还是不够的，我们需要一个提供标注的插件，比如蓝湖

设计过程中有时候图片用原型工具处理起来并不方便，就需要使用图像处理软件Photoshop来对图片进行一些处理。

1）mac系统

mac系统可以选择sketch，或者AdobeXD，有个Sketch的推荐教程。

假如你是win系统，又想使用sketch，那么可以查看我的另一篇文章，黑苹果系统MacOS的安装。

2）win系统

win平台的原型设计工具有AdobeXD，墨刀，Axure，但强烈建议使用AdobeXd，其他根本不是一个级别的东西。之前它在win平台存在闪退的情况，这是一个有限的解决方案，如果你闪退了可以尝试该方案

Adobe中文网

Adobe xd

三，小技巧-无中生有

这个手段仅限于开源应用，非商业应用，就是通过解压App安装包，拿到其他App的一系列图标

1)拿到apk文件

通过QQ可以很方便的将要解压的App安装包发送到电脑

App.png

2)解压安装包

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

解压.png

我们把需要用到的apk安装文件重命名为test.zip，注意修改文件夹后缀，之后直接解压即可

解压出来的东西还不全是我们要的，我们进入文件夹，把除了res文件下的drawable和mipmap文件夹外其他的都删除掉，剩下的所有图标就都在d,m文件夹(简称)内了

3)合并所有图片

但是这样文件夹太多，不方便使用，所以我们要把图标都放在一起。

我们在文件夹内创建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，这个路径的意思是你想把当前文件夹下的所有内容，都合并到C:\Users\Administrator\D...这个文件夹。

保存txt文件后，将文件命名为all.bat(建议另存为)，注意是要改变后缀的。改变命名后点击该bat文件，弹出cmd窗口后，如果输出正常，则所有文件合并到all文件夹成功

但是这里出现一个问题，我发现以上批处理命令如果在上直接复制粘贴到记事本是不行的，原因尚不知，但是命令本身是没错的，所以如果想复制以上命令的话请移步这个[文档](https://shimo.im/docs/fIOY5TJwyiQgLoSE/ 《博客资料文件》，可复制链接后用石墨文档 App 打开)

GIF.gif

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

以上是我的本篇文章分享的所有内容，如果文章对你有所帮助，希望能给我个喜欢，谢谢