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

news/2024/7/5 6:34:38

image

一、原型设计介绍

百度百科:原型设计是交互设计师与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可以参考我- 的另一篇博客:

  • 快速原型设计工具Axure RP 8 的汉化和破解

3、Axure软件主界面

image

三、部分界面设计展示

1、界面结构设计

image

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

image

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

image

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

image

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

image

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

image

7、习题界面

image

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

image

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

image               
image


http://www.niftyadmin.cn/n/3649656.html

相关文章

使用EditPlus开发Java程序的配置

学Java,也要玩转EditPlus 很多初学者开始学习编程语言时,都会接触到EditPlus。许多人抱怨这个软件太原始,不好用。但是我却以为它就像是一件不错的艺术品——许多人说它不好,是还没发现它的美。那么,我就以Java语言的…

Android项目实战系列—基于博学谷(三)注册与登录

由于这个模块内容较多,篇幅较长,请耐心阅读。 注册与登录模块分为三个部分 欢迎界面 注册界面 登录界面 一、欢迎界面 1、创建工程,命名为BoXueGu,包名为com.boxuegu。 2、导入界面图片luunch_bg.png,导入drawable文件夹中。 3、…

入门javascript_JavaScript中的ES6箭头功能入门

入门javascript介绍 (Introduction) With ES6, there were many updates to the JavaScript, including the spread operator, object destructuring, new type of variables, and more. One of the most notable changes were arrow functions, a new and concise way to writ…

[j2me]利用JLayerME-CLDC0.2播放MP3的试验[1]

有一个JLayerME-CLDC0.2,专门是用来在CLDC1.0/MIDP2.0上播放MP3文件以及获取mp3文件的位速/采样率的。JLayerME是自己做解码器解析MP3格式,然后自行转换为wav格式,这个格式是真机都支持的,然后再让Manager.createPlayer进行播放。…

前端:Angular框架与Ionic框架集成Html翻译pipe(管道)

在前端开发的时候经常会遇到页面显示的内容有HTML标记。默认是没有经过翻译的。集成翻译管道就可以正常显示内容。由于Angular与ionic集成的方法有点不,所以分开写。 一、Angular框架集成pipe 1、新建一个管道 新建命令:ng g pipe pipe/tohtml tohtml…

bem css_如何使用ITCSS和BEM解决大规模CSS瓶颈

bem css介绍 (Introduction) On frontend codebase projects, requirements and sometimes scopes can change frequently. When requirements change and you adjust the stylesheet or extend the styles of a selector in a particular page, such changes often affects ot…

Java基础---多态、抽象类、接口

2015-4-4 一、多态 1、定义:某一个事物,在不同时刻表现出来的不同状态。 2、多态的前提与体现: (1)要有继承关系; (2)要进行方法的重写; (3)要父…

移动开发:ionic框架的Android开发环境搭建

一、解决Eclipse与Android Studio的SDK冲突 Eclipse与Android Studio不能共用一套Android SDK,Android Studio会改变SDK的结构,eclipse不能正常使用Android SDK。但是我这个学期的两个课程都与Android开发有关。而且两个课程使用的开发工具都不一样。一边…