精华内容
下载资源
问答
  • 本小结讨论如何用Axure的工具创建,组织,建立和设计自己的Pages。视频:下载MP4格式   Sitemap Sitemap在设计中用来新增,删除和组织Pages。页面数量没有限制,但是如果你的页面数量超过100,我们建议将...

    Build Wireframes

    Build Wireframes的对于应用程序或网站的布局和功能的可视化沟通非常有用。本小结讨论如何用Axure的小工具创建,组织,建立和设计自己的Pages。
    视频:下载MP4格式

     


    Sitemap

    Sitemap在设计中用来新增,删除和组织Pages。页面数量没有限制,但是如果你的页面数量超过100,我们建议将Pages进行分组。

    新建和删除Pages


    新建:在sitemap工具栏上面点击“Add Child Page”按钮新建Page
    重命名:在需要修改的page上面慢双击,就可以重命名,并且不会影响Pages直接的超链接效果
    删除:在sitemap工具栏上面选择需要删除的Page并单击“Delete Page”按钮
    另外你也可以通过右键单击页面打开文本菜单来创建,重命名和删除Page

    Organize Pages

    通过在sitemap上面拖拽或在sitemap的工具栏上面的箭头按钮可以重新排序Pages。此操作不会影响pages之间的映射。

    Open Pages for Design

    双击打开page的设计面板。

    为了方面,打开pages会在Wireframe面板的选项卡栏产生一个tab。选项卡可以进行拖拽重新排序。单击Pages选项卡附近的一个向下的箭头会打开一个Pages列表,可以选择关闭全部Pages的Tab或者关闭其他Pages的Tab。

     


    Widgets

     

    Widgets是用来设计wireframe用户界面的元素。Widgets面板包含一组常用的元素,例如“button shapes”,"images"和"text panels"。
    除了自带的Widgets,你还可以创建属于你自己的Custom Widgets或者下载其他人分享的Widgets库。
    从 Custom Widget Libraries了解更多关于custom widgets内容。

    Choose and Search Widget Libraries

    单击下拉菜单选择需要的Widget库。Widget会显示在Widget面板当中。选择“All Libraries”会显示所有的Widget。
    点击搜索图标可以搜索当前库下的Widget。

    Add, Move, and Size Widgets

     

    Add:从Widgets面板拖动需要的widget到Wireframe面板当中。Widget支持复制粘贴。
    Move:可以用鼠标对Widget进行拖动改变位置,也可以通过方向键进行微调。
    Size:在Widgets的边框拖动可以设置widget的大小。通过Widget Properties面板的“Lication+Size”里面的属性也可以设置Widget的大小。

    另外可以选择多个widgets同时拖动或设置widgets的大小。

    Edit Widget Style and Properties

    有多种途径可以编辑widgets的风格和属性

    Double-Click:双击widget是最常见的操作。譬如,双击一个“image”widget会打开一个导入图片的对话框,双击一个“droplist”会打开一个编辑下拉列表内容的对话框。
    Editor toolbar:在Wireframe面板上面的工具栏里面的按钮可以编辑widget的风格,譬如字体,字体大小,字体风格,字体颜色,填充颜色,边框颜色,位置和大小等等。也可以同时选中多个widget进行分组,排序,对齐和distribute。
    Formatting tab in the Widget Properties Pane:该面板用于编辑widget的风格和属性。在“location and size”分组可以编辑字体,对齐方式,外边距,样式,排序,填充,边框等等。
    Context menu:在Widget上面右键单击显示Context菜单可以用于附加一些特殊的widget属性。不同的widget具有的特殊widget属性不一样。

    Work with Multiple Widgets

    选择多个widget元素点击右键用打开“Context menu”可以选择合并,设置显示排序(层次),对齐方式,distribute,锁住。也可以通过wireframe面板上面的工具栏进行设置。

    你可以单击组内的某一widget元素进行编辑样式,这会影响到同一组内的其他widgets元素。

    Radio Group and Selection Groups

    可以将Radio button通过右键打开Context菜单选择“Edit Radio Button->Assign Radio Group”指定Radio Button的group属性。这样,同一组的Radio Button只能选择其中一个。

    另外,“button shapes”和“images”也可以指定“Selection Group”。当“selection group”内的某一widget的状态变为“selected/选中”时,其它widget会变成默认的状态。更多详细内容...

    Widget Style Editor

     

    Widget样式编辑可以编辑默认的widgets样式和创建自己定风格的widgets。

    打开“Widget Style Editor”:在工具栏上面找到一个带“A”的图标(一个内容为“Default”的下拉框旁边)单击即可打开面板。
    编辑默认的widget风格会在全局下产生效果。当从“Widgets Pane”面板拖动一个widget到“Wireframe Pane”面版的时候,就会创建一个“Default”风格样式的Widget。
    创建自定义widget风格能快速应用到统一风格的widget中。自定义的widget风格可以选择需要设置的属性覆盖Defualt的风格。

    应用:在Editor工具栏上面的下拉框选择需要应用的风格。
    编辑自定义风格上面的属性之后影响应用了该应用的widget。

    Format Painter

     

    Format Painter能够复制一个widget的属性并应用到其他的widgets当中。类似剪贴板中保存了属性。
    复制:在wireframe面板选中需要复制的widget元素,点击编辑工具栏上面的“Format Painter”按钮打开Format Painter面板。打开面板之后,点击“Copy”按钮就能将元素的属性复制到剪贴板。在复制前也可以在复选框对复制的元素进行选择。

    粘贴:选择其他元素,打开“Format Painter”面板,点击“Apply”按钮就可以将之前复制的元素的属性应用到当前元素当中。

    在设计的时候,可以让“Format Painter”面板一直存在已让你快速进行元素属性的复制粘贴。

    Change Selection Modes

    在Axure RP里面有"Select Intersected Mode" 和 "Select Contained Mode"两种选择模式。按钮在编辑工具栏里面(PC版:在“Zoom Level”的右边;Mac版:在左上角处)。

    Select Intersected Mode

    系统默认的就是"Select Intersected Mode"模式。当用鼠标左键按住之后拖拽,在选择框内的元素(涵盖部分)就会被选中。

    Select Contained Mode

    "Select Contained Mode"类似Visio的选择模式,只会选择完全在选择框内的元素。

     


    The Round Up

    现在你可以在Sitemap上面创建和组织设计你的page,用widgets来设计你的wireframes。
    仍然需要帮助,请访问论坛或发邮件给我们support@axure.com.

     

    原文地址:http://www.axure.com/build-wireframes/
    Axure官方地址:http://www.axure.com/
     
    PS:翻译是为了更加透彻地理解文章和分享。英文一般,请轻度吐槽。
    版权由原地址提供公司所有。
    展开全文
  • Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有网页来提高自己技能。下面将通过一个高保证还原一个真实实例...

    Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ,涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure,熟练掌握本文的案例和方法,你的Axure使用技能突飞猛进。

    案例任务:

    使用Axure 7.0高保真还原www.ohsame.com 首页(以下简称same官网) 的布局和交互。

    在开始做之前,我们首先观察一下same官网,将需要做的任务分解成为一个个小任务,然后逐一击破。

    任务组一:页面布局

    我们首先看看可以将页面布局分解成哪些任务:页面内容居中

    背景由上中下三个色块组成

    产品介绍部分的6个部分布局一致但内容不同

    布局一

    页面居中是网页布局的一般要求,在Axure中可以通设置“页面样式”居中对齐来达到这一效果:

    布局二

    网页中较常见的只会使用一种背景颜色,直接在“页面样式”的背景色中设置相应颜色即可。尚若要设置多种背景颜色布局,而且在不同的设备和浏览器上都呈现相同效果,就需要采用科学而不是乖戾的做法。我的方案是:使用上中下三色背景图片来布局。我测量了一下三个背景色块的高度,并使用ps制作了一张宽2px高1410px(蓝色 458px: 白色 916px: 蓝色 36px)的三色png图片。然后在“页面样式”的背景图中导入这张背景图。

    布局三

    6块部分内容一致但布局不同,既不能使用动态面板也不能使用母版去处理。最不讲技巧性地做法当然是使用“复制-粘贴”方式复制六个出来,然后逐一改掉字体和背景图片。但是,今天我想说的是一种更技巧性的做法:使用中继器来布局。

    Axure7.0默认元件库新增了“中继器(repeater)”这种强大的元件。使用中继器可以轻松的布局出相同样式但内容不用的页面。每一个中继器都是由三块基本元素组成:展示元件组、数据集、项目交互逻辑。展示原件组规定了展示出来元件的基本布局和样式;数据集规定了展示的内容;项目交互逻辑则将二者联系起来,决定那一条数据显示在哪一个元件上。理解了中继器的逻辑,使用起来就会很方便了。

    3.1 布局中继器展示元件组

    首先从元件库中拖出一个中继器元件出来,如图左侧的“原始状态”。双击原始状态的中继器进入中继器编辑界面,当然原始的这三个矩形并不是我们想要的元件,于是我毫不留情的删掉了他们。然后在页面上拖入了一个图片元件和一个段落元件,并分别在右侧编辑栏给元件命名。命名可以帮助我们在添加用例时快速找到需要操作的元件,合适的元件名能让工作有更高效率。经过调整图片的大小和段落的样式,完成状态的中继器展示原件组如图右侧所示。

    3.2 设置数据集

    打开页面下方的编辑栏,选择最左边的“中继器数据集”。数据集的每一行记录对应的一条相关的数据。我们需要布局6个产品介绍内容,就需要添加6条数据记录。将鼠标放在数据集上,单击鼠标右键可以导入图片。创建完之后数据集如下。

    3.3 接下来,需要编辑“中继器项目交互”,将数据集与展示原件组联系起来

    就像之前描述过的一样,这一块主要说明了哪一数据集应该被赋值给哪一个元件。双击“用例”可以进入用例编辑页面,使数据集的第一列数据等于文本,第二列数据等于图片。

    (用例编辑界面)

    完成这些之后,回到主页,我们发现6个布局块纵向排列,这并不符合原图的布局。这就需要再次设置一下“中继器格式”。横向排列,每行3个;然后设置一下行间距和列间距。

    再次回到主页,布局就很完美了。

    处理完布局之后,我们来观察一下页面交互,还是像上面一样进行任务分解。

    任务组二——交互设计

    分解之后,得到如下任务组:将鼠标移入“立刻下载”按钮,按钮背景色变深;

    点击“立刻下载”按钮,“下载”对话框从页面显现出来并移动到页面中央,同时“下载”对话框之外形成遮幕效果;

    点击“下载”对话框之外的区域,对话框向下移动然后消失。点击“下载”对话框的背景,无任何效果;

    将鼠标移入“iPhone 下载”和“Android 下载”按钮,按钮背景色变深,点击按钮在当前页打开下载链接。

    经过任务分解之后,我们发现,这些看似复杂的交互,其实是由一块块小的交互步骤组成的。经过一些分解然后组合在一起,就可以实现页面的效果。

    交互一

    鼠标移入特定区域并给出反馈,这是一种很常见的交互效果。给按钮添加两个用例,分别在鼠标移入和移出时触发不同的交互用例即可。移入时还需要判断“下载”对话框是否显示,只有在“下载”对话框不显示时才需要触发此用例。

    交互二

    这是一个较复杂连续的交互动作,分成4部分组成:

    首先需要将下载窗口归位,以防止上一次操作中没有还原下载窗口,导致第二次操作时显示效果不一致。

    第二步,将下载窗口显示出来;

    第三步,将下载窗口上移到页面中间位置;这一步与第二步之间的动作时间需要仔细调节,以免两步之间不连贯。

    第四步,显示遮罩效果。

    交互三

    这一步与上一步效果相反,不过触发的区域是“下载”对话框之外的页面,而不是“下载”按钮。可以在底部编辑栏添加一个“页面单击鼠标时”触发的用例:

    首先,判断“下载窗口”是否显示并且鼠标点击的是下载窗口之外的区域;

    第二步,将“下载窗口”下移;

    第三步,向下滑动“下载窗口”并隐藏。第二步和第三步同样需要调节好动作时间,使动作连贯协调。

    当然,除了这些显而易见的交互效果。我们还容易发现:

    当页面滚动时,下载窗口不动。可以把“下载窗口”转变成动态面板,并在右键菜单中设置为“固定到浏览器”。

    交互四

    这一交互与第一个交互相同,下面列出用例:

    总结

    到此,整个页面就设计完成了。通过对线上存在交互实例进行高保真还原是用来锻炼原型工具使用技巧的绝好方法,同样也可以加深我们对交互动作在代码实现逻辑的理解,知道前端设计师的不易。

    作者:马成宇(微信号happymcy),有米科技产品经理,曾多次在有米内部进行Axure培训。

    展开全文
  • 就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明:在进行主要页面原型设计之前,交互设计师...
  • 产品原型开发工具---Axure

    千次阅读 2013-07-16 10:14:21
    在产品设计初期,避免不了对产品有个简单设计模板,当然在初期可以使用纸质或图片等工具传达产品设计思想,使用Axure通过动态交互使得产品原型更形象化具体化。包括按钮点击事件,页面的切换,布局都能很好...

    在产品设计初期,避免不了对产品有个简单的设计模板,当然在初期可以使用纸质或图片等工具传达产品设计思想,使用Axure通过动态的交互使得产品原型更形象化具体化。包括按钮点击事件,页面的切换,布局都能很好的体现。


    Axure中文网:http://www.axure.us/

    展开全文
  • AXURE原型设计中应用

    千次阅读 2013-10-19 11:17:16
    前言 什么是原型呢?...就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明:  

      

    前言

    什么是原型呢?    

    产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。    
    就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明:
        

     

    一、主要页面原型

    在进行主要页面原型设计之前,交互设计师需要:    

    • 一份主要的任务流程图(此处指的不是“业务逻辑流程图”,而是根据“业务逻辑”产生的“任务流程”。任务流程可由产品或是交互出,根据各个公司或项目的具体情况而定。)
    • 一份主要功能列表(一般由产品经理提供)
    • 网站信息架构(信息架构在一些公司是需要交互设计师来完成的)
    • 对于前期调研结果的理解

    如何做“主要页面原型”

    1. 在建立项目的初期就开始定义Master    

    项目一开始启动,如果可以稍微掌握哪些区块未来将是共享区块,那么就开始建立Master,比如网站的Header / Footer / 导览选单(Navigation),或者广告版位等等。越早使用,越可以节省其它页面设计的重复工作。    

        

                     Master的定义    

    2.可以应用一些Axure RP library    

    网上有很多资源,如:http://ucdchina.com/post/6285。也可以自己制作适合产品的library。    

          

                                                      网上的library资源    

     3.根据“任务流程图”,“功能列表”将主要的页面原型制作出来。    

    这时可以包括一些必要的交互动作。一些详细的,比如出错提示等交互可以不用考虑。    

         

                                                     主要的页面列表    

    用途:

    主要的页面原型可以用于产品初期的讨论会、测试以及产品介绍会。    

    应注意几点:

    1.不要加入视觉设计的元素。着眼于大局,不要纠结细枝末节    

    在制作原型的初期请把所有精力都放在流程的优化和布局设计上面吧,不要把时间浪费在视觉设计上,那样绝对是得不偿失。    

    因为我们的原型方案还没有最终通过,肯定要通过多次迭代才能确定方案,太多的视觉设计就是浪费时间;    

    再者,如果原型做的十分逼真,在产品讨论会上,视觉的元素会很快抓住大家的眼球,到时就会有领导来质疑你的界面是不是该换成蓝色,按钮是不是再精致一些这样的问题。没有人会专注于你的交互设计了。    

    2.最好在使用axure工具前,用纸和笔画一些纸面原型,整理一下思路。    

    3.这个过程应是快速的,迭代的。    

          

    二、页面流程图

    在确定主要页面之后,我们可以开始细化页面流程了。页面流程图有利于向大家展示自己的想法,也有利于思路的整理。毕竟axure上面的交互点是散的,通过页面流程图,我们可以整理所有的页面上的交互行为,避免遗漏;在向他人展示的时候,也可以一目了然的看出需要的操作步骤是多少。    

    我倾向于将主要任务列出来,然后画出所有任务的页面流程图。    

        

                                                页面流程图    

    页面流程图要素

    由于axure中没有斜线,在表现流程的时候有些受限。我会在流程图中表现以下几点:    

    • 操作步骤的名称和编号

           

    •  开始和结束

           

    • 页面的名字
    • 点击的位置

           

    • 操作说明和箭头

           

    • 步骤序号

        

    用途

    可以与他人沟通流程、整理思路细化流程。    

     应注意的几点

    1. 如果项目时间有限,页面流程可以画在纸上。但还是建议在交互设计保留这一步。
    2. 为了减少沟通成本,在绘制页面流程图时,最好有一定的规范和标准。

        

    三、完善原型

    页面的主要页面和页面流程确定之后,就可以完善原型了。这时可以叫上产品部的同事一起来完成原型的细节工作。    

    如何完善原型

    1. 按照页面流程中所考虑的交互过程,体现在原型上面。出错,提示等交互细节也应有体现。这时你可能会用到变量、层等高级axure技巧。    

        

                                             点击定时操作弹出层的操作    

    2. 增加说明    

    选中某个控件,在右边区域可以为此控件增加说明。    

        

                                                         增加描述    

        

                         增加描述后的前台页面,点击黄色图标显示说明提示层    

    如果对于说明区域的属性不满意,可以修改属性:    

        

                              修改属性    

    不过这种增加描述的方式可能会干扰整个页面,很容易让浏览者以为是一个页面元素。也可以采取一种原始的方法为控件增加说明文字:    

         

                            文字补充说明    

    3. 为页面编号    

    当原型不再需要修改时,我们需要为原型页面编号,这样有利于与视觉设计师、前端沟通。    

    用途

    测试、产品需求文档编写参考、视觉设计参考、前端设计参考等。    

    应注意的几点

    1. 不要过于追求技术表现    

    原型有些交互效果做出来会很花费时间,我建议不要过于追求技术表现效果,可以用些文字来说明交互效果。Axure软件的初衷是快速的设计原型,如果在一些技术方面交互设计师花费很多时间的话,就有些顾此失彼了。还是把真实的效果交给前端去实现吧。    

    2. 为了减少沟通成本,在完善原型时,最好有一定的规范和标准。    

    总结

    Axure其实只是一种交互工具而已,交互设计最重要的还是想法,工具只是来帮你表现想法的。不必过于追求技术,不必过于追求视觉表现。我们在把握好整个产品方向的同时,应专注于交互流程、页面内交互、布局结构的创新和优化。    

    下面给大家介绍一些我工作之中记录下来的axure技巧。

     

    1.快速移动页面

    大家有没有感觉到,当电脑配置低,页面元素很多的时候,移动页面是一件极其痛苦的事情,有一个好的方法可以解决这个问题:

    在非输入状态下,按住键盘“空格”键,界面上的鼠标“箭头”会变成“手”,这样就可以很轻松的拖动页面了。

    2.原地复制组件

    在axure中“ctrl+c”“ctrl+v”复制粘贴,会错位复制一个组件。怎么解决这个问题呢:

    用快捷键“ctrl+d”可以原地复制一个组件。

    3.复制动作Copy Case

    如下图可以复制动作,就不用一个个的设置这么麻烦了。

    4.直接将素材或控件转换为Dynamic Panel(层)

    很实用,特别是在制作过程中发现有些东西还是放在层中展现更好的时候,以前得新建一个层,再把它们Copy进去,现在只需要右键需要转换的素材或控件Convert>>Convert To Dynamic Panel:

    5.单选群组(Radio Button Group)

    您可以一次选取多个Radio Button,按下鼠标右键,并选择“Edit Radio Button>>Assign Radio Group”来设定 Radio Button 的群组关系。如此一来,当这些Radio Button输出到Prototype 时,就会形成真正的单选用户接口。

    6.添加定位锚点

    类似于网易车库中的定位功能,点击某一字母,页面就会定位到同一字母所在的区域:

    用Axure怎么来实现这个功能呢?

    a)首先要用“image map region”在页面上定位一个锚点,并命名为“定位锚点位置”:

    b)然后再在点击的地方加上链接

    如上图,勾选“scroll to image map region”,点击下面的“image map region”,打开对话框:

    如上图,选择“定位锚点位置”这一项,选中“scroll vertically only”垂直滚动,最后点击确定。

    设置完成,看看效果吧。

    7.下拉框(droplist)的条件(condition)

    这里讲关于“条件”的简单例子。通过编辑条件,可以表现一些更高级的交互效果。

    这个例子的效果是,用户切换左边的下拉框选项,右边的提示文字会随之变化。当选中的是图书时,文本框中的文字是“请输入图书名称或作者”;当选中音乐时,文本框中的文字是“请输入音乐名称或歌手”:

    a)首先在页面上添加以下的组件,并给下拉框添加两个选项“图书”和“音乐”:

     

    b)为组件命名

    c)为下拉框添加动作

    选择“OnChange”

    这时会弹出选择交互行为的对话框,如下图。选择add condition:

    在条件选择的对话框中如下图设置,设置完后点击ok:

    回到选择交互行为的对话框,这时选择下图这一项:

    点击上图文本框中的“Variable and Widget value equal to Value”,打开设置变量的对话框,如下图设置:

    d)重复以上操作,为下拉框添加case2,效果如下:

    好了,制作完成,大家可以看效果了:

    条件和变量这一块的功能还需要多多探索,有些功能还是比较强大的。不过在实际的操作中,大多数的富交互效果是很少用到的。

    8.恢复文件Recover files

    Recover files功能可以帮你找到几天前的文件版本。

    点击file>>Recover file,打开对话框,你可以查看最近的文档了:

    选择recover就可以恢复当时的文档。

    9.利用Axure封装视觉标准

    看到的折折熊的一篇博客。

    交互设计师一般都是出线框图为最终产物,但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为了减少流程、降低沟通成本,所以我建议交互设计师在做类似产品的时候能够直接利用现有视觉标准进行原型的搭建,一般很多交互设计师会用Photoshop来实现视觉原型,但是效率和不可交互性还是存在很多问题,所以需要有一套完成的封装来执行视觉标准并且产生可交互的高保真原型。

    具体请查看原文章:http://www.jojobox.cn/blog/article.asp?id=133

    原文地址:点击打开链接

    展开全文
  • AXURE原型设计中应用[转]

    千次阅读 2011-02-23 00:05:00
      就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明:  一、主要页面原型 在...
  • Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有网页来提高自己技能。下面将通过一个高保真还原一个真实实例...
  • Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有网页来提高自己技能。下面将通过一个高保证还原一个真实实例...
  • Axure的基本介绍Axure是一款专业的原型设计工具, 让负责定义需求设计;功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图;web网站的线框图,并且能导出...
  • Axure的初步认识和应用 Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代 表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。 优势: 1.Axure这个软件功能强大,可以做出很多交互...
  • Axure

    2012-04-13 14:23:11
    前言 什么是原型呢? ...就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是Axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说...
  • 首先认识Axure RP Pro 7.0软件默认界面布局。最上面工具栏区域,左侧上方是网站地图区域(sitemap),左侧中部是部件区域(Widgets),左侧下方是模板区域(Masters),中间上方页面区域,中间下方是...
  • AntDesign 3.9 Axure

    2018-12-27 11:19:59
    Ant Design 资源库(Axure RP)提供了:基础页面布局、组件、页面模板、导航、列表、图标、提示信息等,以及快速搭建美观原型的提效小工具
  • AxureRP-Setup.exe

    2020-04-07 08:08:44
    简单说就是产品设计成形之前一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式排版和布局,深入一些,还会加入一些交互性元素,使其更加具体、形象和生动。 Axure RP是目前最流行的原型设计工具...
  • Axure之复用

    2010-10-11 13:12:00
    对于原型的制作而言我们需要是一个能够快速设计高效传递软件,对于原型的表现形式而言我们需要是一个“中保真”原型,可以直观表述交互与页面布局即可。 作为工具,首要条件就是高效率。高效率解决问题...
  • Axure中继器怎么设置值

    千次阅读 2019-02-16 23:35:53
    最近在学产品原型工具Axure,在列表是统一格式时候需要用到中继器,就像Android里面listview,我们需要给它设置值。 1.首先,从元件库里面拖一个中继器到面板上, 2.双击右下方“概要:页面”里面中继器,...
  • 原型效果如下:一、页面布局(1)主要从左侧元件库拉入【图片】元件,在样式中设置圆角半径变为圆形;拉入【文本标签】作为名称。三角形则可以采用顶部栏钢笔工具勾画。将上述三个元件组合,命名为:个人中心;(2)再...
  • AXURE RP是一个专业快速原型图设计工具。 二.原型图目的是什么? 为了沟通最初产品设想 原型图展示是功能内容及粗线条的布局,而不是视觉设计 三.不同人用来做什么?(人物设定) 产品经理、交互设计师︰...

空空如也

空空如也

1 2
收藏数 39
精华内容 15
关键字:

原型工具axure的页面布局