107分钟

UI设计入门之组件设计规范

UI设计入门之组件设计规范

导航栏、Tab栏、选项卡、按钮,是大部分的软件、app等的用户界面都具备的组件,它们共同组成了界面的框架基础。设计师设计出来的界面是否主题明确、结构清楚、主次分明,能对用户的使用过程进行清晰的引导,让…

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

张双

资深视觉设计师