UI 设计应是注意简单、直观、良好的配色,符合大众用户的交互习惯。
UI设计的原则
- 界面的完整性
- 界面应满足用户所要求的功能
- 界面的一致性
- 色彩、布局、风格、用户操作等方面
- 界面的直观性
- 用户在看界面时应很快明白界面的主要内容
- 用户对界面的习惯性
- 用户操作应符合大众不要标新立异
常用布局
- 列表格式布局
- 陈列馆格式布局
- 九宫格布局
- 选项卡式布局
- 旋转木马式布局
- 行为扩展式布局
- 多面板式布局
- 图表式布局
常用色调
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。
常用交互
- 点击(Clicking): 用户通过点击鼠标或触摸屏来与界面元素进行交互,例如按钮、链接、复选框等。
- 输入(Input): 用户通过键盘输入文字或数字等信息,例如在搜索框中输入关键词、在表单中填写个人信息等。
- 拖放(Drag and Drop): 用户可以通过拖动元素的方式来重新排列页面上的内容,或者将内容从一个位置拖到另一个位置,以实现某种操作,例如拖动文件到文件夹中进行文件操作。
- 滚动(Scrolling): 用户通过滚动页面来浏览内容,例如向下滚动以查看更多的信息或向上滚动以返回顶部。
- 悬停(Hovering): 当用户将鼠标悬停在页面元素上时,会触发一些交互效果,例如显示工具提示、变换样式等。
- 菜单(Menu): 用户通过点击菜单项来导航到不同的页面或执行不同的操作,例如网站的主菜单、右键菜单等。
- 滑动(Swiping): 用户在触摸屏设备上通过滑动手指来进行操作,例如在移动设备上浏览照片或切换页面。
- 手势(Gestures): 用户在触摸屏设备上通过手势来进行操作,例如捏放缩放、双击放大、旋转等。
- 状态切换(State Change): 用户通过点击按钮、链接或其他交互元素来改变页面的状态,例如展开或折叠面板、切换视图模式等。
- 弹出框(Pop-ups): 页面弹出对话框、模态框或提示框,要求用户执行某种操作或提供反馈。