前端开发四项基本原则

用户体验

1. 感官体验 呈现给用户视觉上的效果，强调舒适性，一般体现在色彩，布局，文字内容等展示效果。

2. 交互体验 界面给用户使用过程的体验，强调互动、交互特性。一般体现在浏览、点击、页面跳转、加载、输入输出等过程中。

3. 情感用户体验 给用户心理上的体验，强调心理认可度。让用户通过站点能认同、抒发自己的内在情感，那说明用户体验效果较深。

四大基本原则

亲密性、对齐、重复、对比。对应于用户体验中的感官体验。

作用：有些需求可能没有UI同事的支持，在产品给了大概需求图的情况下。前端能够开发出一个较好用户体验的页面。

亲密性

如果多个项之间存在比较强的关联关系，那么这些项应该放在一起，形成一个整体的视觉单元，而不是多个散乱的元素。这有助于用户组织信息，提供清晰的页面结构。这样的页面会显得更具有组织性。

对齐

任何东西都不应该在页面随处安放，每个元素应当与页面另一个元素形成一种视觉联系。对齐的根本是使页面统一有条理。人的视觉系统对于有序的事物舒适度较高。常用对齐方式有三种，左对齐，居中对齐和右对齐。原则上一个页面只能使用一种对齐方式。

重复

一些具有相同特征的元素应该具有相同的元素样式，比如标题1和标题2的字体颜色，大小，间距，宽度，高度等。这样以来能显得页面更具有组织性，统一性。

对比

页面上不同类型的元素，应该有不同的呈现效果。比如标题和内容字体颜色大小进行区分，提交按钮和其他操作按钮进行颜色区分。对比的目的主要用于增强页面效果，有助于用户获取重点信息。