《移动UI设计项目教程》课件——36.学习单元5-购物APP主界面设计.pptxVIP

购物APP主界面设计全流程复盘

目录CONTENTS01需求洞察与方案定调02画布与参考线系统03功能区与推荐区搭建04分类区与信息展示区05导航栏与状态栏收尾06整体微调与输出

01需求洞察与方案定调

问卷+例会双轮驱动锁定布局方案项目启动阶段，通过网络问卷快速收集用户偏好，结合品牌调性输出草图方案，最终经例会评审敲定布局与配色，为后续设计奠定共识基础，有效避免反复返工。

配色策略：传递品牌温度平衡商业氛围与购物冲动，兼顾品牌、功能与用户体验。主色品牌暖金调辅助色低饱和中性色点缀色行动点渐变色主色取自品牌LOGO，辅以中性色承载信息，行动点采用明度渐变，形成可预测的点击线索，降低用户学习成本。

02画布与参考线系统

画布与参数：保障多端适配选用1080×1920px、72分辨率与RGB模式作为基准画布，为后续设计提供坚实技术底座。可直接对接安卓xxhdpi与iOS@2x资源标准。保证Mac与Windows预览一致，减少沟通误差。确保渐变与发光效果在电子屏呈现最佳亮度。

八条参考线：固化版心网格五大模块划分状态栏|功能区|推荐区|分类区|导航栏垂直参考线限定内容安全区，水平参考线划分功能模块，确保元素对齐、间距一致，提升界面秩序感。

03功能区与推荐区搭建

圆角矩形：承载核心功能功能区采用700×80px圆角矩形，参数设计兼顾视觉与功能。10p