设计导航
和 App 设计、上架有关的 195 个网站，按用途分成 10 类。每个链接都在 2026-10-15 打开核对过，简介是我们自己写的，标了免费还是收费、国内能不能直接访问。
UI 灵感22
Mobbin按 App 和页面类型收集真实 iOS/Android/Web 截图，查某类页面别人怎么做很方便。适合产品和 UI 设计。有免费额度，完整库要订阅。
设计师作品社区，App 界面、图标、插画概念稿很多，偏视觉探索，不一定能落地。浏览免费。
BehanceAdobe 旗下的作品集平台，能看到完整的 App 项目案例，包括流程和规范页。浏览免费。
Pinterest图片收藏平台，适合按关键词攒情绪板。免费，国内需翻墙。
Page Flows录了大量 App 的完整操作流程视频，比如注册、支付、引导页，适合做交互参考。付费订阅。
Collect UI把 Dribbble 上的作品按 UI 类型（登录、设置、卡片等）分好类，找单个界面灵感快。免费。
Lapa Ninja落地页设计合集，给 App 做官网或下载页时可以参考。免费。
Land-book网站和落地页案例库，可按行业和风格筛选。免费浏览。
SaaS Landing Page只收 SaaS 产品落地页，按模块（定价、FAQ、Hero）拆分。免费。
ReferoWeb 和 iOS 界面参考库，按页面类型、组件检索，截图质量高。付费为主。
精选的网站设计案例，动效和排版做得比较出彩的多。免费。
Awwwards网站设计评奖平台，偏创意和动效，App 官网可以参考。浏览免费。
国内设计师社区，App 界面、运营图、插画作品都多，也有不少中文设计教程。免费。
国内 UI 设计师作品平台，移动端界面和图标作品集中。免费浏览。
花瓣网国内的图片收藏平台，适合采集灵感、做情绪板。基础功能免费。
优设网国内设计教程和资讯站，App 设计、规范解读文章多。免费。
Muzli设计灵感聚合，每天汇总各平台的 UI 和品牌作品。免费。
按风格和类型分类的网站设计展示，偏简洁排版。免费。
Designspiration可以按颜色检索的灵感图库，找配色参考时有用。免费。
One Page Love单页网站合集，适合给 App 做一页式官网参考。免费为主。
NicelydoneSaaS 产品的真实界面和流程截图，偏 Web 端。部分免费。
ScreensDesignApp 截图和流程库，带 App Store 截图和引导页参考。部分免费。
样机与截图19
Apple Design ResourcesApple 官方的设备外框、UI Kit 和模板，做截图和样机时最可靠的来源。免费。
Figma CommunityFigma 社区里能搜到大量免费的设备样机和 App Store 截图模板。免费为主。
Mockuuups Studio拖入截图即可生成设备场景样机，带真实场景照片。部分免费。
Shots.so在线把截图放进设备框并加背景，出图快，适合发社交媒体。基础免费。
做 3D 设备样机和简单动画，能导出视频。部分免费。
RotatoMac 上的 3D 设备动画软件，做产品演示视频用。付费。
AppLaunchpad在线 App Store/Google Play 截图生成器，模板多。免费版有水印。
Screenshots.pro商店截图制作工具，支持多语言批量导出。付费。
Placeit样机、视频模板和 Logo 生成平台，样机数量很多。付费订阅为主。
Mockup World免费 PSD 样机下载合集，设备、包装、海报都有。免费。
Ls.Graphics高质量设备和品牌样机，偏写实风格。部分免费。
Artboard Studio在线样机编辑器，可以做静态图和简单动画。部分免费。
Device Shots把截图放进设备框，支持多种手机和电脑型号。免费。
Mockup Phone上传截图自动套设备外框，界面很简单。免费。
给网页截图加浏览器窗口框和背景。免费。
Fastlane snapshot开发向：用 UI 测试自动截取多语言、多机型的 App 截图。开源免费。
Mac 上的图片编辑软件，处理截图和样机足够用。付费买断。
Canva 可画在线设计平台，有不少商店截图和社媒模板，中文版国内可直接用。基础免费。
创客贴国内在线设计平台，模板以营销图为主，也能做 App 推广图。部分免费。
图标22
Iconfont阿里巴巴的矢量图标库，图标量很大，可以建项目统一管理和导出字体。免费，注意单个图标的版权说明。
IconPark字节跳动开源的图标库，支持调整线宽和风格后导出。免费。
SF SymbolsApple 官方系统图标集，iOS App 内的图标优先用它。免费，限 Apple 平台使用。
Google 的系统图标，可调粗细和填充，Android 开发常用。免费，国内可能需翻墙。
Phosphor Icons风格统一的开源图标，有六种粗细。免费。
LucideFeather 的社区延续版，线性图标，前端组件支持好。开源免费。
HeroiconsTailwind 团队出的图标，线性和实心两种。免费。
Tabler Icons五千多个线性图标，可改线宽。开源免费。
Remix Icon中性风格的开源图标，线性和面性成对提供。免费。
Iconify聚合了上百套开源图标库，能统一搜索和导出 SVG。免费。
Icons8图标、插画和照片素材，多种风格。免费需署名，付费去署名。
Flaticon图标数量非常多，风格杂。免费需署名，订阅可商用免署名。
The Noun Project以象形图标为主，覆盖概念很全。免费需署名。
大型商业图标库，风格成体系。部分免费。
Bootstrap IconsBootstrap 官方图标，适合 Web。开源免费。
Font Awesome老牌图标字体，有免费版和 Pro 版。
Feather Icons简洁的线性图标，数量不多但统一。开源免费。
App Icon Generator上传一张图生成 iOS/Android 全套图标尺寸。免费。
Icon Kitchen生成 Android 自适应图标和各平台图标，能实时预览遮罩效果。免费。
macOS Icons社区制作的 macOS 风格 App 图标合集，可以参考图标造型。免费。
iOS Icon Gallery收录了大量 iOS App 图标，可按颜色和类别筛选，做图标前看竞品很方便。免费。
App Icon 设计规范（Apple）Apple HIG 里关于 App 图标的章节，讲尺寸、圆角和分层。免费。
配色19
Coolors按空格键随机生成配色方案，可以锁定某个颜色继续生成。基础免费。
色环取色、从图片提取配色、查看可访问性对比。免费。
Color Hunt社区投稿的四色配色方案合集。免费。
Khroma先选喜欢的颜色，再用算法推荐配色组合。免费。
Realtime Colors把配色直接套到一个示例页面上看效果。免费。
Huemint用机器学习生成品牌、网站、渐变的配色。免费。
Material Theme Builder按 Material 3 规则从一个主色生成完整的亮色暗色色板。免费，国内可能较慢。
Radix Colors为界面设计好的 12 阶色板，考虑了暗色模式和对比度。开源免费。
Tailwind ColorsTailwind 的默认色板，搭 Web 界面时常用。免费。
UI Colors从一个颜色生成 Tailwind 风格的 50–950 色阶。免费。
Contrast Checker（WebAIM）检查文字与背景的对比度是否满足 WCAG。免费。
Coolors Gradient在线调渐变并导出 CSS。免费。
一批调好的双色渐变，可复制 CSS。免费。
Grabient渐变色合集，可调角度后导出。免费。
按传统色名整理的中国色彩，带 RGB/CMYK 值。免费。
Nippon Colors日本传统色名录，配色偏柔和。免费。
用模型生成配色，也能把配色预览到界面模板上。免费。
Paletton经典色环配色工具，能模拟色盲效果。免费。
Happy Hues每套配色都直接展示在页面里，看得出实际用法。免费。
字体16
开源字体库，可免费商用，Web 引用方便。国内需翻墙或用镜像。
Apple Fonts下载 SF Pro、SF Compact、New York 等 Apple 系统字体，做 iOS 设计稿必备。免费，限 Apple 平台设计用途。
HarmonyOS Sans华为设计资源页，可下载 HarmonyOS Sans 字体和鸿蒙设计素材。免费。
思源黑体（GitHub）Adobe 与 Google 合作的开源中日韩黑体，可免费商用。
小米的系统字体，可免费商用（需遵守授权说明）。
阿里巴巴普惠体阿里出的免费商用中文字体，字重齐全。免费。
字由国内字体管理和下载工具，能区分免费商用字体。基础免费。
猫啃网整理国内可免费商用的中文字体，并注明授权来源。免费。
字体天下中文字体下载站，授权情况需逐个核实。免费下载，商用需谨慎。
FontshareIndian Type Foundry 提供的免费商用英文字体。免费。
Font Squirrel只收可商用的免费英文字体，还提供 Webfont 生成器。免费。
Typewolf字体搭配和真实网站用例，选英文字体时参考。部分免费。
Fontjoy自动生成英文字体搭配组合。免费。
WhatTheFont上传图片识别英文字体。免费。
求字体上传图片识别中文字体。基础免费。
Type Scale按比例生成字号层级，直接导出 CSS。免费。
图库与插画17
Unsplash高质量免费摄影图，可商用无需署名。免费。
免费图片和视频素材，可商用。免费。
照片、插画、矢量和视频都有，可商用。免费。
Undraw扁平风插画，可以先改主题色再下载 SVG。免费可商用。
StorysetFreepik 出的可编辑插画，能加简单动画。免费需署名。
Blush可组合的插画系统，换人物和配色。部分免费。
Open Peeps手绘人物插画组件库。免费可商用。
Humaaans可混搭的人物插画。免费可商用。
IRA Design渐变风格插画组件。免费。
Freepik矢量、照片、PSD 素材量大。免费需署名，订阅可免署名。
LottiefilesLottie 动画素材与预览工具，App 内动效常用。部分免费。
3D Icons（3dicons.co）一套开源 3D 图标，多角度多材质。免费可商用。
Spline浏览器里做 3D 场景和交互，可导出给 Web/App。基础免费。
Haikei生成波浪、斑点、网格等 SVG 背景。免费。
可平铺的 SVG 背景图案。免费。
包图网国内商业素材站，营销图和插画多。付费为主。
千库网国内 PNG 免抠素材和背景图站。付费为主。
设计规范22
Apple Human Interface GuidelinesApple 官方设计规范，iOS、iPadOS、macOS、watchOS 都在里面。免费，有中文版。
Apple HIG 中文HIG 的简体中文版本，更新可能比英文版慢。免费。
Material Design 3Google 的 Material 3 规范，Android 界面设计的基础。免费，国内需翻墙。
Android 开发者 - 设计Android 官方设计与质量指南，含大屏、可穿戴适配。免费，国内可访问 developer.android.google.cn。
Android 开发者（国内）Android 设计文档的国内镜像。免费。
HarmonyOS 设计鸿蒙设计规范与资源入口，包括设计指南、图标规范、字体下载。免费。
微软的设计系统，Windows 和 Office 系产品的规范。免费。
Ant Design蚂蚁的企业级设计体系，后台和中后台界面常用。开源免费。
Ant Design MobileAnt Design 的移动端组件和规范。开源免费。
TDesign腾讯的设计体系，覆盖桌面、移动和小程序。开源免费。
Arco Design字节跳动的设计系统，带主题配置平台。开源免费。
Semi Design抖音前端团队的设计系统，支持设计稿转代码。开源免费。
WeUI微信官方的移动端基础样式库，做小程序和 H5 时参考。免费。
微信小程序设计指南微信官方的小程序设计规范。免费。
Vant有赞的移动端 Vue 组件库，电商类 App/H5 常用。开源免费。
Carbon Design SystemIBM 的设计系统，文档写得很完整。开源免费。
Atlassian DesignAtlassian 的设计系统，适合参考组件写法和文档结构。免费。
Shopify PolarisShopify 的设计系统，内容规范写得细。免费。
Design Systems Gallery收集各公司设计系统的目录。免费。
App Store 审核指南Apple 官方 App 审核指南中文版，上架前对照。免费。
Google Play 开发者政策Google Play 的内容政策中心。免费，国内需翻墙。
华为应用审核指南华为应用市场的审核规范入口。免费。
ASO 与数据19
国内常用的 ASO 平台，可查 App Store 和安卓市场的排名、关键词覆盖、搜索指数。基础免费，深度数据付费。
点点数据应用和游戏数据平台，覆盖海外市场较多。部分免费。
AppGrowing移动广告情报平台，查竞品投放素材。付费为主。
Sensor Tower海外应用市场数据，下载量、收入估算和广告情报。付费，部分页面可免费看。
AppTweak海外 ASO 工具，关键词、竞品和截图分析。付费，有试用。
AppFollow评论管理和 ASO 监控，多商店统一回复评论。付费，有试用。
MobileActionASO 与 Apple 搜索广告情报工具。付费为主。
Appfigures开发者常用的销售、排名和 ASO 统计工具。部分免费。
AppMagic下载量与收入估算平台，游戏数据较全。部分免费。
Apple Search AdsApple 官方搜索广告后台，也能看关键词热度。按投放付费。
App Store 搜索指南Apple 官方关于 App Store 搜索和关键词的说明，ASO 的规则底线以这里为准。免费。
Google Play Console 帮助（商店素材）Google 官方的商店素材要求，截图、置顶大图、简短说明都在这里。免费，国内需翻墙。
AppAgent海外 App 增长咨询公司，博客里有不少 ASO 和商店页测试案例。免费阅读。
SplitMetrics商店页 A/B 测试工具，博客也有 ASO 研究。付费。
商店页转化优化与测试平台。付费。
Similarweb网站和 App 流量估算。部分免费。
友盟+国内 App 统计和推送服务，看新增、留存、渠道数据。基础免费。
FirebaseGoogle 的 App 开发平台，含统计、崩溃收集、A/B 测试。免费额度够用，国内需翻墙。
神策数据国内用户行为分析平台，偏企业级。付费。
商店后台17
App Store ConnectApple 的 App 上架和管理后台，提交版本、填元数据、看销售和分析。需开发者账号。
Apple DeveloperApple 开发者网站，账号注册、证书、文档入口。账号年费 99 美元。
App Store Connect 帮助App Store Connect 的官方使用手册，元数据字段说明、截图规格都在这里。免费。
Google Play ConsoleGoogle Play 的上架后台。注册一次性 25 美元，国内需翻墙。
华为 AppGallery Connect华为应用市场与鸿蒙应用的上架后台。注册免费，需实名认证。
华为开发者联盟华为开发者主页，文档、账号认证、鸿蒙开发资源入口。免费。
小米应用商店的开发者后台和文档。注册免费。
OPPO 开放平台OPPO 软件商店的上架后台和文档。注册免费。
vivo 开放平台vivo 应用商店的开发者平台。注册免费。
荣耀开发者服务平台荣耀应用市场的上架后台和开发文档。注册免费。
腾讯开放平台（应用宝）应用宝等腾讯渠道的开发者入口。注册免费。
魅族开放平台魅族应用商店开发者平台。注册免费。
Galaxy Store 卖家后台。注册免费。
工信部 ICP/IP 地址/域名信息备案管理系统，App 备案和查询入口。免费。
TestFlightApple 官方的内测分发说明，上架前找用户试用。免费。
蒲公英国内的 App 内测分发平台，安卓和 iOS 都支持。基础免费。
fir.im（Betaqr）App 内测分发平台。基础免费。
AI 设计工具22
Figma主流的协作界面设计工具，已加入 AI 生成和改写功能。基础免费。
即时设计国内的在线协作设计工具，兼容 Figma/Sketch 文件，带 AI 功能。基础免费。
MasterGo国内在线协作设计工具，团队协作和设计系统支持较好。基础免费。
Pixso国内在线 UI 设计协作工具，含 AI 生成功能。基础免费。
Motiff带 AI 的界面设计工具，可以 AI 生成界面和整理图层。基础免费。
Uizard用文字或草图生成 App 原型。免费版有限制。
Galileo AI（Stitch）Google 收购 Galileo 后推出的 Stitch，用文字描述生成 App 界面。免费试用，国内需翻墙。
v0Vercel 的 AI 界面生成工具，输出 React 代码。有免费额度。
AI 生成图像，常用来做概念图、插画和图标草稿。付费订阅，国内需翻墙。
RecraftAI 生成矢量图、图标和插画，可以统一风格。有免费额度。
Krea实时 AI 图像生成与放大。有免费额度。
Adobe FireflyAdobe 的生成式 AI，生成图片和文字效果，商用授权相对清楚。有免费额度。
PhotoroomAI 抠图和换背景，处理产品图快。基础免费。
remove.bg一键抠图去背景。免费预览，高清需付费。
Clipdrop抠图、去物体、放大、补光等 AI 图片工具集。部分免费。
Upscayl开源的本地 AI 图片放大软件。免费。
Relume用 AI 生成网站站点地图和线框图。部分免费。
Framer做网站的设计工具，可以 AI 生成页面并直接发布，适合 App 官网。基础免费。
LiblibAI国内的 AI 绘图模型社区和在线生图平台。基础免费。
即梦 AI字节跳动的 AI 图片和视频生成工具，中文提示词友好。有免费额度。
稿定设计国内在线设计平台，有 AI 抠图、AI 生图和大量模板。基础免费。
Zawa AI（原 X-Design）X-Design，现已更名 Zawa AI，做品牌素材、商品图和 AI 抠图。部分免费。