第六章App移动端“茶物语”产品交互设计开发.pptxVIP

App移动端“茶物语”产品交互设计开发数字媒体交互设计

知识要点App移动端“茶物语”产品交互设计开发项目背景分析App移动端“茶物语”产品交互设计开发项目需求分析AdobeXD工具介绍项目实施-App移动端“茶物语”产品交互设计开发

App移动端“茶物语”产品交互设计开发项目背景分析重点掌握：第一部分次要掌握：√

App移动端“茶物语”产品交互设计开发项目背景分析adobeXD茶饮行业是一个利益比较高的行业，当代年轻人无论在上班、逛街、或者出去玩时，都钟爱喝一杯奶茶来放松自己。如今奶茶店在很多一线城市里面也是遍地开花，开发一款奶茶App也能够让茶饮店铺在市场中出类拔萃。

App移动端“茶物语”产品交互设计开发项目需求分析重点掌握：第二部分次要掌握：√

App移动端“茶物语”产品交互设计开发项目需求分析App移动端“茶物语”产品交互设计开发项目主要从目标用户、产品特点、功能需求等方面进行需求分析。1.目标用户适用广大奶茶爱好者。2.运行环境：安卓移动端。3.App移动端“茶物语”软件产品特点更方便：消费者可以通过在软件上面选择自己心仪的奶茶下单，相比传统行业需要到店消费的方式，提供了更多的便利性。增加回头率：奶茶App可以通过各种折扣满减或者限时促销活动，提高用户的回头率。更加灵活：如果商家有多家奶茶门店，那奶茶App可以帮助您同步各个门店的用户信息，更加灵活。4.App移动端“茶物语”需求分析奶茶推荐：无论是新品上架，还是用户习惯，App都能够在第一时间为用户进行推荐。奶茶分类：为用户提供专门的在线分类功能，将不同类型的奶茶进行分类，以便用户更好的进行获取自己想要的奶茶，提高奶茶获取便捷性。奶茶评价：当用户对指定奶茶品尝之后，便可以对该奶茶进行相应的评价，每一个评价都能够成为其它用户判断选择的标准。促销活动：商家可以定期举办各种促销活动，设置哪些爆款奶茶可以参与秒杀，不仅可以制定营销策略，也可以清理库存商品。优惠券：商家可以发出折扣或者满减的优惠券，并设置优惠券仅限的奶茶品种，吸引消费者来抢优惠券的同时也能提高下单率。扫码点餐：有些新用户不知道可以线上点餐的时候会到线下购买，我们可以提供扫码点餐的服务，也能减少更多的人力成本。订单配送：只要在线下单之后，系统就会自动生成相应的订单，让用户能够实时关注配送情况。会员功能：与传统会员服务不同的是，线上会员能够提供更加全面、更加精准的会员服务。个人中心：消费者在个人中心中可以查看自己的消费记录和消费积分，也可以查看自己的优惠券信息

AdobeXD工具介绍重点掌握：√第三部分次要掌握：

选择工具选择另一种方法“选择”工具是AdobeXD工具栏中的第1个工具，也是绝大多数情况下默认选中的工具，可以通过单击工具栏中的指针图标，或者直接按键盘上的V键激活。激活“选择”工具，用鼠标左键直接在画布上单击任意元素即可选中该元素，可对选中的元素进行拖曳、缩放和旋转等操作，如图所示。另一种方法是按住键盘上的command键（macOS）或Ctrl键（Windows），然后用鼠标左键单击该图层，即可直接选中，如图所示。

选择工具注意事项选择图层组中的图层时需要注意以下两点:第1点：按住键盘上的command键（macOS）或者Ctrl键（Windows）直接选中单个图层是在画布上进行选择，并不是在图层面板中进行选择。第2点：无论是采用双击的方法还是采用按住键盘上command键（macOS）或者Ctrl键（Windows）的方法进入图层组以后，都可以直接单击鼠标左键选择需要的图层。补充如果需要选中多个图层，可以按住键盘上的Shift键，然后选择需要选中的多个图层，如图所示。

选择工具注意事项名称选择如果需要选中整个画板，可以直接单击画布上面的画板名称，如图所示。被选中的画板名称变成蓝色，且画板四周出现选中框。消隐选择如果一个图层既没有填充又没有描边，该图层在画布上是不可见的，此时需要把鼠标移动到该图层所在的位置，当画布上出现该图层的轮廓线时单击鼠标左键，即可选中该图层，如图所示。

选择工具快捷键

矩形工具工具的位置“矩形”工具是AdobeXD工具栏中的第2个工具，可以通过单击工具栏中的矩形工具图标，或者直接按键盘上的R键激活。激活“矩形”工具后，在画板上单击鼠标左键并拖曳，即可绘制一个矩形，如图所示。因为在AdobeXD中默认的填充色为纯白色，所以大家在画板上看到的是一个白色矩形，而非只是一个轮廓。补充激活“矩形”工具后，按住键盘上的Shift键，同时拖曳鼠标即可绘制正方形，如图所示。

圆角矩形工具的位置绘制矩形后四个角上分别会出现一个圆点符号，可以通过拖曳任意一个角的圆点符号，设置矩形的圆角半径，如图所示补充如果只想改变其中一个角的圆角半径，可以按住option键（mac