重大社2023高职高专《ui界面设计》教学课件2-5 手机界面APP底部TAB栏设计.pptxVIP

UI界面设计USER INTERFACE 手机APP底部TAB栏设计APP’TAB DESIGN 第二部分 手机界面设计3 3画画底部导航栏可以说是现在最流行的导航控件了，微信、支付宝、淘宝、网易云音乐等等，各种类型的 APP 都有应用。作用是为了做好内容分类，节省屏幕空间，等需要的时候更容易被人找到!手机界面TAB栏设计底部TAB栏是什么？WHAT IS IT? 4手机界面TAB栏设计TAB常见布局根据BANNER的位置和主题，选择以下构图屏幕等分减去左右间距后等分图标左右间距 手机界面底部TAB栏屏幕等分：技术实现比较简单，市面上使用比较多的样式。计算方法：列宽=屏幕宽度/标签个数。 手机界面底部TAB栏减去左右间距后等分：标签之间相对紧凑。 手机界面底部TAB栏图标左右间距相等：多用在标签数量为3个的情况，因为用屏幕等分方式图标看起来会比较散，所以可以采用这种方法。 8手机界面TAB栏设计TAB背景样式常见样式白色或浅灰黑色毛玻璃透明背景 手机界面底部TAB栏白色或浅灰：最为常见的背景样式，它能够更好的突出标签内容，同时不会让底部显得过重。可以使用白色加投影或者底部加浅灰色分隔线的方式将其和内容区分开。 手机界面底部TAB栏黑色背景：黑色背景往往用于一些特殊类型的APP，如运动、股票等，渲染氛围。 手机界面底部TAB栏毛玻璃：在前2年比较流行，多用在IOS中，给人时尚的感觉