《移动UI设计项目教程》课件——38.学习单元5-音乐播放器APP线框图设计实战.pptxVIP

音乐播放器APP线框图设计实战

目录CONTENTS01线框图的价值02项目准备与命名03全局框架搭建04搜索与Banner区05导航与内容矩阵

目录CONTENTS01迷你播放器与复盘02延伸与迭代

01线框图的价值

线框图：APP骨架设计第一步如同建筑的蓝图，线框图是APP设计的基石。它剥离色彩与细节，专注于功能与信息层级，帮助团队快速验证流程、统一认知，是降低返工成本的关键一步。呈现主要信息清晰展示APP的核心内容与功能模块。展示结构与布局规划界面元素的排布，优化用户操作路径。构建产品框架为视觉设计和开发提供唯一、清晰的设计依据。

02项目准备与命名

Axure新建与层级命名规范良好的开端是成功的一半。在Axure中，通过规范的层级命名，提前规划页面结构，能为后续设计奠定一个清晰、可维护、可协作的文档基础。1新建文档：启动Axure，选择“文件-新建”，开启设计之旅。2母目录命名：将母目录改为“音乐播放器APP首页”，作为项目根节点。3添加子页面：右键点击“添加-子页面”，依次添加“发现”、“音乐馆”、“我的”等模块。

03全局框架搭建

1080×1920轮廓与标签栏定位以1080×1920px的标准手机画布为起点，置入标签栏，并通过辅助线精确定位，固化用户的认知路径与视觉重心。步骤1:绘制轮廓1080x1920步骤2:定位标签栏我的音乐馆发现

04搜索与