网站蓝图

吕皓月,杨长韬

文学

axure 产品经理 原型 交互设计 网页设计 产品设计 互联网 用户体验

2012-7

清华大学出版社

目录
PART 1 基础部分 第1章 关于Axure RP 1.1 Axure公司的故事 1.2 装修与Axure 1.3 爱上Axure RP的十大理由 1.4 Axure RP的特色功能 1.4.1 概念图+设计(Sketch+Design) 1.4.2 互动 1.4.3 文档 1.4.4 合作 1.5 Axure RP与其他原型工具的比较 第2章 原型和高保真原型的比较 2.1 什么是原型 2.2 高保真原型 2.3 为什么要制作高保真网站原型 2.4 人人都爱高保真原型 2.5 谁来制作高保真原型 2.6 高保真原型的更新 2.7 开始之前 第3章 AxureRP软件使用概述 3.1 AxureRP软件安装与界面 3.2 工具栏区域(Toolbox) 3.3 站点地图区域(Sitemap) 3.4 部件区域(Widgets) 3.4.1 线框图部件库 3.4.2 部件的属性 3.5 主部件区域(Masters) 3.6 页面区域(Pages) 3.7 页面设置区域(Page Notes/Interactions/Formattings) 3.8 部件属性区域(Widget Properties) 3.9 动态面板管理区域(Dynamic Panel Manager) 第4章 AxureRP基础操作与技巧 4.1 为部件添加事件 4.2 为页面添加事件 4.3 从Photoshop到Axure RP 4.4 在Axure RP中使用Flash 4.5 背景覆盖法 4.6 拖曳部件 4.7 坐标 4.8 尺寸 4.9 设置变量值 4.10 生成原型并在浏览器中查看 4.11 Snag It使用简介 PART 2 案例部分 案例1 雅虎首页幻灯 步骤1 创建新项目 步骤2 制作广告动态面板 步骤3 制作Thumbnail区域 步骤4 滑动切换 总结 案例2 分享到新浪微博 步骤1 创建新项目 步骤2 添加分享按钮 步骤3 制作新浪分享接口页 步骤4 添加登录动态面板 步骤5 添加分享按钮动作 步骤6 为Login面板添加事件 步骤7 分享成功页面 步骤8 倒计时3秒 总结 案例3 Gmail的进度条 步骤1 制作进度条 步骤2 制作覆盖物 步骤3 移动覆盖物 步骤4 登录页和邮箱页 步骤5 更改Axure RP的默认打开页面 总结 案例4 新浪富媒体广告示意 步骤1 准备页面背景 步骤2 添加必胜客的Flash广告 步骤3 调整Flash广告的尺寸 步骤4 关闭Flash广告 步骤5 Flash广告的侧边栏 步骤6 Flash广告自动关闭 总结 案例5 iCast广告 步骤1 创建页面背景 步骤2 添加Flash广告 步骤3 自动关闭广告 总结 案例6 雅虎首页全屏展开的广告 步骤1 准备广告动态面板 步骤2 准备背景页面 步骤3 自动关闭广告 总结 案例7 淘宝首页导航鼠标悬停效果 步骤1 准备背景图 步骤2 制作导航菜单 步骤3 另外一种方式 步骤4 进一步的可能性 总结 案例8 淘宝商城的全局导航 步骤1 准备A区的动态面板 步骤2 准备B区的动态面板 步骤3 为面板添加事件 步骤4 添加文字链 步骤5 取巧的响应区域 步骤6 更多的动态面板 步骤7 更多动态面板 总结 案例9 点评网的打分效果 步骤1 准备星星的图片 步骤2 准备动态面板的状态 步骤3 让“星星闪亮” 步骤4 打分完成后显示分数 步骤5 满天都是小星星 步骤6 Baby One More Time 总结 案例10 谷歌搜索提示效果 步骤1 准备背景 步骤2 准备搜索框 步骤3 准备提示框 步骤4 处理tips动态面板的状态 步骤5 其他的关键词 步骤6 让搜索提示出现 步骤7 让页面完整 总结 案例11 自己设计网页播放器 步骤1 搭建舞台背景 步骤2 播放和暂停按钮 步骤3 音量调节按钮 步骤4 播放进度条 总结 案例12 凡客首页的跑马灯文字链 步骤1 准备页面元素 步骤2 编辑舞台面板 步骤3 为文字链添加链接 步骤4 无限循环 步骤5 开始无限循环 总结 案例13 促销的倒计时牌 步骤1 时•分•秒•百分之一秒 步骤2 无限循环 步骤3 OnMove函数 步骤4 初始化变量 总结 案例14 制作PPT(提案) 步骤1 制作背景 步骤2 将背景制作为主部件(Masters) 步骤3 制作第一张幻灯片 步骤4 Raise Event事件 步骤5 其他幻灯片 步骤6 将项目放在公司网站上 步骤7 简单加密 总结 案例15 淘宝商场首页幻灯效果 步骤1 搭建幻灯片 步骤2 搭建幻灯片的页码部分 步骤3 timer面板的无限循环 总结 案例16 新浪微博的图片和视频 步骤1 搭建背景 步骤2 第一条微博 步骤3 第二条有图有视频的微博 步骤4 为Blog2添加图片和视频 步骤5 添加事件 步骤6 亲!您有新的微博 步骤7 新微博的显示 总结 案例17 制作iPhone交互效果 步骤1 自制iPhone 4的部件库 步骤2 添加iPhone 4的按钮部件 步骤3 滑动开关 步骤4 弹出的通知窗口 步骤5 制作Tab按钮 步骤6 其他部件 步骤7 iPhone 4的图片应用 总结 案例18 引用任意页面的任意部分 步骤1 火车票搜索 步骤2 机票搜索 步骤3 酒店搜索 步骤4 其他部分 总结 案例19 通用登陆注册第一部分 步骤1 完成表单的布局 步骤2 输入框的边框变化 步骤3 让边框跟随鼠标变化 步骤4 添加其他输入框的提示 总结 案例20 通用登陆注册第二部分 步骤1 准备验证Email输入 步骤2 验证Email输入 步骤3 验证密码 步骤4 再次验证密码 步骤5 处理验证码 总结 案例21 Apple首页的滑动搜索框 步骤1 准备背景图片 步骤2 准备项目 步骤3 滑动模块 步骤4 让搜索框变大 步骤5 让搜索框变小 总结 案例22 优衣库淘宝商城购物车 步骤1 创建商品图片 步骤2 选择产品颜色 步骤3 选择尺码 步骤4 加入购物车 步骤5 搭建购物车 步骤6 购物车面板的显示和关闭 步骤7 查看购物车 总结 案例23 Looklet的真人试衣间 步骤1 准备模特 步骤2 第一件上装 步骤3 第二件上装 步骤4 第—件下装 步骤5 脱衣服 总结 案例24 游戏“大家来找茬” 步骤1 主界面 步骤2 关卡1 步骤3 显示当前关卡数 步骤4 挑选关卡 步骤5 一个关键的地方 步骤6 倒计时 步骤7 失败了 步骤8 一关接一关的玩 步骤9 解决几个Bug 总结 PART3 综合案例 综合案例1 电商网站 1.需求描述 2.线框图 3.购物流程(略,请参考素材) 4.设计图 5.高保真线框图 6.试衣间 7.结账页面步骤1 8.结账页面步骤2 9.结账页面步骤3 10.结账页面步骤4 总结 综合案例2 促销专题——迅速制作精美的促销专题 需求描述 步骤1:功能区域 步骤2:Logo和搜索框 步骤3:导航条 步骤4:幻灯区域 步骤5:品牌、活动推荐区域 步骤6:分类商品区域 步骤7:页脚 总结 外篇 最简单的专题制作方法 图片堆砌法 直接切图法 综合案例3 臭美——iphoto App 需求描述 需求分析 高保真线框图 首页Homepage 登录页面login 我的臭美日记My beauty dairy 查看附近nearby homepage list view 查看附近热门排行neaby hottest 我关注的人friend feed 图详情页single image rt and flag 转评分享rt nd share Ta的信息her account 拍照页面take photo homepage 设置页面setting pages 每日拍照闹钟提醒 总结 综合案例4 没够网——影响力社交团平台 需求描述 需求分析 高保真线框图 幻灯区域 当前登录用户的信息 好友动态 最近被我影响的 Footer 总结 综合案例5 Morework——同行同事在线交流平台 项目描述 需求描述 需求分析 高保真线框图 “事儿”页面single post 人的页面 发新事儿 注册页面register 我的人脉圈 登录页面 我的公司 总结
【展开】
内容简介
《网站蓝图:Axure RP高保真网页原型制作》介绍了Axure RP是用来给网站“画图纸”的软件,它如同售楼处的样板间,能让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到最终的真正网站所具有的功能、设计、交互和用户体验。亲眼看到、亲手用到一个网站,然后在这个原型的基础上进行用户测试和改进,节省大量的时间和金钱。
【展开】
下载说明

1、追日是作者栎年创作的原创作品,下载链接均为网友上传的的网盘链接!

2、相识电子书提供优质免费的txt、pdf等下载链接,所有电子书均为完整版!

下载链接