免费制作照片的网站,菏泽做网站设计,专业网站运营设计,郑州专业网站建设公司首选一、多设备卡片适配原则
为不同尺寸的卡片提供不同的功能
在卡片开发过程中请考虑适配不同尺寸的设备#xff0c;特别是在折叠屏和平板设备上#xff0c;设备屏幕尺寸的变化直接影响了卡片内容的展示。请发挥想象力设计具有自适应能力的卡片#xff0c;避免在卡片内容不做…一、多设备卡片适配原则
为不同尺寸的卡片提供不同的功能
在卡片开发过程中请考虑适配不同尺寸的设备特别是在折叠屏和平板设备上设备屏幕尺寸的变化直接影响了卡片内容的展示。请发挥想象力设计具有自适应能力的卡片避免在卡片内容不做任何处理的情况下直接适配成较大尺寸原则上卡片尺寸越大呈现的信息要越丰富可交互的范围也越大。
使用百分比方式配合标注
由于设备尺寸的不确定性会导致卡片的尺寸发生变化设计师在交付卡片布局的过程中可以使用百分比进行标注。例如标准尺寸的卡片宽度为 150vp按钮距离卡片边缘间距为 24vp 时当卡片宽度扩展时仍然使用相同的间距可能效果并不美观我们可以换算出卡片的间距在标准尺寸下占整体比例的 16%这样当卡片尺寸扩展到 200vp 时卡片边距也就变成了 32vp以此类推能够保证一定程度下的适配效果。 二、卡片对应宫格比例对照表
服务卡片参照桌面宫格布局为基准参照物通过换算对应宫格来实现在不同设备的桌面适配。为了减少卡片尺寸的变化规律当手机从 4*6 布局切换至 5*6 布局时需保证中卡片和大卡片的最大宽度不变化。在平板的桌面 2*N 和 4*N 对应的桌面宫格对应更换为 2*3 和 3*3。 三、多端适配尺寸
服务卡片需要适配除手机以外的折叠屏及平板等设备可以在此处下载对应 Library见附件链接 文件文件内包含对应的桌面宫格和详细尺寸描述。 本文根据HarmonyOS官方文档整理
附件链接
HarmonyOSAPP开发相关组件: 深圳市蛟龙腾飞网络科技有限公司 - Gitee.com
