Wiki 知识库

全部文档 / 标签: 设计基础

1 篇
清除

小程序怎么排才不乱?15个布局名词看图懂

文章以Punk咖啡馆点单小程序为例,沿着菜单、规格、购物袋、确认订单四个页面,图文讲解15个布局与视觉设计名词,包括信息架构、用户流程、线框图、首屏、视觉层级、栅格、对齐、留白、响应式布局、安全区域、设计变量、语义色、字阶、行高及Padding/Margin。作者还指出固定底栏遮挡内容的常见坑,并给出从定入口、画线框、定边距对齐到小程序内验证的完整排版流程,帮助读者用具体语言描述布局需求,让AI能精准修改页面。

技术 › 前端 Adrian Punk 2026-10-0616.5 KB 23.8K 73 80