《Photoshop 移动UI设计案例教程（全彩慕课版）（第2版）》课件 第5章 App界面设计实战

本章介绍：App界面设计是产品用户体验里非常重要的一环。本章对App界面设计中的闪屏页、引导页、首页、个人中心页、详情页以及注册登录页系统讲解与演练。通过本章的学习，读者可以对App界面设计有一个比较深入的认识，并快速掌握绘制App界面的规范和方法。第五章App界面设计实战掌握App闪屏页的设计形式掌握App引导页的设计形式掌握App首页的设计形式掌握App详情页的设计形式掌握App个人中心页的设计形式学习目标5.1闪屏页品牌推广型活动广告型节日关怀型品牌推广型闪屏页是为表现产品品牌而设定。基本采用“产品logo+产品名称+产品”的简洁化设计形式。5.1.1

品牌推广型活动广告型闪屏页是为推广活动或广告而设定，通常将推广的内容直接设计在闪屏页内。多采用插画以及暖色的设计形式，用以营造热闹的氛围。5.1.2

活动广告型节日关怀型闪屏页是为营造节假日氛围同时凸显产品品牌而设定的。多采用“产品logo+内容插画”的设计形式，使用户感受到节日的关怀与祝福。5.1.3

节日关怀型5.2引导页功能说明型产品推广型功能说明型引导页是引导页中最基础的，主要对产品的新功能进行展示，常用于App重大版本的更新中。多采用插图的设计形式，达到短时间内吸引用户的效果。5.2.1

功能说明型产品推广型引导页是表达App的价值，让用户更了解这款App的情怀。多采用与企业形象和产品风格一致的生动化、形象化设计形式，让用户感到画面的精美。5.2.2

产品推广型5.3首页列表型网格型卡片型综合型列表型首页是在页面上将同级别的模块进行分类展示，常用于表现数据展示、文字阅读等方面。采用单一的设计形式，方便用户浏览。5.3.1

列表型

网格型首页是在页面上将重要的功能以矩形模块的形式进行展示，常用于工具类等方面。采用的统一矩形模块的设计形式，刺激用户点击。5.3.2

网格型卡片型首页是在页面上将图片、文字、控件放置于同一张卡片中，再将卡片进行分类展示，常用于表现数据展示、文字阅读、工具使用等方面。采用的统一的卡片设计形式，不仅让用户一目了然更加强内容的点击欲望。5.3.3

卡片型综合型首页是由搜索栏、Banner、金刚区、瓷片区以及标签栏等组成的页面，运用范围较广，常用于电商类、教育类、旅游类等方面。采用丰富的设计形式，满足用户的需求。5.3.4

综合型个人中心页是展示个人信息的页面，主要由头像和信息内容组成。个人中心页有时也会以抽屉打开的形式出现。5.4个人中心页详情页是展示App产品详细信息，用于用户产生消费的页面。页面内容较丰富，以图文信息为主。5.5详情页注册登录页是电商类、社交类等功能丰富型App的必要页面。具有进入产品、深度关联的作用。注册登录页页面设计直观简洁，并且提供第三方账号登录，国内常见的第三方账号有微博、微信、QQ等。5.6注册登录页使用矩形工具、椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用描边、投影和渐变叠加命令添加效果，使用属性面板制作弥散投影，使用横排文字工具输入文字。5.7课堂案例——制作“三餐”美食App使用矩形工具、椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用颜色叠加和渐变叠加命令添加效果，使用属性面板制作弥散投影，使用横排文字工具输入文字。5.8课堂练习——制作“侃侃”社交App使用矩形工具、椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪