axure原型案例作品(axure制作网页原型图优势)

分享个人在绘制PC端web网站交互原型中一些设计技巧,enjoy~技巧一:搭建导航框架页面当自己还是一个小白时,开始着手设计web界面时,最容易犯的一个错误就是:基本每一个页面的绘制都是顶部导航、左侧导航、右侧则为页面内容。如下所示:当设计的页

分享个人在绘制PC端web网站交互原型中一些设计技巧,enjoy~

技巧一:搭建导航框架页面

当自己还是一个小白时,开始着手设计web界面时,最容易犯的一个错误就是:基本每一个页面的绘制都是顶部导航、左侧导航、右侧则为页面内容。

如下所示:

axure原型案例作品(axure制作网页原型图优势)

当设计的页面比较多时,一旦改变了侧导航的命名或者更改了跳转链接,就得把所有的页面的导航都替换掉,操作十分的复杂冗余。

通过后面的课外学习后,才懂得了利用【内联框架】来实现页面内容之间的切换。只要搭建一个框架页面即可,不用重复复制粘贴。

布局排版如下:

axure原型案例作品(axure制作网页原型图优势)

只需要给导航中的模块名称添加【鼠标点击时】,在内联框架中链接到某一个页面即可,设置如下:

axure原型案例作品(axure制作网页原型图优势)

技巧二:响应式布局的设计

绘制原型时,我们可以先设置为中等屏幕1366 X 768的高度,然后,再给元件添加“载入时”尺寸变化的交互事件。以上面的框架页面来讲,我们可以将【顶部导航】的背景框宽度设置为:[[Window.width]],直接延伸为窗口的尺寸,其高度不变。

同时,将【侧导航】的高度设置为:[[Window.height-顶部栏的高度]],宽度不变,将【内联框架】的宽度设置为:[[Window.width-侧导航宽度]],高度设置为:[[Window.height-顶部栏的高度]]。

这样,加载框架页面时,即可元件的尺寸即可全屏铺满预览。

技巧三:将页面标题框转化为母版

axure原型案例作品(axure制作网页原型图优势)

我们可以给“页面标题框”添加“载入时”文本的交互事件,设置为:元件 》设置文本 》勾选“当前元件”》,将文本值设置为[[PageName]],这样可以直接获取左侧列表的页面标题,省去人工再次输入的繁琐。

同时将其转为母版,这样后期想要变更标题导航框的样式,只需要在母版中更改一次,即能将所有其他页面引用的“标题导航框”样式一起更改。

设置如下:

axure原型案例作品(axure制作网页原型图优势)
axure原型案例作品(axure制作网页原型图优势)

技巧四:将弹窗提示转化为母版。

使用频率最高的弹窗就是提交和删除的操作提示,我们可以将其转为动态面板,且垂直水平居中定位浏览器弹出,然后再转为母版, 这样全站所有的删除提示弹窗都引用此母版提示弹窗,后期的优化调整非常便捷高效。

axure原型案例作品(axure制作网页原型图优势)
axure原型案例作品(axure制作网页原型图优势)

同理,我们可以将页面的其他共用弹窗和模块,如页脚等都转化为母版管理。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/29904.html

(1)
nan
上一篇 2021-09-26
下一篇 2021-09-26

相关推荐

  • 陕西神木有哪些都甲(神木有哪些)

    一、各乡镇人口与土地榆林府谷县1府谷镇72530人.榆林神木市1高家堡镇47275人榆林神木市2贺家川镇27018人榆林神木市3大柳塔镇23190人榆林府谷县2黄甫镇22603人榆林神木市4马镇20897人榆林神木市5锦界镇20686人榆林府谷县3清…

    2022-01-18 随笔
    0
  • 学生学法有哪些基本类型(学生的学法有哪些)

    学有方法,考有技巧,优学优考策略致力于学与考的最优结合,助力学子考入理想大学!小编高中时是个学习中等偏上的学生,对于身边的那些学霸朋友,真是几度羡慕,羡慕,还是羡慕。可惜意识觉醒的有点晚了,便只能一遍赞叹,再默默地注视其背影。后来,学而无果,就去和一…

    2022-01-18
    0
  • 女人干什么赚钱快(只要一部手机月入过万的方法)

    如今想创业的人越来越多,但是面对许多项目总让人头疼,今天为大家总结了你没想到的N个赚钱点子,有什么方法赚钱最快吗?蔬菜快递公司城市人忙着赚钱,家庭成员简单,没有时间买菜调理自己的饮食生活。这种按主人要求送菜上门的服务,投入小,利润不薄,操作性较强。创

    2021-10-13
    0
  • 全球10大潮牌(潮流品牌有哪些)

    潮牌有哪几种,看看以下对潮牌的分类吧!美潮美潮分为纽约为代表的滑板文化潮牌(supreme)和西海岸的冲浪文化潮牌(斯图西,中指猫,火焰,HUF,钻石,empire等等),西海岸也兼容滑板文化。一个首要明确的概念是,潮牌这种服装模式,核心不是服装本身…

    2022-01-18 随笔
    0
  • 金刚经里的�字怎么读(祗园怎么读)

    都说邮票是百科全书,里面上天入地无所不包,那咱们邮友就是读过百科全书的人啰~今天小编就来考考您,下面两枚邮票,您能准确地读出票名吗?读一读问了身边几位朋友,多数读成了qi(二声)、gu(三声),您跟他…

    2021-12-02 随笔
    0
  • 齐东野语文言文翻译(齐东野语原文及翻译)

    台海网2月26日讯据泉州网报道新春时节,闽南民间盛行泡茶“话仙”。今天就让我们也来聊聊古代的趣闻逸事,扒一扒历史名人的那些“八卦”吧。南宋小火锅“拨霞供”的来历南宋泉州人林洪很早便有关于火锅的记载今天是元宵佳节。泉州人“过年”一

    2021-11-30 随笔
    0

发表回复

登录后才能评论