第4章 UI用户界面组件.pptxVIP

第4章UI用户界面组件UI设计基础与应用

目录Contents4.1UI控件详解4.2按钮控件设计4.3UI组件详解4.4导航栏组件设计

4.1UI控件详解UI控件是操作系统界面的单位元件，是组件的一种，具有可操作性与可控制性。UI控件可以分为输入类UI控件、导航类UI控件以及显示类UI控件。

目录Contents4.1UI控件详解4.2按钮控件设计4.3UI组件详解4.4导航栏组件设计

4.2.1认识按钮本小节将从按钮的组成、形状、样式、显示状态以及尺寸几个方面介绍按钮。1．按钮的组成按钮是由容器、圆角、图标、边框、文案、背景所组成，部分按钮还会添加投影效果。

4.2.1认识按钮2．按钮的形状按钮根据产品属性和界面风格设计，可分为直角、小圆角和全圆角三种样式。

4.2.1认识按钮3．按钮的样式按钮的样式可分为面性、线性、文字加图标以及文字按钮的形式，如图4-6所示。在视觉上面性图标大于线性图标大于文字图标。

4.2.1认识按钮4．按钮的显示状态按钮一般有4个状态：正常、点击、悬停、禁用。正常状态：按钮为界面中的显示效果；点击状态：被点击或按压后的效果，常用的颜色值为增加20%的暗度或减少20%的透明度；悬停状态：只会在使用鼠标时出现，在移动端无作用，颜色增加/减少10%黑色；禁用状态：此状态按钮不可点击，常用的颜色为#CCCCCC或#