2023-05-24
标题栏设计
PPT定制资讯 / 标题栏的框架布局与分页排版技巧
标题栏的框架布局与分页排版技巧
虽然市面上APP和小程序中应用的标题栏五花八门，样式各不相同，但它们设计都是围绕框架布局与分页排版展开的。只要需要进行自定义组合和创新，即可得到一个不错的标题栏设计。下面，蓝橙视觉就给大家分享一些标题栏框架布局与分页排版技巧。
1、框架布局
①标题栏数量：做标题栏的第一步就是确定栏的数量，除去固定的状态栏以外，标题栏还可以另外加入一到两个栏，最多三个。每个栏至少高44pt，它本身的背景是透明的，它们的背景即是标题栏的背景。
②功能展示类型：标题栏中可能出现的功能元素有很多，根据功能定位的不同，需要采用不同的展示形式。例如页面标题、产品 logo、搜索、分页器、日期、用户昵称、欢迎语这类元素适合以栏的形式存在；搜索、通知、用户中心、产品 logo、返回等适合以图标形式存在；Banner、插画则是以背景形式存在。
2、分页排版
分页器在标题栏中如何排版也是一个比较复杂的问题，因为分页器的样式、位置都有极大的自定义空间。分页器排版的本质就是将分页器拆分为单元格，考虑这些单元格该如何排版，具体方式如下：
①顶宽：即固定每个单元格的宽度，将它们肩并肩排布好之后，再在栏中进行做对齐或居中对齐。一般适合少于四个或大于六个标签的情况。
②等分：即先确定整个分页器的宽度，再根据分页器的数量对这个宽度进行均分的方法。适合五到六个标签的情况。
以上就是本次为大家分享的标题栏设计方式，标题栏会应用在几乎所有页面，但根据页面需求会有不同的呈现方式，大家可以根据自身需求来选择合适的框架布局和分页排版形式，设计出更加贴合的标题栏。
