107分钟
UI设计入门之组件设计规范
导航栏、Tab栏、选项卡、按钮,是大部分的软件、app等的用户界面都具备的组件,它们共同组成了界面的框架基础。设计师设计出来的界面是否主题明确、结构清楚、主次分明,能对用户的使用过程进行清晰的引导,让…
导航栏、Tab栏、选项卡、按钮,是大部分的软件、app等的用户界面都具备的组件,它们共同组成了界面的框架基础。设计师设计出来的界面是否主题明确、结构清楚、主次分明,能对用户的使用过程进行清晰的引导,让用户不至于迷失,它们都起到了至关重要的作用。那么这些组件的基本组成元素有哪些?设计规范与注意事项又有哪些?如何通过这些基本组件的设计保障用户最基础的体验呢?
我们特邀了资深UI设计师、视觉设计师张双老师,为你讲解相关内容。
课程按照导航栏、Tab栏、选项卡、按钮的讲解顺序,围绕这些必备组件的基本概念、设计目标以及设计要点进行了拆分讲解,并全程匹配实战案例讲解,帮助理解对应组件设计优化的相关思路。
希望能帮助你掌握这些必备组件的设计技巧,保障用户使用界面的基础体验。
一、导航栏设计规范
- 1.认识导航栏
- 2.导航栏基本参数
- 3.实战案例:如何设计导航栏
二、Tab栏设计规范
- 1.如何设计Tab栏
- 2.Tab栏设计要点
- 3.实战案例:Tab栏视觉优化
三、选项卡设计规范
- 1.认识选项卡
- 2.选项卡类型与使用场景
- 3.选项卡设计细节
- 4.案例实战:优化卡片选项卡
四、按钮控件设计规范
- 1.认识按钮
- 2.按钮的交互状态
- 3.按钮设计细节规范
- 4.特殊按钮:悬浮按钮
张双
资深视觉设计师