单元1个人博客主页—Axure原型设计与网站开发入门WEB前端开发实用案例教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2. Axure 与网站页面的关系 根据项目的大小、类型、工期及用户的需求来选择设计原型，描述清楚
系统的功能结构和基本交互效果。为方便项目组人员沟通交流，可以采用低保 真原型设计；当需要演示系统交互效果或者展示设计效果，可以采用高保真原 型设计。最后根据用户确认的原型设计，演示效果，项目组人员进行网站的编 写，将原型设计效果，实现为网站的页面效果。
《WEB 前端开发实用案例教程》
第一单元 个人博客主页
——Axure 原型设计与网站开发入门
随着互联网的普及，网站是信息传播工具，人们通过它来发布自 己想要公开的资讯及提供相关的网络服务。许多公司都有自己的网站 ，用于宣传公司或发布产品信息，个人网站和博客已经不再神秘，越 来越多的网友想拥有自己的一个网站，或为兴趣聚集一帮至交好友， 网站应该怎么建立呢？先用Axure原型设计,以用户为中心的思想贯穿 整个产品项目，快速构建出产品原型，也就是产品项目前的简单框架 ，然后再由网站编辑程序员，应用网站开发流程来完成网站建设。
01 知识储备
任务 1 用Axure站点地图管理页面 —— Axure原型设计概述
【知识储备】
1. 认识Axure Axure是一个快速的原型工具，主要是针对负责定义需求、定义规格、设
计功能、设计界面的专家，包括用户体验设计师（UX）、交互设计师（UI） 、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）、产品经理（ PM）。Axure能快速的进行原型设计，让相关的人员进行体验和验证，向用 户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。
任务 1 用Axure站点地图管理页面 —— Axure原型设计概述
【知识储备】
3. Axure RP 工具安装、注册、汉化和软件界面 1）Axure RP 安装 （1）双击Axure RP-Pro-Setup.exe文件，如图1-1所示的Axure RP7.0软件图 标，打开安装初始化界面，由于平台语言的兼容性问题会出现乱码，但并不影 响软件的安装和使用，如图1-2所示的Axure RP7.0开始安装。
教学目标：
掌握Axure 原型工具安装、注册、汉化和工作界面的介绍
了解Dreamweaver工作环境及使用方法，能够创建站点并
新ห้องสมุดไป่ตู้网页
目录页/Contents
01
任务1 用Axure站点地图管理页面——Axure原型设计概述
02
任务2 个人简历页面——网站环境和本地站点创建
03
任务3 心情日记——开发工具介绍及网站开发总体讲解
图1-1 Axure RP7.0软件图标
图1-2 Axure RP7.0开始安装
系统的功能结构和基本交互效果。为方便项目组人员沟通交流，可以采用低保 真原型设计；当需要演示系统交互效果或者展示设计效果，可以采用高保真原 型设计。最后根据用户确认的原型设计，演示效果，项目组人员进行网站的编 写，将原型设计效果，实现为网站的页面效果。
《WEB 前端开发实用案例教程》
第一单元 个人博客主页
——Axure 原型设计与网站开发入门
随着互联网的普及，网站是信息传播工具，人们通过它来发布自 己想要公开的资讯及提供相关的网络服务。许多公司都有自己的网站 ，用于宣传公司或发布产品信息，个人网站和博客已经不再神秘，越 来越多的网友想拥有自己的一个网站，或为兴趣聚集一帮至交好友， 网站应该怎么建立呢？先用Axure原型设计,以用户为中心的思想贯穿 整个产品项目，快速构建出产品原型，也就是产品项目前的简单框架 ，然后再由网站编辑程序员，应用网站开发流程来完成网站建设。
01 知识储备
任务 1 用Axure站点地图管理页面 —— Axure原型设计概述
【知识储备】
1. 认识Axure Axure是一个快速的原型工具，主要是针对负责定义需求、定义规格、设
计功能、设计界面的专家，包括用户体验设计师（UX）、交互设计师（UI） 、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）、产品经理（ PM）。Axure能快速的进行原型设计，让相关的人员进行体验和验证，向用 户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。
任务 1 用Axure站点地图管理页面 —— Axure原型设计概述
【知识储备】
3. Axure RP 工具安装、注册、汉化和软件界面 1）Axure RP 安装 （1）双击Axure RP-Pro-Setup.exe文件，如图1-1所示的Axure RP7.0软件图 标，打开安装初始化界面，由于平台语言的兼容性问题会出现乱码，但并不影 响软件的安装和使用，如图1-2所示的Axure RP7.0开始安装。
教学目标：
掌握Axure 原型工具安装、注册、汉化和工作界面的介绍
了解Dreamweaver工作环境及使用方法，能够创建站点并
新ห้องสมุดไป่ตู้网页
目录页/Contents
01
任务1 用Axure站点地图管理页面——Axure原型设计概述
02
任务2 个人简历页面——网站环境和本地站点创建
03
任务3 心情日记——开发工具介绍及网站开发总体讲解
图1-1 Axure RP7.0软件图标
图1-2 Axure RP7.0开始安装