前端学习（三）UI设计

UI设计

简单的创作工具 点击跳转

功能优先始终贯穿设计开发流程中

设计原则

• 层级原则

• 要让用户容易抓到重点
• 在重点里 用户能自在的进入沉浸式阅读、使用的状态
• 当用户想探索其他内容时，能轻松的识别网站的次要板块还有哪些，焦点能迅速转移并迅速沉浸
• 辅助提示信息，精确又不会打扰各主要板块的呈现

• 一致性原则

用户在站点的各个角落 观察到颜色、间距、阴影位置都在一套有限的框架里。

布局

• 内容居中放 一般600~800px
• 多列布局核心是保持内容的一个合适宽度，维持可读性

深度

阴影选项

• 小的阴影可以使元素略微突出，不至于强夺眼球
• 中等阴影适用于小型弹出的模块 如下拉框
• 最深的阴影用于彻底将模块与页面区分开来的场景

间距、字号、色彩