返回

更新|B端系统设计规范

#B端UI设计
100%
进度
0/0
知识点
0
笔记
概览
B端设计规范基本认识
B端系统的设计规范是什么
设计规范的主要内容说明
设计规范的创建流程分享
设计规范的创建工具和载体
样式规范的整理说明
色彩规范的定义
字体规范的定义
图标规范的定义
描边规范的定义
圆角规范的定义
投影规范的定义
首页知识库B端UI设计更新|B端系统设计规范

投影规范的定义

酸梅干超人 编辑于 2025-04-221人正在学
00

投影规范,是定义项目中使用的投影类型和具体参数。

在完整的B端项目中往往会使用多个投影规格,来增加画面的层次感,凸显特定的元素。而多数开源框架提供了一套“拟真”的投影制定规则,通过引入Z轴和光源等常量的计算来实现最终的投影。

这种投影还有个特点就是它是由多层投影叠加而成的,用于模拟真实世界的投影显示特征。比如Ant的投影就叠加了三层,每层会有不同的色值、X值、Y值、模糊都、扩展值。

如果项目使用了这些框架,那么投影可以直接从框架内预设好的阴影类型中选择,如果要自定义,那么不太需要照搬这种拟真的模式,因为实际预览效果上的提升微乎其微。

相对简单又有效的投影应用规则,就是根据元素大小设置不同等级,元素越大则等级越高投影越大模糊都越高,反之则越小模糊都越低,而它们都仅使用一层投影即可。

合理投影应用数量不应该超过5个,也不应该使用彩色的投影类型,越复杂的投影会让项目的设计效率越低,也会导致页面的实际观感更差。

点赞
收藏
学会
175001
笔记 (1)
只看自己
logo
UX小学生 记录于 3天前
投影规范
原文: 根据元素大小设置不同等级,元素越大则等级越高投影越大模糊都越高,反之则越小模糊都越低,而它们都仅使用一层投影即可
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞