24 Star 58 Fork 133

openKylin/docs

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
UKUI4设计理念.md 2.41 KB
Copy Edit Raw Blame History
delong authored 2024-05-08 11:15 . 目录结构调整

UKUI 4 设计理念

引言

背景: 随着互联网的成熟以及用户对便携式产品的追求,时代语境和流行文化发生了变化。轻量化设计已经成为产品设计中不可避免的话题。

场景: 接上键盘,让用户应对工作、学习中的种种问题;拆掉键盘,流畅运行 Android app,阅读、娱乐、游戏视频都不在话下。

设计理念

轻量化之路——视觉聚焦、交互轻松。

从视觉,体验进行全方位、多维度的轻量化升级,打造轻量化感知。用户对产品的需求是多维度的。不仅对产品的“颜值”有高要求,更追求携带时的便捷和使用时的流畅度,在办公和娱乐时愿意与产品进行沉浸的情感互动。

视觉优化

视觉聚焦,从壁纸、图标、控件三个维度进行优化。

壁纸: 舒适、生动

  • 壁纸更新:传递UKUI 4设计理念;
  • 实现动态壁纸,增加桌面生动感和趣味性;

壁纸

图标: 圆润、包容

  • 调整线性图标尺寸,线条末端采用圆角,使结构亲和,符合年轻用户的审美;
  • 在部分场景界面,系统图标采用粗&细,深&浅相结合的设计风格,打破界面的枯燥感,丰富视觉层次感;

图标

控件: 轻盈、智能

  • 加大圆角弧度,增加间距、留白,打造控件呼吸感,突出重点信息,让内容更易读;
  • 统一两个模式的控件高度,规范一致性;
  • 支持多语言,遵循无障碍设计规则(WCAG);
  • Token绑定,帮助组件做到统一的迭代和调配。

控件

体验升级

体验轻松,通过优化现有体验,补齐短缺,打造产品特色功能,对重要模块进行体验升级。

功能轻量:

  • 弱化不常用功能入口,使整个界面干净轻盈,降噪去扰;

功能轻量

交互扩容:

  • 支持键鼠、手势、语音操作交互方式;
  • 电脑模式和平板模式体验统一;

交互扩容

多端适配:

  • 适配电脑、平板、大屏,以及横竖屏;
  • 窗口自适应,界面结构栅格化处理,让产品结构保持统一的秩序。

多端适配

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/openkylin/docs.git
git@gitee.com:openkylin/docs.git
openkylin
docs
docs
master

Search