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

IT之家 中字

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

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

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

场景:内容运营类信息展示元素。例如(应用市场,音乐等模块)

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

声明: 本文由入驻OFweek维科号的作者撰写,观点仅代表作者本人,不代表OFweek立场。如有侵权或其他问题,请联系举报。
侵权投诉

下载OFweek,一手掌握高科技全行业资讯

还不是OFweek会员,马上注册
打开app,查看更多精彩资讯 >
  • 长按识别二维码
  • 进入OFweek阅读全文
长按图片进行保存