#ui-architecture

Articles tagged with #ui-architecture

现代化 UI 架构：三层颜色体系与系统化设计方案
本文是现代化UI 架构系列的第一篇，将深入探讨颜色层的设计。后续文章将依次介绍：第二篇：Drawable 层规范与工程实践第三篇：Style 层如何系统性消除代码冗余第四篇：设计主权回归与团队落地注：本文以 Android 为例进行说明，但核心思想完全适用于 iOS、React、H5、小程序等任何平台。前言在多年的跨平台 App 开发实践中，我发现 UI 资源管理是
May 19, 20268 min read
现代化 UI 架构总结：设计主权回归与团队落地
本文是现代化UI 架构系列的第四篇，也是最后一篇。建议先阅读第一篇：三层颜色体系与系统化设计方案、第二篇：Drawable 层规范与工程实践、第三篇：Style 层如何系统性消除代码冗余了解完整架构体系。一、架构全景：在前面三篇文章中，我们构建了一套完整的 UI 资源架构体系： 1.1 架构的核心价值层级核心价值解决的问题 Style 消除冗余，提升复用重复属
May 19, 20264 min read
现代化 UI 架构：Style 层如何系统性消除代码冗余
本文是 UI 架构系列的第三篇，建议先阅读第一篇：三层颜色体系与系统化设计方案、第二篇：Drawable 层规范与工程实践了解核心设计理念。前言在多年的 Android 开发实践中，我发现一个普遍存在的问题：TextView 的属性定义存在大量重复。打开任何一个中等规模的 Android 项目，你会发现几乎每个布局文件中都有类似这样的代码： <TextView android
May 19, 20266 min read
现代化 UI 架构：Drawable 层规范与工程实践
本文是现代化UI 架构系列的第二篇，建议先阅读第一篇：三层颜色体系与系统化设计方案了解核心设计理念。前言在上一篇文章中，我们建立了一套完整的颜色体系。但颜色只是 UI 的基础，真正让 UI 活起来的是形态和交互。一个按钮不仅需要颜色，还需要：圆角、描边、阴影按下、禁用、选中的状态变化渐变、透明等视觉效果这些都需要通过 Drawable 来实现。贯穿 UI 架构
May 19, 20265 min read