项目启动 需求分析 市场调研 概念设计 跟进实现 用户访谈 数据挖掘 用户测试 文案策划 视觉设计 交互设计 风格设计 情景分析 力能设计 导航设计 原型设计的传统流程 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 6 原型设计的传统流程
2原型设计工具 22原型设计工具 Axure Rp 口简介 Axure是目前最受关注的原型设计工具,可以通过组件的方式帮助 网站或软件设计师快速建立带有注释的原型,并凭借自定义的可重 用元件、动态面板以及丰富的脚本建立能够展示基本功能或页面逻 辑的动态演示文件。 Axure借鉴 Office的界面,为用户提供了丰富的组件样式,通过该 工具能够创建低保真、高保真甚至接近于实际效果的界面。 aXure SEE IT HAPPEN 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.原型设计工具 简介 Axure是目前最受关注的原型设计工具,可以通过组件的方式帮助 网站或软件设计师快速建立带有注释的原型,并凭借自定义的可重 用元件、动态面板以及丰富的脚本建立能够展示基本功能或页面逻 辑的动态演示文件。 Axure借鉴Office的界面,为用户提供了丰富的组件样式,通过该 工具能够创建低保真、高保真甚至接近于实际效果的界面。 7 2.2原型设计工具-Axure RP
8 2原型设计工具 22原型设计工具 Axure Rp 口主要特点 快速建构概念原型 口利用 Axure几何形状、文字物件等可快速建立逼真的网站或APP原型。 ¤建立格线系统,精确实现汇入图片、建立色块、改变物件形状和半透 明填色等各种视觉表现的概念。 ■呈现逼真互动效果 口提供下拉选单、动态内容、状况逻辑设定、计算、动态Hide/Show Layer效果等互动物件与功能。 口模拟AJAX/ Flash动态效果,可以为客户提供一个真实网站的意象。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.原型设计工具 主要特点 快速建构概念原型 利用Axure几何形状、文字物件等可快速建立逼真的网站或APP原型。 建立格线系统,精确实现汇入图片、建立色块、改变物件形状和半透 明填色等各种视觉表现的概念。 呈现逼真互动效果 提供下拉选单、动态内容、状况逻辑设定、计算、动态Hide/Show Layer效果等互动物件与功能。 模拟AJAX/Flash动态效果,可以为客户提供一个真实网站的意象。 8 2.2原型设计工具-Axure RP
9 十 2 现场演示: 在 Windows7系统平台上安装 Axure rP Pro7.0 Axure rpz软件界面和基本使用方法。 ■使用 Axure rp实现百度登录页(或其他页面)的原型设计。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 9 现场演示: 在Windows 7系统平台上安装Axure RP Pro 7.0。 Axure RP软件界面和基本使用方法。 使用Axure RP实现百度登录页(或其他页面)的原型设计
10 3开发工具 3.1开发工具的作用 口开发工具的作用: ■用于对HTM、CSS和 JavaScripυt程序的编写。 将设计好的信息更好地呈现出来。 口目前基本上所有的软件开发ⅠDE工具,均能够较好的支持Web前 端开发的需求。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.开发工具 开发工具的作用: 用于对HTML、CSS和JavaScript程序的编写。 将设计好的信息更好地呈现出来。 目前基本上所有的软件开发IDE工具,均能够较好的支持Web前 端开发的需求。 10 3.1开发工具的作用