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

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

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

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

如下所示:

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

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

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

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

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

设置如下:

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

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

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

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

(0)
小多多的头像小多多创始人

相关推荐

发表回复

登录后才能评论