UI规划20161107

2016-11-07 13:45:35   0  举报





仅支持查看

在2016年11月7日的UI规划中，我们专注于创建一种直观且用户友好的设计。我们的目标是使用户能够轻松理解和使用我们的应用程序，无论他们的技术背景如何。我们采用了清晰、简洁的设计风格，以减少用户的学习曲线。我们还确保了所有的功能和选项都易于访问，以便用户能够快速找到他们需要的信息或工具。此外，我们还考虑了各种屏幕尺寸和设备，以确保我们的设计在所有平台上都能提供一致的用户体验。总的来说，这次的UI规划旨在提供一个既美观又实用的界面，以满足用户的需求并提高他们的满意度。

作者其他创作

大纲/内容

主角贝贝在关卡里行走会捡起掉落在地上的道具，每个道具都有分数。贝贝得分越高获得的星级越高。当划对单词以后，会激发宠物技能，宠物技能对道具有加成，会使贝贝得到更高的得分。连续划对还会获得额外的得分道具哦！

佳佳熊

已学习

？

购买成功

暂停

已上场

图书馆

3星非首次通关：1、首先展现闯关成功的动画，然后再弹出该弹框。2、弹框出现以后，依次播放：得星得分动画（星星飞出，得分数字滚动）、通关奖励道具飞入动画、击败了全国小朋友的飞入动画。3、在动画播完前，所有按钮禁用状态，播放完毕，改为可点击。

放大镜

Unit 1-1

买书页面优化

升级宠物

手机号码登录

999999

50%

验证码

￥30.00

体力不足购买流程优化

道具icon

未购图书：

本关目标：9999分

温馨提示

地图页面系统消息规则：1、展示方式：在地图页面，屏幕顶部\u0010（钻石体力条下方位置），由右向左滚动播放。2、

分值:300

验证

木箱子

Unit 2-4

请输入手机号码：

美术需求：可以使用通用的”温馨提示“弹框样式

优先级：1、用户登录流程及UI展现优化---不修改2、试玩账号登出流程优化3、试玩账号购买流程优化---不修改4、体力不足购买流程优化5、主场景布局优化6、关卡游戏流程以及页面展现优化7、宠物购买页面以及上场流程优化8、关卡焦点优化9、买书页面优化10、图书馆页面优化11、增加荣誉功能12、地图页面系统消息---未完成

个人信息

设置

ice

查看详情

开始

美术需求：1、主场景页面需要按照线框图重新设计。2、建议所有icon重新设计。

美术需求：1、游戏规则展示需要用图片展示。（1）图片1：宠物对道具有加成。展示方式：贝贝携带佳佳熊，掉落物品处展示物品得分X2.6的样式。（2）图片2：连续划对额外得分道具。展示方式：combo X3字样，并道具飞出。

99999999

已购图书：

请输入11位数字

美术需求：1、重新设计弹框。2、星星的飞入动画，通关奖励的飞入效果，击败小朋友的盖章效果。

上场

目的：为了更好的用户体验和更好的美术表现。更改方式：1、部分功能UI重新规划，操作流程重新设计。流程方面需要程序配合调整。2、美术构图，美术动画特效调整

背单词

学习

1/6

放大镜道具

登录页面功能介绍：1、采用全屏页面，用户首次进入的第一屏。2、背景图需要有logo和游戏名称。3、手机号码登录按钮选择以后弹出输入手机号码弹框。4、QQ登录按钮选择以后弹出跳转到QQ授权页面。5、试玩按钮选择以后直接进入游戏主场景（新手引导）。

升级

+120

不要在薄冰上滑冰。

得分

关闭

得分：9999999

普通关卡学习样式：1、点击箭头切换单词2、点击单词部分播放单词发音，点击句子部分句子发音。3、显示学习样式时，学习按钮为禁用状态。

下一关

生词

游戏失败效果和弹框：1、失败弹框增加背单词按钮和升级宠物按钮。2、背单词按钮跳转到图书馆页面（最好能精准的对焦到当前关卡所对应的书本和单元）3、升级宠物按钮跳转到宠物面板。

我是背景图

再考虑一下

发音道具

重玩

详情页面：1、显示形式与图书馆相同，只不过没有页面下方切换书本的功能。2、返回按钮返回到购买该书的弹框。3、其余功能同图书馆功能。

普通关卡学习样式：1、页面可以进行滑动。

三星以下（不含三星）显示效果：1、增加背单词和升级宠物按钮，跳转逻辑同失败页面按钮跳转逻辑。

美术需求：根据整个游戏UI更改风格，来调整这个页面的风格。

本关出现得分道具：

购买

试玩状态登出：1、弹出警告提示框

美术需求：1、设计这个页面。页面布局不变。

得分：+4%（下级+7%）

19：59

超值

-2

目标：99999分

剩余单词：1

首次通关

购买体力弹框：1、修改体力恢复时间为20分钟恢复1点。2、添加功能：分享（1）用户分享游戏到微信朋友、微信朋友圈、QQ空间等可以获得3点体力。（2）每日限制1次，每天零点重新计算次数。（3）当用户体力满或者需要补充体力不足3点时，提示用户此时分享将会影响体力点增加。如用户依然分享，那么体力点不增加。（4）用户点击分享，再回到游戏页面时，才增加体力。（5）每天用完分享次数以后，在按钮处不在显示+3样式。3、钻石不足时，按钮上需要的钻石数字变为红色。4、钻石不足时购买，弹出购买钻石提示框。

21/78

￥70.00

补满能量

QQ登录

￥38.00

美术需求：1、弹框样式设计。2、要更突出金额大的商品。

99999

增加荣誉功能

图书馆功能永久免费

个人信息弹框：1、维持现有UI布局，样式美术进行调整。

这是宠物待机动画

[ais]

图书馆页面优化

宠物购买页面以及上场流程优化

钻石icon

关卡焦点优化

普通关卡弹框：1、普通关卡由原有页面改为弹框。2、将按钮下一步改为学习，快速开始改为开始。3、钻石不足时，购买处钻石显示为红色字。4、？问号可以点击，进入为游戏帮助说明。

果酱

主场景：1、突出显示选择地图，可以滑动查看其它地图，也可以点击左右箭头进行切换。2、宠物icon放入菜单中3、将消息icon提出来放在主场景4、当有新的生词时，生词本icon处显示红点5、当贝贝豆可以升级宠物时，在菜单icon处显示红点，展开菜单在宠物icon处显示红点。（菜单展开，菜单出红点消失）6、当有新消息时，消息icon显示红点，进入消息以后，红点消失。7、

+10

暂停页面优化：1、添加剩余单词和得星显示。2、将关闭按钮改为回到游戏。

击败了全国90%的小朋友，继续努力吧！

游戏失败时，首先弹出贝贝正面哭泣的动画。2-3S左右。播放完在弹出

20分钟恢复1点，上限8点

先学习再开始游戏会帮助你得到更高的分哦

倒计时icon

美术需求：1、设计这个弹框。

试玩用户点击购买以后：1、弹出温馨提示框2、点击去绑定手机号弹出登录手机号弹框。3、点击再考虑一下关闭温馨提示弹框，回到购买页面（弹出温馨提示前的那个页面或弹框）

Unit 2

剩余单词

闯关累了，别忘了休息

-1

未购买的宠物显示：1、升级按钮改为购买。其余逻辑不变。2、当钻石不足时，钻石数字显示为红色。

等级：1/10

200

ice cream

n.冰

QQ登录页面：1、当设备中已经安装QQ，显示QQ授权页面。2、登录以后直接跳转到主场景（新手引导）。

美术需求：1、设计弹框。2、需要设计点击开始以后，体力飞入的动画效果。3、问号为气泡形态，最好做成动态效果。

美术需求：1、学习样式一定要预留好位置。单词音标占1行，词义占用1行，句子和句义至少预留5行.

￥1.00

￥30 购买

试玩

关卡焦点规则：1、每次进入地图，焦点对准最新的已解锁的关卡2、在地图中，如果玩家选择已经玩过的关卡，那个在返回到地图选关页面时，焦点对准该关卡。3、如果当前地图已经通关，进入该关卡，显示最后一关。

活动

￥12.00

已学习：456

关卡说明

游戏通关时，首先弹出闯关成功效果。播放完在弹出结果信息弹框。

美术需求：1、重新调整关卡内布局。2、连续划对单词，激发连击效果的特效。

切换图书

三星首次通关：1、展现同非首次通关，只不过通关奖励改为首次通关。

新单词

QQ登录页面：1、当设备中未安装QQ，显示如右图。

得分不理想？来试试以下操作

北京课改-一年级上

主场景布局优化

09：23

jam

拥有：0

回到游戏

生词本

美术需求：1、弹框样式设计。2、分享按钮设计。

钻石不足时，购买体力弹框（同购买钻石商品列表）：1、显示购买钻石的数量，显示购买钻石的价格。2、显示是否有优惠。3、打折信息。4、突出显示购买哪个更划算。

去绑定手机号

￥50.00

美术需求：1、重新设计暂停页面。2、音乐音效关闭和开启要区别明显。

美术需求：1、重新设计失败弹框。2、需要额外的背单词icon。和宠物升级的icon。最好有动态效果。3、背单词icon可以是一本书在翻动的效果。4、宠物升级可以是佳佳熊加上动态的向上箭头。

今日剩余：0次

熟练的记住单词和升级宠物可以帮助你轻松过关！

输入手机号码弹框：1、采用弹框形式表现。2、整屏背景使用上一完整页面背景。3、突出显示弹框，将背景进行遮罩。4、未输入手机号码前或者手机号码输入不符合规范时，验证按钮和登录按钮未禁用状态。5、输入完手机号以后，验证按钮改为可点状态，点击以后“验证“变为倒计时，手机号码输入框下方出现显著文字”请将手机接收到的验证码输入到下方“。倒计时结束后改为”验证“。6、输入验证码以后，登录按钮状态改为可点击。7、点击登录以后：（1）成功：提示框关闭，屏幕正中飘出文字”登录成功“，然后跳转到游戏主场景（新手引导）（2）失败：在右图红色文字区域提示文字”验证码输入错误，请重新输入“8、关闭按钮关闭弹框显示上一页面。

退出关卡

尚未添加书籍

宠物

257

关卡游戏流程以及页面展现优化

技能icon

美术需求：1、温馨提示框设计2、2个按钮需要考虑用不同的。

宠物购买成功逻辑：1、宠物购买成功时，添加购买成功弹框。2、点击上场时，关闭该弹框以后，播放宠物上场动画。

菜单icon

推荐

该手机号码已经注册，请更换一个

查看图书页面：同之前显示相同，没有页面下方切换书本的功能。

试玩账号登出流程优化

游戏规则：

消息

钻石可以购买体力、复活贝贝、购买道具

七年级上

商店

head

灰色标题背景部分不做修改！！！

当前为试玩账号，如果登出当前账号会导致改试玩账号丢失。是否继续选择登出？

flag

能量充值站

书名书名

剩余单词：456

试玩账号购买流程优化

美术需求：无

等级：2/10

特效显示区域

单词区域

试玩用户点击去绑定手机号码：1、弹出手机号码登录弹框2、未输入手机号或格式不正确时，验证和登录按钮为禁用状态。3、输入手机号为已经注册过的手机号，则用红字提示”该手机号码已经注册，请更换一个“。4、关闭按钮关闭以后回到购买页面（弹出温馨提示前的那个页面或弹框）5、登录成功以后，飘出”绑定成功“的提示文字并回到购买页面（弹出温馨提示前的那个页面或弹框）

再接再厉

当前您是试玩账号，为了防止账号数据丢失，请绑定您的手机号！

购买书的弹框：1、添加详情按钮。2、取消在这个弹框里显示单元单词的信息。

请将手机接收到的验证码输入到下方

美术需求：1、设计手机号码弹框。2、相关按钮，文字的设计。

恭喜获得冰冰兔！是否让这个小伙伴立即上场呢？

需要购买该书，才能使用趣味背单词功能。

再试一次

美术需求：1、现有页面UI按钮需要重新布局。2、考虑该页面是否加入一些动态效果（如：树叶晃动，或者贝贝微动等等）

用户登录流程及UI展现优化

hair

go按钮提示（查看未购图书）：1、保留之前出现逻辑2、出现的指定坐标时，停留2秒，然后1秒渐隐消失3、提示文字更改：需要购买该书，才能使用趣味背单词功能。