居中摆满画面,阅读顺序可能更模糊。
这一页要解决的现场问题:左侧是问题,右侧是改后结果,下方有方法。
图里想说明的变化
桌面左右比较;移动端问题→结果→方法。
做自己的版本时,把下面材料换成真实内容:
材料:
左侧是问题,右侧是改后结果,下方有方法。
任务:
给出左右对照布局,统一顶部基线,用明确标签区分改前改后;说明窄屏上下排列顺序。
交付要求:
给出文字线框草图、尺寸或对齐规则、窄屏适配与检查项;不把草图当成已上线界面。
改前改后必须针对同一输入,避免误导对比。改前改后必须针对同一输入,避免误导对比。
以上为演示案例,可替换成自己的材料。