APP蓝图:Axure RP7.0移动互联网产品原型设计

APP蓝图:Axure RP7.0移动互联网产品原型设计 pdf epub mobi txt 电子书 下载 2025

吕皓月 著
图书标签:
  • Axure RP7
  • 0
  • 移动互联网
  • 原型设计
  • APP设计
  • 用户体验
  • 交互设计
  • 产品设计
  • 设计方法
  • 软件工具
  • UI设计
想要找书就要到 图书大百科
立刻按 ctrl+D收藏本页
你会得到大惊喜!!
出版社: 清华大学出版社
ISBN:9787302385622
版次:1
商品编码:11651188
品牌:清华大学
包装:平装
开本:16开
出版时间:2015-01-01
用纸:胶版纸
页数:284

具体描述

产品特色

编辑推荐

相关好书推荐:

内容简介

  移动互联网原型设计,简单来说,就是使用建模软件制作基于手机或者平板电脑的App,HTML 5网站的高保真原型。在7.0 之前的版本中,使用Axure RP进行移动互联网的建模也是可以的。比如,对于桌面的网站模型,制作一个1024像素宽度的页面就可以了;现在针对移动设备,制作320像素宽度的页面就好了。但是在新版本的Axure RP 7.0 中,加入了大量对于移动互联网的支持,如手指滑动,拖动,横屏、竖屏的切换,自动适应多设备等交互功能,极大地方便了移动互联网原型制作。

  《APP蓝图:Axure RP7.0移动互联网产品原型设计》专注于介绍移动互联网的案例制作,以使用微信、LinkedIn、腾讯新闻客户端、滴滴打车、iOS 7等主流移动互联网应用程序为案例,深入浅出地介绍了移动互联网应用程序的设计和交互精髓。并且,最终这些制作的高保真原型可以真正地在手机上进行体验,就好像真正安装了它们一样。

  《APP蓝图:Axure RP7.0移动互联网产品原型设计》的作者也是《网站蓝图——Axure RP高保真网页原型制作》的作者。对于读者来说,无论是熟练使用Axure RP,还是一次接触这个软件,本书都是一个不错的选择。

作者简介

  吕皓月,网名阿睡(MrSleepy),2002年毕业于北京大学物理系,毕业后在澳大利亚的海滨小城拿到了硕士学位,之后一直从事互联网相关工作。曾就职于雅虎、阿里巴巴、CHICR时尚电商、某知名手机品牌公司。担任过工程师、产品经理、销售策划、市场策划、营销总监、战略合作等职务。对互联网行业的产品、技术、营销等方面有着持续的热情。同时,一直内嵌一颗创业的心,无奈没有钱,只好把想法做成原型,于是有了写书的冲动。  曾为上线彻夜不眠,曾为需求文档呕心沥血,曾为表明观点苦口婆心,曾为实现功能软磨硬泡、曾为界面细节威逼利诱,曾为争取资源据理力争,也曾为了迸发的灵感奋笔疾书到凌晨。不敢说对互联网行业有多么深的理解,但是却对自己喜欢的事情热情洋溢。期望本书能与互联网的同业者共勉,早日实现真正的多劳多得。  最后说说我的梦想:让科技提高效率,然后每个人都可以多睡一会儿。

精彩书评

  ★欲成其事,先利其器,对于许多互联网从业人员(尤其是产品人员或UE设计师)来说,Axure RP无疑是你行走江湖、养家糊口的必备兵刃,这是一本读起来像小说的剑谱,阅读过程很轻松,却对功力提升大有助益。

  ——暴风影音 产品副总裁 崔天龙


  ★该书详尽剖析实用案例,充分展现编者在宏观教学上的掌控力。作为iOS开发者来说,Axure RP无疑是必备软件之一,如何在工作中充分运用Axure RP,却成为许多iOS开发者的心头病。Axure RP本身并没有教学说明,网络上只有一些简单介绍,想要做到玩转Axure RP,单靠这些是无法实现的。而现在,该书的出现,成为iOS开发者的福音,草草翻阅便爱不释手,不仅可帮助初学者迅速学习技巧,也可用于高级开发者的进阶提升,实用性很强,图文配合简明文字,清楚易学,绝对是不可错过的iOS开发者必备建模书。

  ——IMOHOO INFOTECH 副总经理 王斐


  ★本书以各大网站的实际页面为例子,详细描述了如何从一个想法,到低保真线框图,再到高保真页面原型的过程,并且结合了项目管理中(提案、归纳、演示等)的各种实用建议。是产品经理、技术工程师、商务合作人员、创业者必备指南。

  ——百度专业产品经理 闫研


  ★技术人员经常说:好的产品经理就和一段完美的爱情一样,是可遇而不可求的。和吕皓月同事了两家公司,并肩作战了多个项目,他一直都是我们公认的出色产品经理,他编写的产品文档也是我们愿意拿给新人学习的。

  ——混迹于互联网的 @博升优势王志强


  ★这本书从Axure RP的历史背景、适用范围入手,通过跟其他图形工具的对比充分展示了它在项目开发中的重要性和优越性。在对Axure RP有了一个初步了解之后,又通过图文搭配的方式详细具体地介绍了Axure RP的特色功能,同时结合实际教学案例,使用户能够轻松、快速地掌握学习内容,并在实际操作中熟练运用,使项目开发事半功倍。

  ——魔盒信息科技有限公司 技术总监 王宝存


  ★网站开发中,产品经理无论是写文档还是让技术人员去阅读文档,无疑都是一件非常低效的事情。尝试更高效的工具吧!Axure高保真的原型效果既能直观体现出产品经理的想法,又能和技术人员达成无障碍的沟通。这是一本循序渐进地讲解Axure RP使用的书,有大量和实战相关的案例讲解,如果您要更高效地阐述您的想法,更快速地建立产品原型,那么本书是您的案头必备!

  ——美乐网技术总监 冷昊


  ★非常实用,是互联网产品经理提高效率的必备工具书。

  ——淘宝联盟广告策划 黛羽


  ★这是一本深入浅出的Axure实战宝典,鲜活生动的案例式教学,让经典原型制作工具的学习不仅仅是纸上谈兵。帮助你简单、全面、深刻了解Axure。

  ——去哪儿网 产品总监 高兴


  ★每个产品经理都会喜欢上这本书,因为它能让你的每一个奇妙想法都快速展现在大家面前,它能让投资人喜欢你、让老板喜欢你、让设计师喜欢你、让工程师喜欢你……

  ——新浪乐居 刘博


  ★不管是一本好书还是一款出色的软件,都不可能长久称霸。而本书,我不敢说永远不会被超过,但我敢说一定是未来三年内非常受用的互联网工作者用书——记住:“不是之一”。我建议本书应该作为互联网从业人士的必读书籍。

  ——前雅虎网高级编辑 胡烨

目录

第1 章 隆重介绍 Axure RP 7.0

1.1 更多的事件支持

1.2 快速预览

1.3 文本输入控件的输入提示

1.4 丰富的输入控件内容

1.5 新的控件形状

1.6 动态面板的新属性

1.7 切割图片

1.8 所有控件都可以被隐藏

1.9 控件可以被设置为圆角、透明、阴影

1.10 部件管理区域(Uidget Manager)取代了动态面板管理区域(Dynamic Panel Manager)

1.11 跨页面的撤销功能

1.12 全新的部件类型——Repeater(循环列表部件)

1.13 Adaptive View (自适应视野)的支持

1.14 Axure Share 发布平台

1.15 高亮显示所有有互动事件的部件

1.16 Sitemap 中的变量跟踪器

1.17 界面上的调整

1.18 预置参数的添加


第2 章Axure RP 7.0 的基本操作

2.1 界面介绍

2.2 添加事件

2.3 添加变量

2.4 fx


第3 章 移动互联网原型设计九原则

原则1:产品设计者要是产品的重要用户

原则2:在每一个界面上考虑用户在界面上要获得什么

原则3:用最合适的方式显示信息

原则4:考虑移动互联网设备的特殊性

原则5:实在想不明白,就看看别人怎么做吧

原则6:从简单的产品开始

原则7:将美好的情感融入产品

原则8:内容与形式同样重要

原则9:数据分析与用户分析同样重要


第4 章 移动建模

4.1 场景模拟

4.2 真实模拟


第5 章常见的APP 界面布局

5.1 顶部导航

5.2 标签式导航

5.3 抽屉式

5.4 九宫格式

5.5 下拉列表式

5.6 异形

5.7 分级菜单


第6 章 第三方控件库

第7 章 iPhone 5s 横向滑动效果

第8 章 应用程序的启动过渡页面

第9 章 微信的纵向滑动效果

第10 章 腾讯新闻客户端的横向/ 纵向交织的拖动效果

第11 章 iOS 7 信息应用的删除效果

第12 章 下拉缓冲效果

第13 章 图片的单击和双击效果

第14 章 滴滴打车的现在用车效果

第15 章 股票的局部纵向和横向滚动效果

第16 章 LinkedIn 的抽屉式菜单

第17 章 iOS 的单选按钮

第18 章 Passbook 的Tab 效果

第19 章 提醒事项

第20章 时钟拖拽

第21章 联系人字母导航

第22章 新手提示

第23 章 邮箱的自适应视图

第24 章 iOS 7 的控制中心效果

第25 章 iOS 的提示

第26 章 弹出幻灯界面

第27 章 响应式页面设计

第28 章 iOS 8 的即时信息回复

第29 章 iOS 8 的iMessage 加入照片和视频

结束语


精彩书摘

  移动建模

  本书的大部分内容和案例将是关于移动建模的。所以我们先来介绍一下如何进行移动建模。使用Axure RP 7.0 进行移动建模跟桌面建模是很不相同的。因为如果直接使用“Preview(预览)”,我们会发现项目在桌面浏览器(如IE、Chrome或者Safari)中自动打开了。而我们并没有一个移动版本的Axure RP 7.0 能够直接在手机或者平板电脑上运行,然后使用移动浏览器来预览。所以,我们需要在桌面上完成原型的建模工作然后让模型“看起来”或者“感觉起来”是在移动设备上运行。为了做到这一点,我们使用以下两种方式进行“模拟”的移动建模。

  4.1 场景模拟

  简单来说,我们制作一个跟移动设备屏幕尺寸相同的“页面”区域,然后把它放到一个移动设备的背景前面。这样,整体看来,就好像我们在一个移动设备上运行该原型一样。为了做到这一点,我们先去下载一个移动设备的“背景”。

  在本书中,笔者将使用“iPhone 5s”来作为建模的背景图片。大家可以在本章的素材部分下载相应的图片。建议大家直接使用这张设计好的图片。

  在开始创作前,我们先简单介绍一下iPhone 5s 的各个部分的屏幕尺寸。iPhone 5s 的屏幕显示部分的尺寸是640 像素x1136 像素。每英尺的像素数是326。有些读者可能对这些概念并不熟悉。没有关系,我们只需要设定一个大小合适的背景图片,然后在它上面进行原型创作就好了。背景大,我们制作的原型尺寸也可以大;背景小,我们制作的尺寸就小。只要二者合适就好了。

  iPhone 5s 的状态栏,也就是显示信号、电池容量的这个部分的尺寸是640 像素x40 像素。一般来说,在进行原型创作的时候,我们不能使用这个部分的显示。所以,我们的有效创作面积为640像素x1096像素。

  但是640 像素x1096 像素这个尺寸对于普通的电脑屏幕来说,仍然太大了,不方便我们进行创作和演示。而在iPhone 上之所以这么大的区域能够在手掌大的一块地方显示出来,是因为iPhone 的分辨率达到了视网膜级别。所以,我们要把背景图进行一下缩小处理,以使我们具有一个等比例缩小的,320像素x548 像素的背景。为做到这一点,我们需要使用专业的图片软件Photoshop 来处理这个图片。在本章的素材中,我们已经处理好了一张iPhone 5s 图片,其外围尺寸为443 像素x900 像素,有效的显示区域为320 像素x568 像素。也就是宽和高都缩小了一半,刚好适合我们的屏幕尺寸。

  下面我们就来在Axure RP 7.0 中制作一个iPhone 5s 的工作区域。

  首先,在Axure RP 7.0 中创建一个新项目,然后添加一个新的页面叫作“场景模拟”。

  然后,我们把“iPhone-5s-Golden”这张JPG 图片添加到Axure RP 7.0 中。我们可以直接通过文件拖拽的方式,也可以在Axure RP 7.0 中拖拽一个图片控件到编辑区中,然后双击它。

  选中“iPhone-5s-Golden ”这张图片,Axure RP 7.0会发现这是一张很大的图片,所以会询问是否要优化这张图片。因为我们希望保持图片的清晰度,所以我们选择“否”。然后Axure RP 7.0A 会提示是否要自动修改该图片的尺寸,这个时候要选择“是”。

  我们把这张图片放在X 100:Y 0 的位置,这个时候,整个页面的样子如下图所示。

  我们之后的主要工作区域,就是如下图所示的这个区域(青色的区域),尺寸为320 像素x548 像素。而对于整个iPhone 5s 背景,一般是不动的,它只是一个背景;上面的状态栏,一般也是不需要使用的。下面让我们向这个背景图上添加一些元素。我们先添加一个矩形控件来盖住原先的iPhone 桌面。该矩形控件的属性如下表所示。

  名 称 类 型 坐 标 尺 寸 填充色/ 边框色

  无 Rectangle X162:Y198 W320:H548 #FFFFFF/#FFFFFF

  现在的页面的样子如下图所示。:

  接下来,向页面中添加四个菜单选项,就像我们在很多应用中看到的一样。每个菜单选项其实就是一个矩形控件,它们的属性如下表所示。

  名 称 类 型 坐 标 尺 寸 文 本 填充色/ 边框色

  rectMenu1 Rectangle X162:Y700 W80:H46 菜单1 #CCCCCC/ 无

  rectMenu2 Rectangle X242:Y700 W80:H46 菜单2 #CCCCCC/ 无

  rectMenu3 Rectangle X322:Y700 W80:H46 菜单3 #CCCCCC/ 无

  rectMenu4 Rectangle X402:Y700 W80:H46 菜单4 #CCCCCC/ 无

  设置完成后,页面是这样的(见下图)。

  页面似乎看起来有趣了。我们会持续添加元素,直到页面看起来是这样的(见下图)。

  看起来很像一个应用程序了吧?

  有了这样的一个背景,虽然我们还是在桌面电脑上进行模型的创作和演示,但是看起来就像是我们在用iPhone 5s 体验。这样也同样能够以非常简单的方式,让所有人对原型最终的效果有一个非常直观的了解。当然,观看原型也是在桌面浏览器上进行的。

  使用320 像素x548 像素的创作区域的理由是,320像素的宽度,建立4 个菜单的话,如上图中的菜单1、菜单2、菜单3、菜单4,每个菜单的宽度就是80 像素,如果是5 个菜单,每个宽度就是64 像素,宽度都很合适。而如果对背景图片处理不当的话,如宽度变成了很随意的340 像素,那么在制作的时候,就会出现宽度不平均的现象。另外,还有一个理由,就是很多iPhone 应用的菜单都是4 个。

  场景模拟是一种较为简单和高效的制作移动原型的方式,通过不同的手机背景,我们就可以很容易地制作基于iPhone 5s、三星Galaxy、小米等热门手机的应用场景的应用,而不用去真的购买和拥有这些手机。如下图所示,我们更换图片背景后,同样的内容可以在三星手机上展现。

  但是如果我们真的想在手机上来体验我们的原型,就只能使用下一节的方法了。

  4.2 真实模拟

  真实模拟的做法就是,我们仅在Axure RP 7.0 中制作一个320 像素x568 像素的页面区域,然后生成HTML 的页面,并将其发布到Axure Share 上。接下来用iPhone 5s 使用移动版本的浏览器打开Axure Share 上的项目地址进行浏览。然后将这个页面保存为一个主屏幕快捷方式,接下来运行这个快捷方式。这样,我们就真的可以在移动设备上真实地体验原型了。

  我们接下来按照如下步骤来创建一个真实模拟的项目。

  1. 制作原型页面

  我们在本章的项目中添加一个新的页面叫作“真实模拟”,向其中添加如下表所示的元素。

  名 称 类 型 坐 标 尺 寸 文 本 填充色/ 边框色

  rectStatus Rectangle X0:Y0 W320:H20 无 #000000/#000000

  rect1 Rectangle X0:Y20 W320:H40 应用1 #999999/#999999

  Label1 Label X16:Y75 W292:H288 内容内容 无/ 无

  Bs1 Button Shape X16:Y392 W292:H40 按钮1 无/ 无

  Bs2 Button Shape X16:Y442 W292:H40 按钮2 无/ 无

  rectMenu1 Rectangle X0:Y522 W80:H46 菜单1 #CCCCCC/ 无

  rectMenu2 Rectangle X80:Y522 W80:H46 菜单2 #CCCCCC/ 无

  rectMenu3 Rectangle X160:Y522 W80:H46 菜单3 #CCCCCC/ 无

  rectMenu4 Rectangle X240:Y522 W80:H46 菜单4 #CCCCCC/ 无

  现在界面如下图所示,包含所有元素的外围尺寸是320 像素x568 像素。

  然后,我们为按钮1 添加一个OnClick 事件,让大家体会一下在手机上点击按钮的效果。我们拖拽一个矩形控件到页面区域,设置属性如下表所示。

  名 称 类 型 坐 标 尺 寸 文 本

  rectPopup Rectangle X60:Y180 W200:H100 按钮1 被点击了

  将这个矩形控件设置为“隐藏”。我们希望点击按钮1 的时候再显示该矩形,为此右键单击这个矩

  形控件,然后在弹出菜单中选择“Set Hidden”命令。

  然后,我们为按钮1 添加如下图所示的事件,当该按钮被点击时,可以显示矩形区域。

  这个简单的页面就制作好了。其实跟“场景模拟”中的页面是类似的。

  2. 设置发布参数

  在发布前,因为最终的原型是要用在移动端的,所以我们要控制一下生成原型的一些参数。这些参数非常重要,直接决定了我们的原型在移动端的体验。这与“场景模拟”中发布并且在桌面浏览器中预览的过程是不一样的。在场景模拟中,只要使用默认的参数就可以了。

  为此,我们点击“Publish”按钮,在下拉菜单中选择“Preview Options”。

  然后,在弹出的窗口中选择“Con.gure”。

  接下来,就会看到如下图所示的窗口,我们在窗口中选择“Mobile/Device(移动设备)”。

  该页面是用来配置在移动端生成的页面的一些参数和规格的。下面我们分别解释每个参数的意义。

  . Include Viewport Tag :添加视图标签。打开这个开关后,我们才能设置如下的参数。

  . Width (px or device-width):宽度,要求输入像素值或者根据设备宽度自动设置。因为我们制作的页面一般都是320像素宽度的,所以一般设置为320像素。

  . Height (px or device-height):高度,要求输入像素值或者根据设备高度自动设置。这个值一

  般不需要设置。

  . Initial Scale(0-10.0):初始的缩放尺度。默认是1.0,也就是说,默认就是自然1∶1的大小。iPhone上可以通过双指的缩放来缩小和放大页面,这里就是设置页面一打开的时候的缩放规模。如果我们在这里设置2.0,那么就意味着页面打开的时候,就默认被放大到2倍大小。

  . Minimum Scale (0-10.0):能够最小被缩放的尺度。有时候我们需要控制用户能够缩小的最小尺度。默认为空,无须设置。

  . Maximum Scale (0-10.0):能够最大被放大的尺度。有时候我们需要控制用户能够放大的最大尺度。默认为空,无须设置。

  . User Scalable (no or blank):用户是否能够放大或缩小页面。如果我们不希望用户可以进行缩放,就填写“no”。默认为空,用户是可以进行缩放的。

  . Prevent vertical page scrolling (blocks elastic scrolling):禁用垂直滚动(同时也阻止iOS的弹性滚动)。有的时候我们不希望用户进行垂直方向的滚动,如在使用原型模拟iPhone应用的时候。在这里,勾选这个复选框,因为我们要模拟一个iPhone应用的界面,无须垂直滚动。

  . Auto detect and link phone numbers(iOS):自动侦测并链接电话号码,仅对iOS设备。勾选了该功能后,当在原型中的文本中输入手机号码这样的文字的时候,Axure RP 7.0会自动为其添加链接。这样,用户可以点击它们,并且看到“拨打该电话”的选项。

  接下来的一个区域是用来设置应用程序在iPhone 上的开始图标和过场页面的。开始图标就是如下图所示的这些图标按钮。

  我们需要一个114 像素x114 像素的PNG 图片来做当前应用的开始图标。在本章的素材目录中,我们已经做好了一个叫作“App-logo”的图片,如下图所示。

  我们点击如下图所示的Import 按钮把它添加进来。

  过场页面,就是在点击图标后,在应用正式开始运行前出现的一个过渡页面。比如,我们运行微信时那个著名的图片,就是一个过渡页面。

  对于这个测试的应用,我们暂时不需要设置过渡页面。过渡页面可以针对屏幕尺寸的不同,设置三个,分别用于iPhone 的竖屏显示、iPad的竖屏显示和iPad 的横屏显示。

  . Hide browser nav (When launched from iOS home screen):当从iOS,也就是iPhone的主屏幕启动原型的时候,隐藏浏览器的导航条。选中这个复选框,它非常有用,可以在全屏下浏览我们的原型。至于如何将一个应用从主屏幕启动,我们之后会介绍。

  . iOS Status Bar:如何显示iOS的状态栏,也就是屏幕最上方的显示运营商信号和电池容量的状态栏。可以选择的选项有“default(默认)”,“black(黑色)”或者“black-translucent(黑色半透明)”。我们选择black-translucent. 这个时候,所有的电池容量、信号、时间等信息会以白色显示。背景是透明的,会透出下方的内容,也就是我们在这个项目中添加的那个320像素x20像素的黑色矩形。

  3. 发布页面

  参数设置完成后,我们点击Publish to Axure Share 按钮。在如下图所示的弹出窗口中,使用注册后Axure Share 账号登录(如果没有,就注册一个)。其他的参数设置都使用默认的就好了,然后点击“Publish(发布)”按钮。

  ……

前言/序言

  建模,又常被称为画线框图、mockup、原型图、demo,其主要用途是在正式进行设计和开发之前,通过一个逼真的效果图来模拟最终的视觉效果和交互效果。


  在现代企业当中,尤其是互联网企业,无论企业规模大小,时间都意味着金钱。开发出的产品不符合最初的要求,不满足用户期待,会白白浪费大量的人力物力。所以决策者在将产品推向市场之前,都希望最大程度地去了解最终的产品到底是什么样子的,但是又不能投入时间真正地做出一个真实的产品。所以,模型就成了最好的帮手。建筑行业中的设计图,汽车行业中的概念车,零售行业中小规模局部上市的一些实验商品,手机行业中的工程原型机,都是建模的好例子。


  本书就是要向大家介绍如何使用Axure RP 7.0 软件制作移动互联网的网站原型。比如,如何制作一个微信那样的联系人对话框,如何制作一个像iOS 里面拖动的橡皮筋效果。通过这些具体应用的案例,让读者熟悉整个建模的过程,从而利用Axure RP 7.0 这个神奇的工具,将自己的想法转化成可以向别人介绍的逼真的原型。然后通过这个原型,获得企业内部的资源支持或项目主导者的认可,确认讨论的需求,甚至获得潜在投资人的支持,把握一个机会。


  如果大家对传统的互联网建模有兴趣,可以参考笔者的另外一本书《网站蓝图——Axure RP高保真网页原型制作》,也由清华大学出版社出版。在那本书中,从简单的原型到复杂的交互,读者可以全面了解Axure RP 的功能。在本书中,对于完全没有使用过Axure RP 的读者来说,可能会需要一点儿时间适应。


  在《网站蓝图——Axure RP 高保真网页原型制作》出版后,很多读者提出了一个疑问,那就是原型到底要做得多“逼真”才算是令人满意的?是否需要100% 的模拟真实的情况?那样可能意味着原型的制作也要花费相当多的时间和精力。笔者的答复是:看应用场景。


  如果你的原型就是用来跟你熟识的一些产品经理和工程师进行沟通交流,那么也许一个非常简单的用于示意的原型图就足够了。因为你们彼此了解,很多的沟通可以通过语言和默契来完成,甚至不需要原型。


  如果你的原型是用来跟上司提案用的,那么就要做相对详细一些,尤其是涉及用户交互和流程的部分。要让他们清楚了解,你这个页面是做什么的?怎么用?如何展现每个细节?尤其是在产品立项或者阶段性审核的时候,做得越详细,证明准备得越充分,也就越容易面对质疑,最终获得认可。注意,“细节决定成败”这句话,其实应该是“关键的细节决定成败”,并非所有细节都要在模型阶段进行展现。


  如果你的原型是给客户提案用的,那么这个时候要尽可能的详细。因为你希望客户能够说一句:“这就是我想要的,就照着这个去做就可以了。”有了客户的确认,你才能放心地去制作和开发,才不会在最后面对客户的一句:“这不是我们开始说的啊?”既然客户是消费者,


  那么就一定要尽量让他们在开始阶段就了解到自己买了什么东西。笔者强烈建议在进行互联网开发工作的时候,能够在合同之外附上客户确认的高保真原型图,以给项目的最终审批设定一个双方共同认可的标杆,避免损失和误解。


  最后,最重要的一点,也是建议:如果你自己做原型的时候都觉得做得太过复杂,想不清楚,那么也就到了适可而止的时候了。毕竟,原型只是表达方式之一,你可以用文字、视频、面对面的交流、比喻、类比,甚至是采用与另外一个网站来直接做对比的方式来把你的想法说清楚。很多伟大的创意和想法不是用PPT 表达的,那么很多精彩的设计自然也可以不靠原型来展现。


  在《网站蓝图——Axure RP 高保真网页原型制作》这本书中,笔者确实提供了一些比较复杂的案例,大量的交互和变量的使用。其实这不是非常必要的。笔者的目的是让用户了解Axure RP 的一些复杂的功能和对于复杂项目的把握,而并非让大家学会了Axure RP 这个工具而陷于另外一个制作原型的黑洞。


  下面让我们快一点儿开始使用强大的最新版本的Axure RP 7.0 吧。


  作者:吕皓月(阿睡)


《APP蓝图:Axure RP7.0移动互联网产品原型设计》 一、 触手可及的梦想:构建你的第一款移动应用原型 在数字浪潮席卷而来的今天,每一个闪烁着创意火花的想法,都可能成为下一个颠覆市场的APP。然而,从灵感到实际产品,中间隔着一条名为“原型设计”的鸿沟。这条沟壑,曾让无数产品经理、设计师和创业者望而却步。但现在,有了《APP蓝图:Axure RP7.0移动互联网产品原型设计》,你将拥有跨越这道鸿沟的利器,将脑海中的宏大构想,转化为清晰、可交互、能够被验证的原型。 本书并非简单罗列软件操作技巧,而是致力于为你构建一套系统性的原型设计思维体系。我们深知,一款成功的APP,其核心在于对用户需求的深刻理解,以及将这些需求转化为流畅、直观用户体验的能力。因此,《APP蓝图》将带领你深入理解产品设计的本质,并在此基础上,以Axure RP7.0这款强大的原型设计工具为载体,一步步搭建出属于你的移动互联网产品蓝图。 想象一下,当你脑海中浮现一个绝妙的APP点子时,无需花费巨额的开发成本,也无需等待漫长的开发周期,你就可以通过《APP蓝图》所教授的方法,快速将其转化为看得见、摸得着的交互原型。这个原型,将是你与团队沟通的通用语言,是向投资人展示价值的有力证明,更是与潜在用户进行早期验证的最有效途径。 本书的第一部分,将带你走出“想到但不知如何开始”的困境。我们会从零开始,为你揭示移动互联网产品设计的基本逻辑。你将了解到,一个优秀的APP,不仅仅是漂亮界面的堆砌,更是对用户行为模式、信息架构、交互流程的精细打磨。我们将一起探讨如何提炼核心用户需求,如何绘制用户旅程图,以及如何设计出符合用户心智模型的界面布局。在理解了这些底层逻辑后,Axure RP7.0这款工具将不再是冰冷的代码和选项,而是你实现设计理念的得力助手。 二、 Axure RP7.0:你的数字魔术师 Axure RP7.0,作为一款在业界享有盛誉的原型设计软件,以其强大的功能和高度的可定制性,成为了无数产品团队的首选。然而,许多初学者往往被其丰富的功能所淹没,不知从何下手。《APP蓝图》将为你拨开迷雾,让你从最基础的元素入手,逐步掌握Axure RP7.0的核心功能。 你将学习到如何创建和管理页面,如何运用丰富的组件库来构建界面,如何利用母版和中继器来实现组件的复用和动态效果,以及如何通过条件和动作来设计复杂的交互逻辑。本书将通过大量的实例,贯穿各个章节,让你在实际操作中体会Axure RP7.0的强大之处。例如,你将学会如何设计一个滑动切换的轮播图,如何实现下拉刷新和上拉加载更多,如何模拟用户登录时的各种状态反馈,以及如何设计一个多步骤的注册流程。 我们不仅仅是教你“点哪里”,更是教你“为什么这么点”。理解Axure RP7.0的每一个功能背后的设计理念,才能让你在面对复杂场景时,游刃有余地找到最优解决方案。本书将深入讲解Axure RP7.0中一些关键的进阶技巧,例如: 动态面板的应用: 如何通过动态面板实现页面元素的显示、隐藏、切换以及更复杂的动画效果,让你的原型更具生命力。 中继器的巧用: 如何利用中继器模拟列表、网格等重复性数据展示,并实现数据的动态加载和更新,极大地提升效率。 条件和变量的运用: 如何通过设置条件和变量,让你的原型能够响应用户的不同操作,实现更加智能和逼真的交互。 样式和主控的配合: 如何利用样式来统一界面风格,通过主控页管理全局样式,从而保证产品设计的一致性和可维护性。 本书的每一个操作步骤都经过精心设计和反复验证,力求清晰易懂。无论你是完全没有接触过Axure RP7.0的新手,还是已经有所了解但希望进一步提升技能的设计师,都能从中获益。 三、 从静态到动态:赋予你的APP生命力 传统的原型设计往往停留在静态原型阶段,虽然能展示界面布局,但无法真实反映产品的交互体验。《APP蓝图》将引领你跨越这一界限,掌握如何创建高保真、可交互的原型,让你的设计“活”起来。 你将学会如何为界面元素添加各种交互事件,例如点击、滑动、长按、拖动等,并为其绑定相应的动作,如跳转到其他页面、显示/隐藏元素、播放动画等。这将使你的原型能够模拟用户的真实操作,让你在早期就能直观地感受到产品的交互流程是否顺畅,用户体验是否存在痛点。 本书将通过多个不同类型的APP原型设计案例,让你深入理解如何在Axure RP7.0中实现真实的交互。这些案例涵盖了: 社交类APP: 如何设计用户注册登录流程、动态消息列表、评论互动、好友关系展示等。 电商类APP: 如何实现商品列表展示、商品详情页浏览、购物车操作、订单生成、支付流程等。 工具类APP: 如何设计复杂的数据录入界面、图表展示、设置选项、文件管理等。 游戏类APP: 如何实现简单的游戏关卡跳转、得分统计、操作反馈等。 在这些案例的学习过程中,你不仅会掌握Axure RP7.0的具体操作技巧,更重要的是,你将学习到如何将产品需求转化为具体的交互设计,并最终用原型将其呈现出来。我们将强调“以用户为中心”的设计理念,引导你在设计过程中不断思考: 用户在使用这个功能时会遇到什么困难? 如何通过交互设计来简化用户的操作? 如何让用户在不知不觉中完成他们的目标? 哪些交互方式最符合用户的习惯和预期? 《APP蓝图》不仅仅是一本关于Axure RP7.0的书,它更是一本关于产品思维、交互设计和原型实践的指南。我们希望通过这本书,赋能你将那些在脑海中闪耀的“灵感火花”,转化为真正能够打动用户、实现商业价值的移动互联网产品。 四、 共享与迭代:原型在产品开发流程中的价值 一个优秀的APP原型,其价值绝不仅仅在于设计师本人能够操作流畅。它更是整个产品开发团队沟通协作的桥梁,是产品迭代优化的重要依据。 本书的最后部分,将着重探讨原型在整个产品开发流程中的作用,以及如何有效地利用原型进行团队沟通和用户测试。你将了解到: 原型如何作为产品需求文档的补充: 相比枯燥的文字描述,可视化的原型更能清晰地传达产品的设计意图和交互逻辑。 原型在团队协作中的价值: 如何与产品经理、开发工程师、测试工程师等角色有效沟通,通过原型快速达成共识,避免后期返工。 如何利用原型进行用户研究: 如何设计用户测试方案,收集用户反馈,并根据反馈快速迭代优化原型,验证产品可行性。 Axure RP7.0的导出与分享: 如何将你的原型导出为HTML文件,方便在任何设备上进行预览和演示,以及如何利用Axure Share进行团队协作和版本管理。 通过《APP蓝图》,你将不仅仅掌握一款强大的原型设计工具,更能构建起一套系统性的产品原型设计能力。这套能力,将是你在这个快速变化的移动互联网时代,将创意变为现实,并持续打造卓越用户体验的强大武器。 现在,是时候拿起《APP蓝图》,开启你的APP原型设计之旅了!让你的梦想,从一个清晰、可交互的原型开始,一步步走向成功。

用户评价

评分

《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书名,对于我而言,就像是为我量身定制的一份学习路线图。我是一名有着多年产品管理经验的资深人士,见证了移动互联网行业的飞速发展,也深刻体会到原型设计在产品全生命周期中的核心地位。虽然对Axure RP7.0有一定了解,但我始终认为,在这个不断变化的领域,持续学习和精进是保持竞争力的关键。 “蓝图”这个词,赋予了我一种对全局观的期待。我希望这本书不仅仅是停留在工具的使用教学上,而是能够更进一步,深入探讨如何通过Axure RP7.0这一工具,构建出真正具有战略意义的产品蓝图。这包括如何将产品愿景、用户需求、商业目标等要素,通过原型设计清晰地表达出来,并形成一份能够指导整个产品团队高效协作的文件。 我非常期待书中能够分享一些关于如何利用Axure RP7.0来处理复杂产品逻辑和数据交互的设计模式。例如,如何通过中继器(Repeater)来高效展示列表、表格等重复性内容,如何利用动态面板(Dynamic Panel)来模拟多状态的界面切换,以及如何通过变量和函数来控制更精细的交互流程。这些高级技巧,对于设计功能强大、用户体验出色的移动应用至关重要。 此外,我还希望能从书中找到一些关于如何将Axure RP7.0原型作为一种有效的沟通工具,来解决跨部门协作中常见的问题。如何通过精心设计的原型,来统一产品、设计、开发、市场等团队的认知,减少沟通成本,提高决策效率。这本书名所传递出的“蓝图”概念,似乎暗示了它能够提供这样的解决方案。 总而言之,《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书名,让我看到了一个能够深化我对Axure RP7.0理解,并将其与移动互联网产品设计深度融合的宝贵资源。我希望它能为我带来新的视野和实用的方法,帮助我构建出更加精妙、高效、且极具指导意义的产品蓝图。

评分

第一眼看到《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书名,我就被深深吸引了。作为一名在移动互联网行业摸爬滚打多年的产品经理,深知原型设计的重要性。它不仅是团队沟通的桥梁,更是产品实现从概念到落地的关键一步。而Axure RP7.0,作为一款功能强大且广泛使用的原型设计工具,更是我的日常工作中不可或缺的利器。 这本书的书名直接点明了核心内容——Axure RP7.0在移动互联网产品原型设计中的应用。这让我对这本书的期望值非常高,我希望能从中学习到如何更高效、更专业地利用Axure RP7.0来创建高质量的原型。从书名中透露的信息来看,作者似乎会深入浅出地讲解Axure RP7.0的各项功能,并且会结合实际的移动互联网产品案例,来演示如何将其应用于产品需求的梳理、交互流程的设计、视觉元素的布局以及用户体验的优化等方面。 这本书的出现,仿佛为我解决了一个长久以来的困扰。在实际工作中,虽然我熟练掌握了Axure RP7.0的基本操作,但总感觉在一些高级技巧和最佳实践方面还有待提升。特别是对于如何设计出真正符合移动端用户习惯,并且能够有效传达产品理念的原型,我一直都在探索和学习。这本书的名字预示着它能够提供一些实用的方法论和案例分析,帮助我突破瓶颈,提升原型设计的专业水准。 想象一下,通过这本书,我或许能学到如何利用Axure RP7.0的动态面板、中继器等功能,创建出逼真的交互效果,让产品经理、设计师、开发人员甚至是潜在用户,都能够身临其境地体验产品的功能和流程。我也期待书中能够分享一些关于如何进行用户画像分析,以及如何根据用户反馈来迭代优化原型的思路,这样我的原型设计将不仅仅是静态的图纸,而是真正能够指导产品迭代、提升用户满意度的动态工具。 这本书名也让我对“蓝图”这个词有了更多的联想。一个好的产品蓝图,应该清晰、完整、易于理解,能够为整个团队指明方向。《APP蓝图》这本书,正是希望通过Axure RP7.0这样一个强大的工具,帮助我们构建出这样一份完美的“产品蓝图”。我迫不及待地想翻开它,跟随作者的脚步,探索Axure RP7.0在移动互联网产品原型设计领域更多的可能性。

评分

《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书的书名,就像一位经验丰富的向导,指引着我在浩瀚的移动互联网产品设计海洋中航行。作为一名初入行不久的产品新人,我对这个领域充满了好奇和渴望,同时也感到一丝迷茫。尤其是在原型设计这个环节,我知道它是产品经理必备的核心技能,但面对市面上琳琅满目的工具和方法,我常常感到无从下手。 Axure RP7.0这个名字,对我来说并不陌生,它在业内享有盛誉,被认为是原型设计领域的佼佼者。而“移动互联网产品原型设计”则精准地定位了这本书的应用场景,这正是我目前最需要学习和掌握的知识。书名中“蓝图”的意象,更是给了我一种稳定、清晰、有条理的感觉,让我相信这本书能够为我提供一个系统化的学习路径,帮助我构建出严谨的产品框架。 我非常期待这本书能够涵盖Axure RP7.0的基础操作,让我能够迅速上手,熟悉这款工具的界面和基本功能。更重要的是,我希望它能深入讲解如何利用Axure RP7.0来绘制清晰的流程图、线框图,以及如何添加交互逻辑,模拟真实的用户体验。这对于我理解用户需求、与团队沟通产品想法至关重要。 同时,作为一本关于“移动互联网”的书籍,我希望书中能够提供一些针对移动端产品特点的原型设计技巧和案例。例如,如何考虑不同屏幕尺寸的适配问题,如何设计符合手机操作习惯的交互手势,以及如何快速构建出能够展示APP核心功能的交互原型。这些实战性的内容,将能极大地帮助我提升在实际工作中的效率和效果。 这本书的出现,对我而言,不仅仅是一本学习工具的书,更像是一份学习指南,一份通往优秀产品设计的“蓝图”。它承诺将复杂的原型设计过程变得更加有条理、有章法,让我能够清晰地看到产品从概念走向实现的每一步。我渴望通过阅读这本书,掌握Axure RP7.0的精髓,为我的产品设计之路打下坚实的基础。

评分

《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书的书名,仿佛为我打开了一扇通往移动互联网产品设计核心的大门。作为一个对新技术充满热情的独立开发者,我深知在快速迭代的移动互联网时代,一个精准、有效的原型设计是项目成功的关键。它不仅能帮助我梳理产品思路,更能与潜在的合作伙伴、用户进行高效沟通。 Axure RP7.0,这个名字本身就代表着专业与强大。它在原型设计领域的地位毋庸置疑,而这本书名则将它与“移动互联网产品”这一热门领域紧密结合,这让我看到了将技术实力转化为实际产品价值的无限可能。我尤其看重“蓝图”这个词,它意味着结构性、规划性,预示着这本书不仅仅是简单的工具介绍,而更侧重于方法论和整体框架的构建。 我希望这本书能够深入探讨Axure RP7.0在构建复杂移动应用原型方面的能力。比如,如何利用其高级功能,如变量、条件逻辑、函数等,来模拟出更加逼真的用户交互和数据动态变化。这对于我实现一些创新性的产品功能,进行技术可行性验证,以及提前发现潜在的技术难题,都将具有非常重要的意义。 此外,我也期待书中能分享一些关于如何将Axure RP7.0原型与实际开发流程相结合的经验。如何有效地导出原型资源,如何与开发团队就原型细节进行沟通,以及如何通过原型来指导UI/UX设计师的工作。这些实操层面的内容,对于像我这样的独立开发者来说,能够极大地提高整个开发周期内的协作效率。 这本书名传递出的信息,让我充满期待。它不仅仅是一本关于工具使用的教程,更像是一本关于如何绘制出真正具有指导意义的“产品蓝图”的手册。我希望通过这本书,能够更深入地理解Axure RP7.0的潜力,并将这种理解转化为设计出更具竞争力和用户吸引力的移动产品的能力。

评分

《APP蓝图:Axure RP7.0移动互联网产品原型设计》的书名,对于我这样一个热衷于探索不同设计工具和方法的UX/UI设计师来说,无疑是一个巨大的吸引点。在日常工作中, Axure RP7.0 就像是我的“瑞士军刀”,帮助我将抽象的产品概念具象化,并赋予它们生命般的交互。而“移动互联网产品”这个定位,更是将我的工作重心与当下最热门的领域紧密联系。 “蓝图”这个词,在我看来,不仅仅是指一张静态的设计图,更是一种对产品未来形态的清晰规划和战略指引。我希望这本书能够超越基础操作的层面,深入挖掘Axure RP7.0在解决移动端设计难题上的独到之处。例如,如何利用Axure RP7.0来有效地进行可用性测试前的原型构建,如何设计出能够清晰展示信息架构和导航流程的原型,以及如何通过原型有效地与产品经理和开发团队达成共识。 我期待书中能分享一些关于如何利用Axure RP7.0来体现移动端“微交互”设计原则的技巧。这些微小的交互细节,往往是提升用户体验的关键,例如转场动画、反馈提示、加载状态的呈现等等。通过Axure RP7.0,我希望能更精确地控制这些元素的表现,从而创造出更流畅、更具吸引力的用户界面。 同时,我也对书中可能包含的关于“产品原型”与“最终产品”之间衔接的讨论非常感兴趣。如何从Axure RP7.0原型出发,更顺畅地过渡到UI视觉设计和代码实现,这本书名似乎暗示了它在这方面会有所涉猎,而这恰恰是我在实际工作中经常需要思考和优化的环节。 总而言之,《APP蓝图:Axure RP7.0移动互联网产品原型设计》这本书名,让我看到了一个将强大的原型设计工具与当前最前沿的行业需求相结合的宝藏。我希望它能为我带来新的灵感和实用的方法,帮助我更好地绘制出每一个“APP蓝图”,并最终将它们转化为用户喜爱的、成功的移动产品。

评分

书好看,内容精彩,值得购买推荐

评分

学习设计app产品

评分

书内容不错,印刷纸张质量都不错,希望自己可以学完学好~

评分

用起来很舒服,推荐购买。京东的服务没的说,非常棒

评分

非常好

评分

价格便宜,送货及时,质量有保障

评分

不错,挺好,希望有用!

评分

纸质不错,正版的

评分

印刷质量很好,通俗易懂

相关图书

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2025 book.teaonline.club All Rights Reserved. 图书大百科 版权所有