陌北默

@王二麻 互联网让知识的提供从纸质一部分转移到网络,解放了纸质阅读的局限,人们用一个轻巧的手机便装下了一个书柜。人们意识到网络的阅读功能后,大众需求便不仅仅满足于基础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网—UI设计师学习教程平台 » 背单词APP「百词斩」原型分享

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
解析百度贴吧升级的故事I:用户洞察与交互升级解析百度贴吧升级的故事I:用户洞察与交互升级
「译」苹果官方 iPhone X 人机界面指南「译」苹果官方 iPhone X 人机界面指南
从iOS 11看怎样设计APP图标从iOS 11看怎样设计APP图标
5 分钟交互设计指南:对话框5 分钟交互设计指南:对话框
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?
网易设计师复盘小程序轻设计网易设计师复盘小程序轻设计
移动办公app「钉钉」原型分享移动办公app「钉钉」原型分享
移动UI进化中!10种创新的导航菜单实例移动UI进化中!10种创新的导航菜单实例
网易严选APP品牌设计流程详解网易严选APP品牌设计流程详解
?