axure手机页面设计说明_Axure7设计响应式方案（交互设计）

随大屏幕分辨率普及，网页设计在交互阶段就必须考虑响应式方案，Axure7作为我偏爱的交互设计工具果然也没让大家失望的新增了Adaptive View功能，基于RP(Rapid Prototype)的思想可以以最小工作量制作出直观且基本上表达无误的响应式设计方案。当然如果大家对Axure的Dynamic Panel和函数了如指掌的话，绝对也可以制作出更逼真的Demo。

【基础篇】

Adaptive View的设置入口就在页面标尺0坐标上方，点它，在弹框里就可以添加设置各种分辨率的视图了(下图)

这里请注意：

Base页：即初始页，比如PC端网页设计的话可以自己定义为1024×768之类的尺寸；

Condition字段：包括”is greater than or equals”和“is less than or equals”两个选项，与下方输入的长宽值组成触发响应的条件。

Inherit from字段：可选择变形源的页面，将在左侧通过层级展示关系。

制作各分辨率视图界面时，请务必根据inherit关系依次进行。这点请大家牢记！刚上手的同学可能会感觉疑惑：怎么后一视图的A元素删掉了前一视图的A元素还在，但是前一视图的A元素删掉了后面所有视图的A元素都没了？因为Base视图的元素将直接出现在后续分辨率视图中且事实为同一元素，这是为了提升设计师工作效率，base视图完成后，在第二视图只需简单拖拽就能完成，然后第三第四视图同理依次完成就好。

我偏好从小往大设置ÿ