干货！华为专家解读Mate X折叠屏单页面布局设计

2019-11-06 11:46

案例1:栅格缩进效果说明：根据人因测试结果显示，为了保证舒适的阅读效果，单行文本的字数不应该过多。中文的单行舒适字数是32个字符左右；最多可接受的是42个字符左右。英文的单行舒适字数是66个字符左右；最多可接受的是87个字符左右。为了保证舒适的阅读性，建议利用栅格定位体现缩进效果。规则：4个columns时使用4个columns；8个columns时使用6个columns；12个column时使用8个columns。

场景：纯段落文本/上图下文/卡片的布局结构的场景，在其对应的栅格规格下，缩进的规则占用栅格数量进行布局。

案例2:栅格重复效果说明：对于内容运营类列表信息，适合在大屏上展示更多内容。规则：应用定义单个组件所占用的栅格数，随着设备尺寸和栅格数量的变化，自动计算新的栅格数量，得出可以重复的元素的个数。

场景：内容运营类信息展示元素。例如（应用市场，音乐等模块）

为保证用户在折叠屏不同形态切换时体验的连续性，是需要在系统交互上做很多设计与考量的。或许大家也都发现了，单页面布局设计中的有些经典布局模式是长盛不衰的，是可以用做很多行业和专业领域的准模板。无论折叠屏设备是折叠还是展开，单页面布局设计提供的高度直观、高效实用的效果将有助于为用户提供最佳体验。

<上一页 1 2 3 4 5