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

Stella981
• 阅读 360

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

一、原型设计介绍

百度百科:原型设计是交互设计师与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软件主界面

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

三、部分界面设计展示

1、界面结构设计

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

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

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

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

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

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

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

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

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

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

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

7、习题界面

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

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

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

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

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

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(七)课程模块(下)
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,分为上、中、下三篇博客分别来讲述,请耐心阅读。课程模块分为四个部分\\课程列表\\课
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(一)项目综述
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)一、项目分析1、项目名称WordPress建站APP2、项目概述WordPress建站是一个学习博客建站技术的APP
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(四)我的模块(上)
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,篇幅较长,请耐心阅读。“我”的模块分为四个部分\x\我的界面\x\设置界面\
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(四)我的模块(下)
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,篇幅较长,请耐心阅读。“我”的模块分为四个部分\\我的界面\\设置界面\x
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(三)注册与登录模块
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,篇幅较长,请耐心阅读。注册与登录模块分为三个部分\x\欢迎界面\x\注册界面\
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(七)课程模块(中)
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,分为上、中、下三篇博客分别来讲述,请耐心阅读。课程模块分为四个部分\\课程列表\x\课
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(六)习题模块
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,篇幅较长,请耐心阅读。习题模块分为两个部分\x\习题列表界面\x\习题详情界面
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(七)课程模块(上)
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,分为上、中、下三篇博客分别来讲述,请耐心阅读。课程模块分为四个部分\x\课程列表\\课
Stella981 Stella981
2年前
Android项目实战系列—基于博学谷(五)个人资料
!image(https://www.cztcms.cn/wpcontent/uploads/2020/03/%E5%8D%9A%E5%AD%A6%E8%B0%B7.png)由于这个模块内容较多,篇幅较长,请耐心阅读。个人资料模块分为两个部分\x\个人资料\x\资料修改