UI

简单、直观的UI会让用户体验极佳,提高效率

UI 设计应是注意简单、直观、良好的配色,符合大众用户的交互习惯。

UI设计的原则

  • 界面的完整性
  • 界面应满足用户所要求的功能
  • 界面的一致性
  • 色彩、布局、风格、用户操作等方面
  • 界面的直观性
  • 用户在看界面时应很快明白界面的主要内容
  • 用户对界面的习惯性
  • 用户操作应符合大众不要标新立异

常用布局

  • 列表格式布局
  • 陈列馆格式布局
  • 九宫格布局
  • 选项卡式布局
  • 旋转木马式布局
  • 行为扩展式布局
  • 多面板式布局
  • 图表式布局

常用色调

亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。

alt

常用交互

  • 点击(Clicking): 用户通过点击鼠标或触摸屏来与界面元素进行交互,例如按钮、链接、复选框等。
  • 输入(Input): 用户通过键盘输入文字或数字等信息,例如在搜索框中输入关键词、在表单中填写个人信息等。
  • 拖放(Drag and Drop): 用户可以通过拖动元素的方式来重新排列页面上的内容,或者将内容从一个位置拖到另一个位置,以实现某种操作,例如拖动文件到文件夹中进行文件操作。
  • 滚动(Scrolling): 用户通过滚动页面来浏览内容,例如向下滚动以查看更多的信息或向上滚动以返回顶部。
  • 悬停(Hovering): 当用户将鼠标悬停在页面元素上时,会触发一些交互效果,例如显示工具提示、变换样式等。
  • 菜单(Menu): 用户通过点击菜单项来导航到不同的页面或执行不同的操作,例如网站的主菜单、右键菜单等。
  • 滑动(Swiping): 用户在触摸屏设备上通过滑动手指来进行操作,例如在移动设备上浏览照片或切换页面。
  • 手势(Gestures): 用户在触摸屏设备上通过手势来进行操作,例如捏放缩放、双击放大、旋转等。
  • 状态切换(State Change): 用户通过点击按钮、链接或其他交互元素来改变页面的状态,例如展开或折叠面板、切换视图模式等。
  • 弹出框(Pop-ups): 页面弹出对话框、模态框或提示框,要求用户执行某种操作或提供反馈。