UI-第5章App界面设计实战课件.pptxVIP

第5章App界面设计实战;掌握App闪屏页

掌握App引导页

掌握App首页

掌握App个人中心页

掌握App详情页

掌握App注册登录页;掌握美食类App闪屏页的绘制方法

掌握美食类App登录页的绘制方法

掌握美食类App首页的绘制方法

掌握美食类App搜索页的绘制方法

掌握美食类App食品详情页的绘制方法

掌握美食类App购物车页的绘制方法;品牌推广型

活动广告型

节日关怀型;品牌推广型闪屏页是为表现产品品牌而设定。基本采用“产品logo+产品名称+产品”的简洁化设计形式。;活动广告型闪屏页是为推广活动或广告而设定，通常将推广的内容直接设计在闪屏页内。多采用插画以及暖色的设计形式，用以营造热闹的氛围。;节日关怀型闪屏页是为营造节假日氛围同时凸显产品品牌而设定的。多采用“产品logo+内容插画”的设计形式，使用户感受到节日的关怀与祝福。;功能说明型

产品推广型

搞笑卖萌型;引导页是用户在第一次或经过更新，打开App看到的一组图片，通常由3-5页组成。引导页起到了在用户使用App之前，提前帮助用户快速了解App的主要功能和特点的作用，可以细分为功能说明型、产品推广型、搞笑卖萌型。;高德地图App的功能说明型引导页;京东商城App的产品推广型引导页;搞笑卖萌型引导页;列表型

网格型

卡片型

综合型

;首页又称为“起始页”，是用户使用App的第一页。首页承担着流量分发的作用，是展现产品气质的关键页面，可以细分为列表型、网格型、卡片型、综合型。;英国设计师GeorgeGliddon创作（左）今日头条App（中）由俄罗斯设计师

AlexanderZaytsev创作（右）;网格型首页是在页面上将重要的功能以矩形模块的形式进行展示，常用于工具类等方面。采用的统一矩形模块的设计形式，刺激用户点击。;卡片型首页是在页面上将图片、文字、控件放置于同一张卡片中，再将卡片进行分类展示，常用于表现数据展示、文字阅读、工具使用等方面。采用的统一的卡片设计形式，不仅让用户一目了然更加强内容的点击欲望。;综合型首页是由搜索栏、Banner、金刚区、瓷片区以及标签栏等组成的页面，运用范围较广，常用于电商类、教育类、旅游类等方面。采用丰富的设计形式，满足用户的需求。;5.4个人中心页;5.5详情页;5.6注册登录页;5.7课堂案例——制作美食到家App;5.7课堂案例——制作美食到家App;效果图;效果图