黑猫 ⁽³⁰⁾

开源

组织 子组织 Adobe AWS Amplify Cloudscape Design Pinterest 抖音前端 Arco Design Red Hat PatternFly Elastic Salesforce UX Microsoft IBM Carbon Design System Uber Ant Design…

设计系统

名称及链接 维护者 设计场景 Spectrum Adobe Cloudscape AWS 云 Amplify AWS Amplify Gestalt Pinterest Semi 抖音前端 & MED 中后台 Arco 字节跳动 中后台 Patternfly Red Hat EUI…

Ionic

React

UI 状态 脱围

Next.js

样式

竞品分析：华为应用市场

首页 活动页 推荐 榜单 分类 应用 精选 分类 分类单独页 探索 今日发现 热门专题 匠心奖 开发者说 游戏 专栏 我的

自适应

方式 说明 优点 缺点 定宽 基于屏幕主流尺寸，确定一个安全宽度，并进行整体居中 屏幕尺寸大于安全宽度时，会产生留白；屏幕尺寸小于安全宽度时，将局部显示，并产生横向滚动条。这意味着只有在特定尺寸下，才能有最佳效果 流动 独立站点 可拥有最佳显示效果 需要维护多个单独的代码库和设计 自适应 媒体查询+定宽 响应式 媒体查询+流动 媒体查询 宏布局 微布局 主题 媒体功能 屏幕配置 文本在较大尺寸时，可变为多列，防止文本行过长 无障碍 交互 界面模式

Web

WebAssembly

Cordova

版本：12 https://cordova.apache.org/docs/en/12.x/guide/overview/index.html Node JDK 11 npm install -g cordova 使用 创建项目 cordova create project-name com.example.hello HelloWorld 平台 添加平台 支持平台： cordova platform add android 检查平台前置环境是否满足 cordova…

Framework7

版本：8.3.3 npm install -g framework7-cli 使用 创建项目 framework7 create --ui # 或 framework7 create 参数 --skipUpdate 跳过更新检查 --port portNumber 更改端口 npm install 开发服务器 npm run…

设计界面

Figma 线框 Paper Wireframe Kit Wireframe UI Kit (Figma) - uxchunks 移动 Mobile Wireframe UI Kit

设计系统维护