一站式开发一个安卓APP-原型设计篇

上一篇澄清了idea和需求,并做了解决方案。

接下来就开始把需求整理成原型图,规划一个1.0版本。

这里使用axure8.0做一个简单的页面设计

在原型设计之前,我先思考了一下与原型没太相关,与项目有关的事情。
我们为这个APP取一个名字,同时给APP做一个一句话的宣传语,放在闪屏页面。
由于是为了解决老年人的用机需求,基于idea的来源,我定了一个比较文艺的宣传语:老吾老,以及人之老,APP的名字定为Easy Call

关于原型页面设计这里就不赘述整个过程,只简单截几个图。

1、闪屏界面:
splash
2、主页面,启停服务

main3、锁屏配置页面
config
4、设置页面
在这里插入图片描述
第三页和第四页有二级页面,省略了,后面的文章直接看最终效果了。

可以看到页面所用到的图片基本没有,所以高保真效果就略去(本人不会高档的sketch和PS,.),需要的图标可以在iconfont上找到,用起来也比较简单。

原型设计就到这里,接下来直接进入开发。

1、home桌面规则及划屏操作 1.1home桌面规则 桌面页数最大为9屏,开机默认显示第1屏即时钟widget。 1.2桌面划屏操作 (请用鼠标划屏体验) 桌面页面可划屏切换,切换的效果为桌面滚动。每向左划一次屏则桌面亦向左滚动一屏,页码栏的小圆点前进一个页码,同时背景图要向左移动微量移动;向右则相反。提示页码的小圆点在页码即将变化时呈逐级缩放的渐变效果,缩放级数为四级。 2、主菜单(应用程序列表)的切换及划屏操作 2.1 桌面与主菜单界面切换 (请用鼠标点击界面底部的“主菜单/主页“图标体验) 点界面底部Launcher快捷栏的主菜单图标切换到主菜单界面。主菜单界面从下方弹出(注意过渡效果,弹出时间为300ms)。默认的页码为第1页。主菜单背景图以从哪个桌面进入就以哪个桌面的背景为背景图,并叠加一半透明灰色效果以区别于home桌面背景。进入主菜单后再划屏,背景位置不变。 2.3主菜单界面划屏操作 (请用鼠标划屏体验) 划屏时可循环切换 ,即持续往一个方向划屏时会循环显示各页面。(请用鼠标操作体验)。划屏过程中在页码即将改变时,页码栏的小圆点发生四级缩放的变化。 3、页码栏的操作 3.1home桌面页码栏操作 (请用鼠标点击小圆点体验) 表示页码的小圆点桌面页码栏支持点击操作。点击小圆点时,被点击的小圆点逐级放大并显示页码数字;与此同时显示点击之前页码数字的小圆点逐级缩小且数字消失。同时屏幕会滚动到该页。 3.2主菜单页码栏操作 页码栏只支持点击操作。效果同2.1。 4、多点触控(pinch)操作(请用鼠标点击右边的手势模拟效果) 桌面或主菜单界面都支持pinch操作。pinch动作后会进入缩略图界面。点击缩略图即可进入相应的页面。这里要做成逐级缩放的效果。即pinch动作后,当前页面逐级缩小(分六至八级),透明度亦逐级变小,最后展现缩略图界面。点击缩略图时,相应的页面缩略图则逐级放大,透明度亦逐级放大,最后展现普通界面。 缩略图超过4页以九宫格排列。低于4页则以4宫格排列。在桌面缩略图界面可进行桌面管理,如桌面重排、桌面隐藏、桌面恢复、桌面增加删除等。详见动画演示文档。 5、Launcher快捷栏操作(请用鼠标拖动体验) Launcher快捷栏的图标分左右两页,每页四个图标。可左右拖动,支持循环切换,即持续拖动时会循环显示两页内容(请拖动试试)。 在home界面点“主菜单”图标,会切换到主菜单界面。同时该图标变成“主页”(注意两页同时变化)。在主菜单界面点“主页”图标,则切换到home桌面,且该图标变成“主菜单”。(请点击体验) Launcher快捷栏除“通话”、“信息”、“联系人”、“主页/主菜单“图标不可替换外,其它图标可替换。替换方法详见动画演示文档。 6、menu键、back键、home键 从桌面进menu菜单,可更换壁纸(背景图),添加桌面内容(widget、应用、文件夹等 (演示 略) 主界面点 back 返回桌面。(演示 略) 长按home键,显示最近使用过的应用程序。(演示 略)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值