!254 add UKUI4 design document

Merge pull request !254 from MouseZhang/master

社区产品/UKUI/UKUI4设计理念.md

@@ -0,0 +1,65 @@
+# UKUI 4 设计理念
+
+## 引言
+
+**背景：** 随着互联网的成熟以及用户对便携式产品的追求，时代语境和流行文化发生了变化。轻量化设计已经成为产品设计中不可避免的话题。
+
+**场景：** 接上键盘，让用户应对工作、学习中的种种问题；拆掉键盘，流畅运行 Android app，阅读、娱乐、游戏视频都不在话下。
+
+## 设计理念
+
+### 轻量化之路——视觉聚焦、交互轻松。
+
+从视觉，体验进行全方位、多维度的轻量化升级，打造轻量化感知。用户对产品的需求是多维度的。不仅对产品的“颜值”有高要求，更追求携带时的便捷和使用时的流畅度，在办公和娱乐时愿意与产品进行沉浸的情感互动。
+
+## 视觉优化
+
+### 视觉聚焦，从壁纸、图标、控件三个维度进行优化。
+
+**壁纸：** 舒适、生动
+
+* 壁纸更新：传递UKUI 4设计理念；
+* 实现动态壁纸，增加桌面生动感和趣味性；
+
+![壁纸](./assets/%E5%A3%81%E7%BA%B8.png)
+
+**图标：** 圆润、包容
+
+* 调整线性图标尺寸，线条末端采用圆角，使结构亲和，符合年轻用户的审美；
+* 在部分场景界面，系统图标采用粗&细，深&浅相结合的设计风格，打破界面的枯燥感，丰富视觉层次感；
+
+![图标](./assets/%E5%9B%BE%E6%A0%87.png)
+
+**控件：** 轻盈、智能
+
+* 加大圆角弧度，增加间距、留白，打造控件呼吸感，突出重点信息，让内容更易读；
+* 统一两个模式的控件高度，规范一致性；
+* 支持多语言，遵循无障碍设计规则（WCAG）；
+* Token绑定，帮助组件做到统一的迭代和调配。
+
+![控件](./assets/%E6%8E%A7%E4%BB%B6.png)
+
+## 体验升级
+
+### 体验轻松，通过优化现有体验，补齐短缺，打造产品特色功能，对重要模块进行体验升级。
+
+**功能轻量：**
+
+* 弱化不常用功能入口，使整个界面干净轻盈，降噪去扰；
+
+![功能轻量](./assets/%E5%8A%9F%E8%83%BD%E8%BD%BB%E9%87%8F.png)
+
+
+**交互扩容：**
+
+* 支持键鼠、手势、语音操作交互方式；
+* 电脑模式和平板模式体验统一；
+
+![交互扩容](./assets/%E4%BA%A4%E4%BA%92%E6%89%A9%E5%AE%B9.png)
+
+**多端适配：**
+
+* 适配电脑、平板、大屏，以及横竖屏；
+* 窗口自适应，界面结构栅格化处理，让产品结构保持统一的秩序。
+
+![多端适配](./assets/%E5%A4%9A%E7%AB%AF%E9%80%82%E9%85%8D.png)