App UI 素材都包含什么
做移动端产品，一套完整的 App UI 素材通常不只是几张界面图，而是能直接拼出可点击原型的完整套件：
- 界面稿：启动页、登录注册、首页、列表页、详情页、个人中心等主流程页面。
- 组件库：按钮、输入框、下拉选择、标签、徽标、开关、进度条、Toast 提示等基础控件。
- 导航结构：底部 Tab 栏、顶部导航栏、分段控件、侧边抽屉。
- 内容模块：商品卡片、资讯列表、评论区、表单、日历、图表。
- 配套资源：图标集、插画、头像占位图、样机贴图。
判断一套素材能不能用，关键看它是不是组件化的——组件化的套件改一处就能全局生效，比一堆散图效率高得多。
常见文件格式与适用软件
下载前先确认格式和你手上的软件是否对得上，可以省掉大量返工。
- Sketch（.sketch）：macOS 上最主流的移动端设计格式，组件与 Symbol 体系成熟。
- Figma（.fig / 社区文件）：跨平台、可多人协作，现在很多新素材直接以 Figma 为主。
- Adobe XD（.xd）：原型与设计一体，Windows 用户较多。
- Photoshop（.psd）：偏视觉稿和拟物风格，图层组多、体积偏大。
- Illustrator（.ai） / SVG：图标、插画、矢量元素的主力格式。
- After Effects（.ae）：动效与交互演示。
旧版本软件打不开新版本文件是常见问题（Adobe XD、Sketch 尤其明显），遇到打不开请先升级软件版本，详见《设计软件的文件兼容》。
在豆皮儿UI下载 App UI 素材
挑素材的五个实用标准
- 看分辨率与栅格：是否按 375 / 750 / 1080 等主流宽度切好，是否用了 8pt 栅格，直接决定改稿难度。
- 看图层命名：图层、组件、样式命名是否可读。命名混乱的素材，改起来比自己重画还慢。
- 看是否含组件变体：按钮的常态/悬停/禁用、输入框的正常/错误/聚焦，有没有做成变体。
- 看风格是否成套：一套素材内的圆角、阴影、间距、配色是否统一，混搭多套素材很容易显廉价。
- 看授权说明：能不能商用、能不能二次分发，以详情页和版权信息声明为准。
从下载到出稿的推荐流程
- 先用成套素材确定整体视觉基调（配色、圆角、字阶）。
- 再按页面类型挑具体页面稿（首页、列表、详情、个人中心）。
- 补齐组件与图标，统一替换成自己的品牌色与字体。
- 最后用样机贴图出展示图，直接用于汇报或提案。
常见问题
问：下载的 App UI 素材可以商用吗？
本站素材默认仅限个人交流学习使用，商用需以详情页标注与版权信息声明为准。部分素材已标注可商用，请注意区分。
问：免费用户能下载多少？
免费账号每天可下载有限数量素材，超出后需开通 VIP 会员；VIP 素材仅限会员下载。具体规则见会员权益页与帮助中心。
问：素材里的字体和图片能一起用吗？
素材文件里的字体、图片往往是演示用，版权归属第三方，正式项目请替换为你有权使用的字体与图片。
延伸阅读
素材分类
