![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 85
Cedric’s Note
强迫症的树洞
展开
-
Design System & Application - Chapter 6 配色 Color
配色不仅用于体现品牌或产品的特点,也用于表达某种情绪,为用户的使用带来便利,最重要的是,它使我们的界面生动和富有层次感。原创 2022-05-05 16:29:39 · 424 阅读 · 0 评论 -
Design System & Application - Chapter 5 文本布局 Text Layout
文本布局 往往是在 UI 设计中被忽视的一个点,在大多数 UI 界面中,这一部分都显得平平无奇,没有进行任何的优化。我们对文本布局进行了大量的细节处理,这是为了 使我们 UI 的文本部分更具有层次感,从细节上提升文本的阅读效率和体验。它也作为一个重要的优化点,大量出现在我们的设计中。原创 2022-04-25 14:44:34 · 224 阅读 · 0 评论 -
Design System & Application - Chapter 4 分类样式 Type & Style
本篇主要介绍文本部分通过其作用进行通用性分类,并描述通用样式(主要涉及到 字重 的使用,颜色以 中性色 为主),和 UI 组件相关的部分不在此说明。原创 2022-04-25 14:13:13 · 110 阅读 · 0 评论 -
Design System & Application - Chapter 3 字号 Font Size
本篇只针对结构性文字(UI 构成的文字部分 及 段落 等) 进行说明,装饰性文字(Banner 等)及指标板数值等特殊形态的文字部分不需遵循字号设定,但是涉及到结构性的部分,建议遵循网格系统,这样有助于进行响应适配。原创 2022-04-25 10:40:46 · 1080 阅读 · 0 评论 -
Design System & Application - Chapter 2 字体 Typography
字体(Typography)作为 UI 中的一个核心基础元素,往往在设计及还原过程中被忽略。从 UI 角度而言,好的字体及展示方式可以极大的提升信息展示的效果。原创 2022-04-25 10:23:09 · 215 阅读 · 0 评论 -
Design System & Application - Chapter 1 网格系统 Grid System
网格系统(Grid System)是本设计系统的基本规则,它是我用来 解决浏览器适配问题并使界面整体表现的规范的非常有效的方法。另外需要指明,没有完美的方法,这就像前端中没有完美的可以解决所有问题并且都是最优解的框架一样。它仅是我们的一个思路,并围绕它去建立一套可以有效的解决规范及适配问题的 UI 设计系统,并应用到开发中。原创 2022-04-24 15:47:47 · 1516 阅读 · 0 评论