![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI
文章平均质量分 85
Cedric’s Note
强迫症的树洞
展开
-
Design System & Application - Chapter 6 配色 Color
配色不仅用于体现品牌或产品的特点,也用于表达某种情绪,为用户的使用带来便利,最重要的是,它使我们的界面生动和富有层次感。原创 2022-05-05 16:29:39 · 432 阅读 · 0 评论 -
Design System & Application - Chapter 5 文本布局 Text Layout
文本布局 往往是在 UI 设计中被忽视的一个点,在大多数 UI 界面中,这一部分都显得平平无奇,没有进行任何的优化。我们对文本布局进行了大量的细节处理,这是为了 使我们 UI 的文本部分更具有层次感,从细节上提升文本的阅读效率和体验。它也作为一个重要的优化点,大量出现在我们的设计中。原创 2022-04-25 14:44:34 · 228 阅读 · 0 评论 -
Design System & Application - Chapter 4 分类样式 Type & Style
本篇主要介绍文本部分通过其作用进行通用性分类,并描述通用样式(主要涉及到 字重 的使用,颜色以 中性色 为主),和 UI 组件相关的部分不在此说明。原创 2022-04-25 14:13:13 · 113 阅读 · 0 评论 -
Design System & Application - Chapter 3 字号 Font Size
本篇只针对结构性文字(UI 构成的文字部分 及 段落 等) 进行说明,装饰性文字(Banner 等)及指标板数值等特殊形态的文字部分不需遵循字号设定,但是涉及到结构性的部分,建议遵循网格系统,这样有助于进行响应适配。原创 2022-04-25 10:40:46 · 1082 阅读 · 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 · 1524 阅读 · 0 评论 -
常用色彩模式及基础概念整理
这篇将UI设计时的颜色模式,混合页面开发时的颜色设置,混在一起,整理了一下常用到的几种模式及其基础概念,其中标有图标的,为 CSS 中可以直接使用的颜色模式。RGB 光色模式由 红(R | Red)、绿(G | Green)、蓝(B | Blue)三种颜色通道的变化以及它们相互之间的叠加来得到其他颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的色彩模式之一。此模...原创 2019-08-08 15:53:14 · 1263 阅读 · 0 评论