陌北默

@王二麻 互联网让知识的提供从纸质一部分转移到网络,解放了纸质阅读的局限,人们用一个轻巧的手机便装下了一个书柜。人们意识到网络的阅读功能后,大众需求便不仅仅满足于基础app,获取知识和记忆类app种类也更加繁多。从笔记app到背单词app,从背单词app到各类学习app,信息时代呈现的功能在人们不断的需求中更加多样化,人们也因为信息时代的多样化生活行为上更加便捷。

背单词app初一看是为满足外语专业学生需要,然而,在信息全球化、交往国际化的发展时代,人们逐渐意识到需要提升自我空间。不论是公司的领导人出国演讲,还是普通经营人员面对外国客人,在这些环境下外语的学习都显得十分重要。

本次提供的分享是在背单词app中颇受好评的「百词斩」app原型,特点是借助图片和使用语境让用户高效短期记忆单词,再次进入app后立刻进入复习模式促进长期记忆单词。原型参考性较强,要做记单词类app的话赶紧来下载使用吧~

我们的原型包括「首页」「复习」「小讲堂」「圈子」等几大版块,「背单词」「单词TV」「单词电台」「词典」「我的计划」「专项训练」「评测」等核心界面,「背单词」「单词电台」的完整流程等。

文末附上高低保真原型和页面库组件库地址~

 

低保真和高保真原型对比

戳大图可以看到高清对比~

baicizhan gaodibaozhenjietu

 

放出一个高保真预览gif:

baicizhan preview

想完整预览所有页面和流程的戳这里

高保真原型预览: xiaopiu-百词斩高保真原型

低保真原型预览: xiaopiu-百词斩低保真原型

 

高保真组件库预览

baicizhan gaobaozhenzujianku

 

利用组件库搭建页面

在精选广场的组件库里搜索百词斩,在搜索出的组件库右下角点击引用为我的公用库

(或者直接简单粗暴的戳这里→ xiaopiu-百词斩高保真组件库

baicizhan zujiankuyinyongjietu

 

也可以戳这个进入高保真组件库→xiaopiu-百词斩高保真组件库

之后点击右上角的引用按钮~

baicizhan yinyongzujianku

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

这个组件库到底有多方便呢?看看这个动态演示↓

baicizhan process

<br/d>

资源地址

高保真原型预览: xiaopiu-百词斩高保真原型

低保真原型预览: xiaopiu-百词斩低保真原型

高低保真原型下载→ xiaopiu-百词斩高低保真原型下载

高保真页面库引用→ xiaopiu-百词斩高保真页面库

低保真页面库引用→ xiaopiu-百词斩低保真页面库

高保真组件库引用→ xiaopiu-百词斩高保真组件库

 

原文地址:知乎

作者:王二麻

 

转载请注明:学UI网 » 背单词APP「百词斩」原型分享

登录收藏
 
你可能喜欢的:
如何衡量交互成本2.0如何衡量交互成本2.0
网易云音乐 | LOOK直播页改版设计网易云音乐 | LOOK直播页改版设计
产品体验设计-交互篇(二)产品体验设计-交互篇(二)
Material Design Environment Light and shadowsMaterial Design Environment Light and shadows
你过来,我有1个设计技巧想对你说你过来,我有1个设计技巧想对你说
为什么你的设计无法让别人记住(一)?为什么你的设计无法让别人记住(一)?
圆角矩形背后的含义|深度解析圆角矩形背后的含义|深度解析
交互基础——页面加载方式交互基础——页面加载方式
一篇文章读懂交互设计7大定律一篇文章读懂交互设计7大定律
音频 | 开屏页设计,看这篇就够了!音频 | 开屏页设计,看这篇就够了!