交互

虽然1111结束有一些时间了，眼看1212也来了，不过这会可能还有些疯狂的小伙伴在等待双11的包裹吧！

编者按：想成为一个合格的UI设计师，光会画图标可不行，今天360的@Micu设计小哥从头帮你补上版式这一课，分享他的界面构图三板斧，此外，你还能学会如何用设计语言解构画面，这可是设计师的必备职业能力呦！

这是一个大屏手机的时代。强调这件事情的意义在于，这已经成为事实。这是一个大屏手机的时代。

这个APP原型由艾欧交互学堂网站小编制作，现将此原型共享出来供诸君学习研究使用，切勿用于商业用途。 QQ交流群：交互设计学堂Ⅲ群 147868955 免费加入:邀请码 iamue 制作的交互细节： 1.同步系统时间 2.滑动解锁 3.…

编者按：扁平与拟物两派之争，从来都是话题之王，今年扁平化 势力越来越强盛，于是有设计师喊出这个话题该终结了。现在拟物是华山剑宗一脉，虽然气象衰微，仍有老罗这个风清扬在坚持，今天令狐冲@牛MO王涵 小哥为其正名，孰对孰错不要紧，争出个美好就行。

网络中有价值的Axure原型案例不多，给客户做的原型或者自己公司内部的几乎没有人愿意共享出来，这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型，换位思考一下，你付出劳动制作好的成品也不会随意送给…

"物联网是有趣的因为它迫使我们重新思考我们有与对象的交互范例 — —，东西是不同的关于智能对象与 '哑巴' 一个与我们接触"Thomas Wendt 写在他最近的 UX 杂志文章，"互联网的东西。"和手上的工作

大约在同一时间，我成为了一位父亲，我刚进入用户体验世界，试图找出如何使我的产品，够了吧，可以理解的、 易于使用，并且直观。我是一个巨大的玩具迷，还是玩，他们之前到达了我的儿子，但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始，从这些经验，我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

什么是原型呢？这个在之前介绍为什么需要进行原型设计当中有提到，原型是产品的最初形态，确认用户对产品界面和操作功能可用性的需求，高保真的原型接近于产品的最终形态，但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的，不是很方便操作，6.0版本将这个功能分到右侧面板里面，并且增加了页面级的格式设置，大大方便了操作设置，包括增加了对手绘风格格式的默认支持，再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置，其实就是网页设计当中的CSS代码，只不过用图形界面实现了，这样更直观，也更好掌握，毕竟不是所有的产品设计人员都懂CSS的。

AxureRP将交互与注释说明功能放在了一个面版上，同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时，发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互，与针对页面中某个元素的说明与交互在文档表现和生成的不同，而被分开，但是他们的实际功能是一致的，可以一起来说。这里主要讲述annotations，即注释说明，这个部分主要应用于后期的产品规格说明书的生成，详细可参见《AxureRP教程–生成规格说明书》。

Axure的软件界面总的来说，可以分为9大模块1. 菜单栏：和大部分的软件界面一样，都是一些常规的文件、编辑、视图……

【编者按】本文作者@朱军华Ronzhu ， 本文借用官网的描述定义，介绍了在学习AxureRP过程当中所要经历的各个阶段，也结合了作者自身学习AxureRP使用的经验，讲一下在各个阶段中的一些学习方法和经验总结，以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划，以便尽早掌握其使用方法，设计出中高保真度的原型。

在互联网产品领域，Axure已成为产品经理、产品设计师以及交互设计师的必备工具，从某种程度讲，Axure帮助我们建立低保真模型，便于与用户的需求验证，也帮助我们构思交互细节，使前端和开发人员更容易理解我们的产品；但从另一方面讲，Axure绑架了我们的思维，让很多产品经理和设计师养成了“无Axure不设计”的恶习，忽略了用户故事、功能规格和信息架构，甚至走入“为了用Axure而用的误区”，导致了资源的大量浪费和产品的硬伤。因此，提醒为Axure着迷的产品经理：在熟练使用2B铅笔前，请不要打开Axure。

在产品的设计阶段，产品经理必须做的一件事情就是原型的制作以及PRD的撰写。当前进行网页原型制作的最佳工具莫过于Axure了。在Axure之前，经常用到的工具有Visio、Word等。Axure与其他工具的最大区别在于Axure RP 能帮助产品经理快捷、简便、直观的构建中脑海中的产品，构建出来的产品包括页面示意图、操作流程图、甚至高保真的交互设计，并且可以生成用于演示的网页文件，方便演示。

做了个模仿淘宝搜索原型，先上图啦

看似简单的搜索栏，包括的内容可不少哦，包含了：矩形、文本框、动态面板等。

登录、注册、找回密码是每个网站与系统必备的一个功能，我做了一个简单的登录、注册与找回密码的原型。

鼠标悬念时改变原状态，如加底色/字体颜色改变等交互在axure中是非常容易实现的，本原型中结合了鼠标悬念和动态面板的使用。上图片啦：
1.鼠标悬停前效果

2.鼠标悬停后的效果：字体低色为粉色