案例1:栅格缩进效果说明:根据人因测试结果显示,为了保证舒适的阅读效果,单行文本的字数不应该过多。中文的单行舒适字数是32个字符左右;最多可接受的是42个字符左右。英文的单行舒适字数是66个字符左右;最多可接受的是87个字符左右。为了保证舒适的阅读性,建议利用栅格定位体现缩进效果。规则:4个columns时使用4个columns;8个columns时使用6个columns;12个column时使用8个columns。
场景:纯段落文本/上图下文/卡片的布局结构的场景,在其对应的栅格规格下,缩进的规则占用栅格数量进行布局。
案例2:栅格重复效果说明:对于内容运营类列表信息,适合在大屏上展示更多内容。规则:应用定义单个组件所占用的栅格数,随着设备尺寸和栅格数量的变化,自动计算新的栅格数量,得出可以重复的元素的个数。
场景:内容运营类信息展示元素。例如(应用市场,音乐等模块)
为保证用户在折叠屏不同形态切换时体验的连续性,是需要在系统交互上做很多设计与考量的。或许大家也都发现了,单页面布局设计中的有些经典布局模式是长盛不衰的,是可以用做很多行业和专业领域的准模板。无论折叠屏设备是折叠还是展开,单页面布局设计提供的高度直观、高效实用的效果将有助于为用户提供最佳体验。