Zoom 主页设计学习1

151 阅读1分钟

本文仅用户个人学习记录使用,意在提高自己的交互设计 feel,仅此而已,欢迎指正.

今日涉及组件:

Tooltip(提示信息;提示框;一个小弹出窗口): 常用于用户将鼠标 hover,或者聚焦到某个元素上时,作为信息提示

今日学习截图

image.png

参考点

  • 当只有 icon 而没有文字的时候,鼠标 hover 到指定的位置,将会使用 tooltip 提示相应 icon 的作用/意义
  • 页面设计干净简洁,将当前主页常用的功能(新会议、加入会议、安排会议、共享屏幕)显示在左部分,鼠标 hover 到相应的功能 会有阴影的提示,意在提示用户这是可交互的
  • 点击加入会议的时候使用 modal 提示用户输入或者选择会议的相关信息,没有填写必要信息的时候 加入 button 为 disable 的状态

image.png

  • hover 到添加日历时, 字体变成蓝色,提示用户该交互为跳转链接作用,点击之后将跳转到 添加日历的页面(如果没有登陆则需要先进行登陆)

image.png