布局-Layout

FaShop 设计组件系统基于 750*1334px 尺寸输出。不以 @1x 倍率输出的目的为与各家小程序视觉规范保持同步,可做到 App 与小程序一稿通用。

安全区

基于 750px 宽度输出视觉规范时,左右全局内容安全区保留至少 30px。

全面屏适配

顶部适配

全面屏适配顶部时,注意状态栏由原高度 40px 变为 88px 即可。

底部适配

全面屏底部适配需注意,底部增加高度为 68px 的操作区(Home Indicator),页面所有信息需避开此区域。此外,为保证页面美观,底部出现通栏按钮时,需适配成无通栏按钮。

切勿这样设计:

网格间距

内容区网格间距请根据实际需求选择以 10px 或 8px 为最小间距。

Copyright © biliui.com 2019 all right reserved,powered by Gitbook上次更新: 2019-06-07 20:12:11

results matching ""

    No results matching ""