叉蓝

以用户为中心的生活，设计改变世界

日志

[Icon Design] 小相机

和你的不解之缘~

[原创] Axure基础教程用Dynamic Panel制作Tab分页模型

2009-06-23 23:28:00| 分类：技术 | 工具 | 标签： |字号大中小订阅

晚上快下班时一个同事问俺怎么用Axure实现Tab分页

我已经估计半年没用Axure了...一时竟想不起来只记得大概用Dynamic Panel可以实现

晚上吃晚饭回来玩了一会又想起这事便开始琢磨起来

最后也的确是用动态面板来实现了Tab的效果（不过不知道是不是还有其它更容易的方法？）

为了自己加深印象故写了这篇简单教程也希望给想学习Axure的人提供一些帮助

Axure作为交互设计里的模型制作工具，它本身的可用性做的挺好的，非常易学！当初自己也就瞎摸索了一两天就差不多都会了。Axure拥有的一些强大的功能，甚至可以实现简单的数据控制和流程判断，针对网站项目，应用Axure可以做出保真度非常高的原型

在实际应用中，不管是对于早期产品可用性测试，或是面向整个团队阐述产品概念，这种原型都能发挥极好的作用

[原创]Axure基础教程用Dynamic Panel制作Tab分页模型 - slan - GUI

时间不早了，赶着回家睡觉，写到后来越写越草率...希望需要的同学能看的明白...

评论这张

转发至微博

0人 | 分享到：

阅读(621)| 评论(5)| 引用 (0) |举报

[Icon Design] 小相机

和你的不解之缘~

历史上的今天

this.p={  m:2,
              b:2,
              id:'fks_082071084095088071092082084095083080089075084083086071',
              blogTitle:'[原创] Axure基础教程 用Dynamic Panel制作Tab分页模型',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em\"\> </P\>\r\n<P\>晚上快下班时一个同事问俺怎么用Axure实现Tab分页</P\>\r\n<P\>我已经估计半年没用Axure了...一时竟想不起来   只记得大概用Dynamic Panel可以实现</P\>\r\n<P\> </P\>\r\n<P\>晚上吃晚饭回来 玩了一会  又想起这事   便开始琢磨起来</P\>\r\n<P\>最后也的确是用动态面板来实现了Tab的效果 （不过不知道是不是还有其它更容易的方法？）</P\>\r\n<P\>为了自己加深印象  故写了这篇简单教程    也希望给想学习Axure的人提供一些帮助</P\>\r\n<P\> </P\>\r\n<P\><FONT color=#ff6600\>Axure作为交互设计里的模型制作工具</FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/76880504200952311280264',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1249575568576,
              publishTime:1245770880264,
              permalink:'blog/static/76880504200952311280264',
              commentCount:5,
              mainCommentCount:4,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'未设置',
              visitorCity:'未设置',
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'互联网.产品体验设计师',
              hmcon:'1',
              lofter_single:'<a hidefocus="true" target="_blank" href="http://www.lofter.com/touch"><img onload="var nimg = new Image(); nimg.src=\'http://blog.163.com/newpage/images/analyse.png?lofter_single&t=\'+new Date().getTime()" border="0" src="http://b2.bst.126.net/newpage/images/lofter_single4.jpg"/></a>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/76880504200952311280264">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

叉蓝

导航

日志

[原创] Axure基础教程用Dynamic Panel制作Tab分页模型

历史上的今天

相关文章

最近读者

评论

页脚

叉蓝

导航

日志

[原创] Axure基础教程 用Dynamic Panel制作Tab分页模型

历史上的今天

相关文章

最近读者

评论

页脚

[原创] Axure基础教程用Dynamic Panel制作Tab分页模型