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

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

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

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

素材网站
  • 阿里巴巴矢量库

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

img_e42570b1ae92267f201dddb989542af0.gif
GIF4.gif
  • unsplash

    图片素材网站

  • MaterialDesignPelette

    MaterialDesign风格图标,配色

  • Colorless.app

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

img_1de4de3796eb4cd00f72e15b1fcc8f24.png
预览App颜色.png
原型设计软件

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

img_4889fd4d01d83f0379885bd8d16b3d0f.png
Adobe xd

介绍AdobeXd的中文网站

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

反编译&&直接解压

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

拿到apk文件

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

img_df170691f9a17ea6ab59e759576ae99e.png
App.png

直接解压

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

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

img_a4d2d5c1cef55077e115b71350e94f81.png
解压.png

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

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

反编译资源文件

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

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

img_7cc3ce5158570961ee8833b4923c915a.png
ApkTool.png

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

img_aa0a7278c37d8f8dcd1c49318f6a7b1f.png
cmd.png

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

合并所有图片

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

img_e62608a8c9603348f64ca0b35c0f31ab.png
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文件夹成功

img_3996b0182eafe7d5de0cc6b2f93a9179.gif
GIF.gif

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

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

目录
相关文章
|
11天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
1月前
|
开发框架 JavaScript 前端开发
鸿蒙NEXT开发声明式UI是咋回事?
【10月更文挑战第15天】鸿蒙NEXT的声明式UI基于ArkTS,提供高效简洁的开发体验。ArkTS扩展了TypeScript,支持声明式UI描述、自定义组件及状态管理。ArkUI框架则提供了丰富的组件、布局计算和动画能力。开发者仅需关注数据变化,UI将自动更新,简化了开发流程。此外,其前后端分层设计与编译时优化确保了高性能运行,利于生态发展。通过组件创建、状态管理和渲染控制等方式,开发者能快速构建高质量的鸿蒙应用。
119 3
|
28天前
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发:掌握ArkUI(包括Java UI和JS UI)进行界面开发
【10月更文挑战第22天】随着科技发展,操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI,探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发,性能较高;JS UI适合快速开发简单界面,跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
87 8
|
1月前
|
JavaScript API 开发者
掌握ArkTS,打造HarmonyOS应用新视界:从“Hello World”到状态管理,揭秘鸿蒙UI开发的高效秘诀
【10月更文挑战第19天】ArkTS(ArkUI TypeScript)是华为鸿蒙系统中用于开发用户界面的声明式编程语言,结合了TypeScript和HarmonyOS的UI框架。本文介绍ArkTS的基本语法,包括组件结构、模板和脚本部分,并通过“Hello World”和计数器示例展示其使用方法。
61 1
|
1月前
|
缓存 测试技术 C#
使用Radzen Blazor组件库开发的基于ABP框架炫酷UI主题
【10月更文挑战第20天】本文介绍了使用 Radzen Blazor 组件库开发基于 ABP 框架的炫酷 UI 主题的步骤。从准备工作、引入组件库、设计主题、集成到 ABP 框架,再到优化和调试,详细讲解了每个环节的关键点和注意事项。通过这些步骤,你可以打造出高性能、高颜值的应用程序界面。
|
2月前
|
前端开发 开发者 UED
前端只是切图仔?来学学给开发人看的UI设计
该文章针对前端开发者介绍了UI设计的基本原则与实践技巧,覆盖了布局、色彩理论、字体选择等方面的知识,并提供了设计工具和资源推荐,帮助开发者提升产品的视觉与交互体验。
|
1月前
|
JavaScript 索引
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
119 0
|
2月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
69 1
|
3月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图:打造个性化UI组件Java中的异常处理:从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中,一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例,展示如何从零开始创建一个具有独特风格和功能的安卓UI组件,并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗?让我们开始吧!
|
3月前
|
编解码 Android开发
【Android Studio】使用UI工具绘制,ConstraintLayout 限制性布局,快速上手
本文介绍了Android Studio中使用ConstraintLayout布局的方法,通过创建布局文件、设置控件约束等步骤,快速上手UI设计,并提供了一个TV Launcher界面布局的绘制示例。
59 1
下一篇
无影云桌面