产品特色
编辑推荐
学剑,应该找什么人教?西门吹雪和街头卖艺者手中都是剑,你会如何选择师傅?AXURE也是如此,同样的工具,不同的人使起来境界相差甚远。
本书作者就职于全球著名(市值飘忽不定,请大家胡乱猜测,作者实在低调不想公开)IT企业,无论眼界和手艺都是一般职业图书组装人无法相比的。
我们教的是创意,然后才是软件。
内容简介
AxureRP是用来给网站“画蓝图”的软件,它如同售楼处的样板间,让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到*终的真正网站所具有的功能、设计、交互和用户体验。亲眼看到、亲手用到一个网站,然后在这个原型的基础上进行用户测试和改进,节省大量的时间和金钱。
《网站蓝图3.0:Axure7原型设计宝典(互联网产品WebAppApple Watch等)》是《网站蓝图》的彻底新版,基于新的AxureRP7.0版本。用超过30个基于互联网/移动互联网/可穿戴设备的新案例,详细说明如何使用AxureRP一步一步制作高保真原型图。在功能点中,与时俱进地选择了当前互联网流行的功能和技术,比如大量*新的基于iPhone、小米、微信、响应式网站设计和AppleWatch的案例等,也充分考虑了互联网从业人员中各个角色的需求,比如产品经理、决策者、工程师、市场营销人员、广告公司、设计师等。
《网站蓝图3.0:Axure7原型设计宝典(互联网产品WebAppApple Watch等)》适合于互联网的各个角色的从业者,包括产品经理、项目经理、用户体验设计师、平面设计师、运营经理、策划经理、客户经理、工程师、决策者、市场营销人员、商务合作人员、提案者、广告公司、互联网创业者等。
作者简介
皓月,网名阿睡(MrSleepy),2002 年毕业于北京大学物理系。毕业后一直从事互联网相关工作,担任过工程师、产品经理、市场策划、销售策划、营销总监、主管运营和技术的副总裁等职务。现就职于某著名消费电子产品生产商。
曾为上线彻夜不眠,曾为书写需求文档呕心沥血,曾为表明观点苦口婆心,曾为实现功能软磨硬泡、威逼利诱,曾为争取资源据理力争,也曾为了安抚迸发的灵感奋笔疾书到凌晨。不敢说对互联网行业有多么深的理解,但是却对自己喜欢的事情热情未泯。期望能与互联网同业者共勉,能够多劳真的多得。
Tom Yang(杨长韬),青年设计师、艺术家。非常擅长将新兴电子元素运用到作品中,并且创作素材往往源自日常生活。
毕业于东南亚著名广告设计学院TOA,荣誉毕业生获得者,并担任毕业展副主席。回国后,在国内广告公司与互联网公司担任创意总监、运营VP。
服务过的品牌包含:雀巢、西班牙文化局、北欧航空、太古地产、雅虎中国、中国移动、李宁等。
2010 年启动至今的个人创意项目(向妻子的生日祝福电子贺卡)多次获得国内知名互联网媒体报道,其中的 Google Maps 电子贺卡一度在 Alexa“Google Maps”关键词搜索中排到了全球第二。
目录
第1 章 关于Axure RP 70 1
11 Axure公司的故事2
12 装修与Axure RP2
13 隆重介绍 Axure 7 3
131 更多的事件支持3
132 快速Preview5
133 文本输入部件的输入提示5
134 丰富的输入部件内容5
135 新的部件形状6
136 动态面板的新属性6
137 切割图片7
138 所有部件都可以被隐藏7
139 部件可以被设置为圆角、透明、阴影8
1310 新的Widget Manager(部件管理器)8
1311 跨页面的撤销功能8
1312 全新的部件类型——Repeater(循环列表部件)8
1313 Adaptive View (自适应视图)的支持9
1314 Axure Share 发布平台10
1315 高亮显示所有有互动事件的部件11
1316 Site Map 中变量跟踪器11
1317 界面上的调整11
1318 预置参数的添加12
14 爱上Axure RP 的十大理由13
15 Axure RP 的特色功能14
151 概念图+ 设计【Sketch+Design】14
152 互动18
153 文档19
154 合作20
16 Axure RP 与其他原型工具的比较21
第2 章 原型和高保真原型的比较23
21 什么是原型24
22 高保真原型25
23 高保真网站原型的优点 26
24 如下角色的人会参与到网站的制作流程当中28
25 人人都爱高保真原型28
26 谁来制作高保真原型30
27 高保真原型的更新31
28 开始之前32
第3 章 Axure RP 7 软件简介33
31 运行界面34
32 工具栏34
33 Site Map 网站地图35
34 Widget 部件37
35 Masters 主部件区域42
36 页面区域42
37 Page Interactions and Page Style 页面设置区域45
38 Widget Name and Interactions 互动管理区域46
39 Widget Properties and Style 部件属性区域46
310 Widget Manager 部件管理区域46
第4 章 案例解析47
案例1——雅虎首页幻灯48
案例2——Gmail的进度条54
案例3——新浪富媒体广告示意58
案例4——淘宝首页导航鼠标悬停效果 64
案例5——点评网的打分效果69
案例6——360网站的蒙版效果77
案例7——Apple Store 首页的半透明导航效果82
案例8——谷歌搜索提示效果87
案例9——凡客首页的跑马灯文字链96
案例10——美团网的倒计时牌107
案例11——制作PPT提案110
案例12——用Axure RP实现动画120
案例13——Elastica 网站的浮出模块122
案例14——制作iPhone 6 Plus 微信交互效果125
案例15——微商天下——微信和微店的互动136
案例16——引用任意页面的任意部分154
案例17 ——FWA 的呼吸式幻灯广告158
案例18——通用登录注册第一部分165
案例19——通用登录注册第二部分171
案例20——Aquatilis网站的变换边框177
案例21——Apple iPhone 6 手机页面的随滚动加载182
案例22——Looklet 的真人试衣间193
案例23—— 优衣库羽绒服的购买页面204
案例24——Pinterest 的瀑布流211
案例25——小米手机4介绍页面的阶段式滚动221
案例26——App Store on iPad233
案例27——iPhoto 的相册封面效果239
案例28——游戏大家来找茬241
案例29——响应式页面设计255
案例30——Apple Watch262
第5 章 综合案例271
51 电商网站272
511 需求描述272
512 线框图273
513 设计图284
514 高保真线框图286
515 总结310
52 Morework——同行同事在线交流平台310
521 需求描述310
522 需求分析与线框图311
523 高保真线框图317
524 总结331
53 臭美——iPhone App331
531 需求描述332
532 需求分析333
533 高保真线框图333
534 总结358
附录A 基础操作359
A 1 为部件添加事件360
A2 为页面添加事件369
A3 添加变量369
A4 fx 371
A5从Photoshop 到Axure RP372
A6 在Axure RP 中使用Flash377
A7 背景覆盖法379
A8 拖曳部件382
A9 坐标382
A10 尺寸383
A11 生成原型HTML 并在浏览器中查看384
A12 Snag it 使用简介386
附录B 最简单的专题制作方法389
B1 图片堆砌法390
B2 直接切图法391
结尾393
前言/序言
Axure 7.0 已经成为中国互联网、移动互联网从业者的必备工具,到2016 年,Axure 7.0 将全面超越PPT 和Photoshop 在互联网行业的重要性。在最近的百度指数当中,大家可以看到Axure 的增长率大幅超越了Photoshop。
Axure RP,是一款伟大的、曾经默默无闻的网站建模软件。说它伟大,是因为它用如此简单的方式,将千言万语化作无声的默契;说它默默无闻,是因为曾经只有很少的人在使用它编织和描绘自己的梦想和创意。大部分人尚不知道有这样一款神奇的软件,可以让人们如此清晰地触摸一个网站的脉络。
“仁者见仁,智者见智”这样一句话,不知道让多少网站经历了推倒重来、混乱之至、莫名其妙、虎头蛇尾的痛苦过程。这一切的原因都是因为,文字是不可靠的!文字的不可靠在于,不同的人对于同样的文字会有不同的理解。这种不同的理解从开始就将网站建设带入了深渊。大家都知道,建筑是靠蓝图造出来的,建筑蓝图详细说明了建筑是什么样子的,照着蓝图施工,造出来的大楼是跟蓝图一模一样的。正因为很多网站没有好的蓝图,才导致了网站建设中的拖沓与混乱。那么,如何制作网站蓝图?
Axure RP 就是用来给网站画蓝图的软件,它如同服装设计师的样衣、建筑师的蓝图、电影导演的故事版、售楼处的样板间……总之,它让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到最终的真正网站所具有的功能、设计、交互和用户体验,亲眼看到、亲手用到一个网站。然后在这个原型的基础上进行用户测试和改进,节省大量的时间和金钱。比这个更棒的是,它能让人一下子就明白网站是做什么的、如何使用一个网站以及要花多少人力物力把一个网站做出来。装修之前,我们会看样板间,这样就知道如果买了,住进去的是什么样的房子。那么看到最终网站之前,投资人、工程师、老板、客户也会想看到“网站的样板间”,这样他们才知道自己要做什么、钱花在什么地方了、提供了什么样的服务、买的是什么东西……Axure RP 就是制作“网站样板间”的工具。它是如此强大(抱歉我再一次陶醉地说),所制作的样板间,并不仅仅是“装修好的样板间”,还有各种“家电”、“家具”、“灯”……是可以住的样板间!
有了Axure RP,无论你是:
. 焦头烂额、觉得全世界人都无法理解你的产品的产品经理;
. 精益求精追求完美的设计师;
. 无所不能看透世间冷暖的工程师;
. 拥有奇思妙想濒临退学的奇才;
. 怀揣梦想寻求资金的创业者;
. 不满现实遭受悲惨用户体验的互联网受害者;
. 运筹帷幄的公司决策者;
. ……
你都可以理直气壮地站起来说“各位,这,就是我想要的!”
声明:本书是全网Axure 专业图书销售第一名的《网站蓝图:Axure RP高保真网页原型制作》的最新版本,这本书同时也是国内第一本Axure 原创图书,被竞相模仿,甚至,抄袭。国内知识产权保护尚不完善,需要我们一起去维护。Axure这个工具与诸如PPT、PS之类的工具不同,它是基于创意和结构的,需要作者具备大量的真实从业经历才能将其神奇之处展现出来,绝非一些职业写手可以驾驭的。但是本着“组织结构可以抄袭,项目案例可以照搬”的原则,市场上充斥了大量“山寨”Axure 图书,笔者无奈之余,还是无奈……
拒绝山寨,从我做起!
彻底更新
本书之所以叫做3.0 版本,是因为作者另外一本畅销书《APP蓝图:Axure RP 7.0 移动互联网产品原型设计》是2.0 版本。
在3.0 版本中,作者做了如下大规模的改进:
1. 超过30 个基于互联网/ 移动互联网/ 可穿戴设备的最新案例。
2. 鉴于1.0 版本的读者反馈,本书案例难度进行了梯度调整,由浅入深,初学者和高级用户都可以找到需要的内容。
3. 加入最新的桌面网站和移动网站(App)的最新国际设计趋势。例如呼吸式菜单,飘动banner,变换边框的菜单,滚动加载等。
4. 跟随互联网、移动互联网及可穿戴设备的潮流,提供大量最新的基于iPhone、小米、微信、响应式网站设计和Apple Watch 的案例。
5. 充分考虑了互联网从业人员中各个角色的需求, 比如产品经理、决策者、工程师、市场营销人员、广告公司、设计师等。
特别提示
首先多谢各位读者的厚爱,网站蓝图1.0 在京东获得上千个5 星好评,2.0版本上市3 个月也获得将近400 个5 星好评。希望最新的版本,也能够给大家在移动互联网的大潮中带来帮助。
本书在写作中,为了避免将同样操作一次又一次地重复介绍,而且避免在一开始就把大家带入到莫名其妙的操作中,我们将一些常用的、反复性的内容放在了基础操作一章中,希望大家不要迷茫。
对于读者来说,并不需要了解很多的技术细节。不过对于一些高级的Axure RP 功能,熟悉HTML 和网站创建流程能够加深对本书的理解。
读者群
. 互联网行业产品经理
. 开发人员
. 用户体验设计师
. 平面设计师
. 运营经理
. 策划经理
. 从事互联网营销的客户经理、创意人员、销售人员、商务合作人员、提案者、策划经理
. 互联网创业者
广告公司、广告代理公司的客户经理、策划人员
鸣谢
大概是人品好的缘故,笔者身边全是正直勤奋的亲人和朋友,你们的智慧和包容极大提升了笔者的创意、技术和道德水准。这里因为太多,就不一一列出占纸了,谢谢你们!
另外,本书的问世,仍然离不开清华大学出版社栾大成编辑的鼓励和督促,以及严谨的、对读者和内容负责的态度。大成编辑丰富的行业知识,为笔者提供了丰富的案例建议并一起不断修订打磨至一本还过得去的书。这段是真心的,不是某编辑逼我写的。
参考资料声明
为了顺利地展开主题,本书在编写过程中参考了国内外一些著名网站/APP 的功能和效果,在此感谢网站制作和策划人员的努力工作。由于少量案例来源于互联网,因此无法一一查明原作者,无法准确列出出处,敬请谅解。如有内容引用了贵机构、贵公司或您个人的技术资料或作品却没有注明出处,欢迎及时与出版社或作者本人联系,我们将会在博客或相关媒体中予以说明、澄清或致歉,并会在下一版中予以更正及补充。
效率就是生命
“运动中的赛跑,是在有限的路程内看你使用了多少时间;人生中的赛跑,是在有限的时间内看你跑了多少路程。”
——冯骥才
我们并不确定自己有多少时间,能把控的只有当前的效率。好的工具无疑可以大幅提升效率,好的工作流程则可以大幅提高团队的整体效率。Axure RP 对于产品团队,既是利器,也引入了更高效的工作流程。
记得一次我们拿Axure RP 制作的交互稿给马化腾审阅,马化腾当成了设计稿,批复说风格简约,可发布。
为什么提起产品设计就会谈到Axure RP,它到底好在哪里?吕皓月精心编写的这本书将会带你领略,而我担心的是,Axure RP的魅力会将人迷晕,忽视效率这个更本质的话题。
关于效率,我谈体会:
一、别让工具成为负担
打开一个可以制作高仿真原型的工具,很多时候会不自觉地考虑对齐、边距等美观问题,这些工作花了不少时间,但对原型需要验证的问题可能帮助不大。虽然Axure RP 提供了草稿工具,其实,在最早的构思阶段还是不如纸和笔来的挥洒自如。
在使用工具的时候,要专注自己当前的任务,抑制自己的强迫症和多动症。当工具影响自己想象力的发挥时,要考虑使用其他工具辅助。这一点Axure RP 做得非常好,整个过程行云流水,几乎不会成为想象力的障碍。
二、有效的沟通才能让流程生效
不要被流程框死,也不要迷信流程中的交付可以代替沟通。团队在一起协作,最重要的还是充分的沟通,每个团队都需要在实践中寻找适合自己的工作流程。比如QQ 邮箱,他们的设计团队自己完成前端制作,这样就少了很多没必要的沟通,也不再需要反复确认,改到自己满意就可以了,最终体现出来的工作效率极高。
总而言之,使用Axure RP:
不占用更多时间,祝你掌握效率的秘密。
——王坚
网站蓝图3.0:Axure7原型设计宝典(互联网产品WebAppApple Watch等) 下载 mobi epub pdf txt 电子书 格式
网站蓝图3.0:Axure7原型设计宝典(互联网产品WebAppApple Watch等) 下载 mobi pdf epub txt 电子书 格式 2024
网站蓝图3.0:Axure7原型设计宝典(互联网产品WebAppApple Watch等) mobi epub pdf txt 电子书 格式下载 2024