《UI设计基础与实战项目教程》教学课件13中期设计阶段.pptx

UI设计基础与实战项目教程第三单元 移动端UI设计任务九 中期设计阶段2Part 1信息架构 是是用逻辑思维导图的方式来表现产品的信息和层级架构用逻辑思维导图的方式来表现产品的信息和层级架构 所谓所谓逻辑思维导图，就是运用图文并重的技巧，把各级主题的关逻辑思维导图，就是运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来系用相互隶属与相关的层级图表现出来3Part 1信息架构 本项目信息架构：本项目信息架构：梳理产品的所有功能点，根据梳理产品的所有功能点，根据功能的优先级别进行分级功能的优先级别进行分级分层4Part 1低保真原型 低低保真原型是将页面的模块、原素、人机交互的形式，利用线框描述的保真原型是将页面的模块、原素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达，也可以称为交互方法，将产品脱离皮肤状态下更加具体跟生动的进行表达，也可以称为交互布局布局设计5Part 1低保真原型本项目低保真原型（部分）：本项目低保真原型（部分）：可以使用墨刀制作，不可以使用墨刀制作，不建议使用颜色，建议使用颜色，字体、按钮等设计元素也不用强调规字体、按钮等设计元素也不用强调规范性，需要关注的是功能的层次性和范性，需要关注的是功能的层次性和完整性。

完整性6Part 1高保真原型 高保真高保真原型关注的就是细节，包括颜色、字号、间距等规范性问原型关注的就是细节，包括颜色、字号、间距等规范性问题，是最后在界面呈现的原型题，是最后在界面呈现的原型7Part 1高保真原型本项目高保真原型（部分）：本项目高保真原型（部分）：在在规范手册的基础上，可以使用规范手册的基础上，可以使用Photoshop、Illustrator软件来软件来制作高保真原型制作高保真原型8Part 1实践任务结合所学知识，以小组为单位结合所学知识，以小组为单位，在前期准备阶段工作的基础上完成中期，在前期准备阶段工作的基础上完成中期设计阶段工作：设计阶段工作：1.信息架构信息架构2.低保真原型低保真原型3.高保真原型高保真原型。