android 功能页面设计,Android项目实战系列—基于博学谷(二)界面设计

本文介绍了原型设计在产品开发中的重要性,以Axure PR为例,详细讲述了其在网站注册流程中的应用。通过原型设计,明确用户需求,加速开发过程。此外,还展示了不同界面设计和使用工具的实践,如欢迎界面、课程界面等,并分享了Axure PR8/9的使用技巧。

324300e37312d71554b9022e3e265e17.png

一、原型设计介绍

百度百科:原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达

个人观点:进行原型设计是为了更好地体现产品的原型,程序开发本来就是一项抽象的工作。加入原型设计会使程序开发人员对产品有一个更好的认知和了解。大大缩短的开发时间,更加明确了用户需求,增加了开发效率。

二、原型设计工具介绍

1、比较流行的原型设计软件

Axure PR(推荐使用)

墨刀

Invision

Marvel

POP(Prototyping on Paper)

Moqup

还有很多....

2、我的使用

我使用的是Axure PR 8,可以简单上手,功能强大。Axure PR 9也可以使用了。在Axure PR 8的基础上升级了一些功能。如果需要安装Axure 8 PR可以参考我- 的另一篇博客:

3、Axure软件主界面

1460000022469829

三、部分界面设计展示

1、界面结构设计

1460000022469830

2、点击预览,会跳转到浏览器进行效果预览。

1460000022469828

3、欢迎界面,软件启动时会先运行欢迎界面。停留三秒后跳转到主界面(课程界面)。

1460000022469833

4、课程界面,也是主界面。所以有轮播图片。

1460000022469832

5、课程详情界面——课程简介部分

1460000022469836

6、课程详情界面——视频部分

1460000022469831

7、习题界面

1460000022469834

9、习题详情界面及作答效果

1460000022469835

Android项目实战系列—基于博学谷 开源地址

e286019997cf38f8d6aca50da0335794.png               

f8dfdb143dff34b7e94bae18ffc20063.png

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值