具体描述
《网站蓝图:Axure RP高保真网页原型制作》介绍了Axure RP是用来给网站“画图纸”的软件,它如同售楼处的样板间,能让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到最终的真正网站所具有的功能、设计、交互和用户体验。亲眼看到、亲手用到一个网站,然后在这个原型的基础上进行用户测试和改进,节省大量的时间和金钱。
作者简介
吕皓月,网名阿睡(MrSleepy),2002年毕业于北京大学物理系。毕业后出国未遂,一直从事互联网相关的工作。曾就职于雅虎,阿里巴巴、公司A、公司B等公司。担任过工程师、产品经理、销售策划、市场策划、营销总监、营销副总裁等职务。对互联网行业的产品、技术、营销等方面有着持续的热情。
曾为产品上线彻夜不眠,曾为书写需求文档呕心沥血,曾为表明观点苦口婆心,曾为实现功能软磨硬泡、威逼利诱,曾为争取资源据理力争,也曾为了进发的灵感奋笔疾书到凌晨。不敢说对互联网行业有多么深的理解,但是却对自己喜欢的事情热情未泯。期望能与互联网的同业者共勉,能够多劳真的多得。
杨长韬,网名Tom Yang,近洋海归。2004年初离开任职3年的卓越网出国深造,学习广告营销与视觉设计。2007年回国至今从事商业品牌建立、互联网营销以及体验设计等相关工作,参与的项目包括雀巢、北欧航空、三里屯Village以及钓鱼台米高梅集团酒店等,然而最值得称道的作品是2010年为其太太制作的Google Map电子贺卡,在被Google官方取缔前的4天中,其坊问流量Alexa排名Google Map关键司全球第二。
目录信息
第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方面的书太少了,软件本身不难学,但是一些效果制作的思路还是值得学习的。本书举了不少时下流行效果的制作案例,这点比较不错。但是AXURE早出汉化版了,本书还是用英文版举例,文字也比较生硬,读起来不怎么省力。
多2B的一本书。Axure是这么用的么。出书的人Axure是干什么都搞不清楚。
我搞不懂,作者说废话的时候,全部是用中文来写。但是到了 具体操作的时候全部拽英文。 部件命名用英文,命令语句用英文。看了你一大堆废话,到了关机的地方就看不懂了。 作者你是不是在秀你的英文? 脑残!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!...
书很精美,但感觉精美>内容,很厚一本书案例还是少了点。 AXURE方面的书太少了,软件本身不难学,但是一些效果制作的思路还是值得学习的。本书举了不少时下流行效果的制作案例,这点比较不错。但是AXURE早出汉化版了,本书还是用英文版举例,文字也比较生硬,读起来不怎么省力。
表示本人没有看过此书,只是个人观点: 1、Axure目前为止没有看到相关教程书籍,这是我听说过的第一本。 2、Axure本身是一个工具类软件,而且有一定的行业限制,Web或移动APP(有更好的软件)的设计。所以此类书籍有一定的市场和相应的用户群体。 3、书籍的价格太贵了,实在没...
用户评价
我是一位对用户体验和界面设计有着极高追求的开发者,《网站蓝图》这个名字,瞬间点燃了我对这本书的兴趣。《网站蓝图》在我看来,不仅仅是关于如何搭建一个网站,更是一门关于如何构建一个能够触动人心、引发共鸣的数字空间的艺术。我期待书中能够深入探讨用户心理学在网站设计中的应用,如何通过精心设计的交互流程,让用户在使用过程中感到愉悦和高效。我希望书中能够提供一些关于响应式设计、移动端优化以及无障碍访问等方面的先进理念和实践。我也对书中可能涉及的A/B测试、用户反馈收集与分析,以及如何基于数据驱动来不断优化用户体验的内容感到好奇。我甚至设想,这本书可能会像一位资深的设计导师,指导我如何创造出不仅功能强大,而且充满美感和人文关怀的数字产品,让每一个用户都能在我的网站上找到属于他们的“家”。
我是一名对互联网充满热情,但又相对新手的内容创作者,对于如何构建一个能吸引读者的网站,我一直感到有些迷茫。《网站蓝图》这个书名,听起来就像是为我这样的读者量身定做的。我希望这本书能够像一位经验丰富的向导,一步一步地告诉我,如何从零开始,打造一个既美观又实用的网站。我期待书中能够详细讲解网页设计的原则,比如如何布局、如何选择颜色、如何使用字体等等,让我的网站看起来专业且有吸引力。更重要的是,我希望它能教我如何撰写引人入胜的内容,如何吸引访客并让他们留下来,甚至愿意与我互动。我还会关注书中是否会提供一些关于如何推广网站、吸引流量的策略,因为我知道,即使网站再好,没有流量也是徒劳。我希望能从这本书中获得一种“化繁为简”的能力,让我能够理解那些看似复杂的技术问题,并找到解决之道。
这本书的封面设计就非常有吸引力,那种深邃的蓝色,配合着简洁却又充满力量的字体,仿佛在诉说着一个宏大的故事。我拿到这本书的时候,就有一种迫不及待想要翻开它,去探索其中奥秘的冲动。我一直对一些关于未来发展趋势、创新思维的题材很感兴趣,而这本书的名字《网站蓝图》恰好触动了我内心深处的好奇。我猜想,这本书应该会像一张指引未来方向的地图,为读者揭示构建成功的网络世界的关键要素。我会期待书中能够深入浅出地讲解那些复杂的技术概念,用生动的语言和贴近现实的案例,帮助我理解如何才能打造一个既有吸引力又能产生实际价值的网站。或许,它会从最初的构想到最终的实现,层层递进,让我在阅读的过程中,逐步构建起对“蓝图”的清晰认知。我尤其希望书中能包含一些关于用户体验设计、内容策略以及如何在新时代背景下保持网站竞争力的独到见解。
我最近在寻找一些能够真正带来启发和改变的书籍,尤其是在我从事的行业里,快速迭代和信息爆炸已经成为常态,如何在这种环境下保持敏锐的洞察力,并能抓住未来的机遇,对我来说至关重要。这本书的名字《网站蓝图》,虽然听起来偏向技术性,但我总觉得它背后蕴含着更深层次的智慧。我预感,作者可能会以一种非常前瞻的视角,去剖析当前网站发展的现状,并大胆预测未来的发展方向。我期待书中能够提供一些实用的框架和方法论,让我能够将书中的理念应用到实际工作中,从而优化我现有的项目,或者为未来的新项目打下坚实的基础。我希望它不仅仅是停留在理论层面,而是能够提供一些可操作的建议,甚至是一些成功的案例分析,让我能够从中学习到宝贵的经验。我甚至想象,书中可能会探讨如何利用新兴技术,例如人工智能、大数据等,来重塑网站的形态和功能,从而创造出颠覆性的用户体验。
我是一位对商业策略和技术创新有着浓厚兴趣的读者,我一直相信,优秀的商业模式往往离不开强大的技术支撑。《网站蓝图》这个名字,让我对书中可能涉及的内容充满了遐想。我推测,这本书很可能不是一本纯粹的技术手册,而是会深入探讨如何将技术手段与商业目标相结合,从而构建出具有竞争力的网络平台。我期待书中能够剖析那些成功的互联网公司是如何构建和优化他们的网站的,他们是如何在激烈的市场竞争中脱颖而出的。我希望书中能提供一些关于如何进行市场调研、用户需求分析,以及如何根据这些分析结果来设计和迭代网站的宝贵经验。我也对书中可能探讨的盈利模式、用户增长策略以及如何利用网站来构建品牌影响力等内容非常感兴趣。我甚至想象,这本书可能会对未来的互联网商业生态进行一次深刻的解读,为读者提供一个具有战略意义的“蓝图”。
版本已旧,和7.0版本差太多,不适用。。。。
图文并茂,很详细,适合初学者笔者葫芦画瓢!
用Axure做Prototype的一本,学到很多细节。以前零散看过一些,但不成系统,有时候遇到什么不会做也就是百度一下。这本书可以扩展下思路,例如滚动效果的实现,以前用的比较复杂的方法来做高保真,现在用偷懒的方式来做,其实也差不多,原型的关键是体验O.Z.模式,而不是精确实现~
前面教怎么用axure挺有用的。。。。后面纯粹在。。。写网页代码OTZ。。做个交互没必要吧这么细的互动加进去吧。。哈。。
作为该工具的入门书还是值得参考的,结合其他一些经验贴,大概几个小时可以有个感觉