本文详述UI设计规范，从颜色心理学、字体选择到字号、行高、字重的设定，强调网格系统的重要性，并提供Airbnb等案例分析，帮助设计师打造一致且高效的界面。
01 如何去做？
根据原子定律（不懂原子定律同学可以搜索原子设计方法）我们从页面中最细小的元素入手，也可以理解为页面中无法再拆分的元素开始，它是组成界面最基础的元素，从最基础的元素，开始做统一性，本次我将从颜色，字体，网格说起。
02 颜色
从颜色开始，需要根据整个页面中场景进行颜色定义，同样色彩也需要根据我们定义的关键词去推导，在定义颜色过程中，可以参加色彩心理学原理，以及竞品分析：
- 高品质：深色配色，黑白，中性的配色
- 全球化：深邃紫色，科技蓝，自然绿
- 年轻化：渐变色，马卡龙撞色
在定义了上述大的色彩原理下，需要对界面中使用场景进行梳理得出下列大概色彩类型：
当然也可以定义一些界面中常用渐变色板，现在很多网站也有很多很好看的渐变可以去尝试。
也可以定义一些图片上放文字效果，叠加什么颜色，颜色的模式是什么样的，透明度是多大，这些都可以帮助我们定义好一套色彩体系。
当然还有一些很不错的色板，如果你不知道怎么配色，也不知道当下流行色是怎么样，也可以从这些色板里面选择一个配色，挑选一些符合你们产品的配色。
https://www.materialui.co/
最低0.47元/天 解锁文章
1783
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
