PC端web网站交互原型中的一些设计要点

无需加好友免费技术支持

共享中介绍本人PC端web网站交互原型中的一些设计要点，enjoy~

当我还是小白的情况下，我开始设计web界面中最常见不正确之一是：大部分每一个页面的制作全是顶导航、左导航和右页具体内容。

具体如下：

当定制的页面更许久，一旦侧导航的名字或跳转链接产生变化，全部页面的导航都必须要被更换，实际操作比较复杂和多余。

根据下列课外，我明白怎么使用内部结构框架来达到页面具体内容间的转换。只需建立一个框架页面，就可以不用反复黏贴。

合理布局如下所示：

只需要将鼠标单击导入到导航里的控制模块名字，并把它链接到内联框架中某个页面，设定如下所示：

在制作原形时，我们可以把它设为中屏1366 X 768的高度，随后加上加载规格变动的互动事情。针对以上框架页面，我们可以将环境框架总宽设为：[[Window.width]]，立即延伸至阳台的尺寸，其高度保持一致。

与此同时，将侧导航的高度设为：[[Window.height-顶栏高度]，总宽不会改变，内联框架总宽设为：[[Window.width-侧导航总宽][[Window.height-顶栏高度]。

那样，当载入框架页面时，器件的规格能够在所有屏上遮盖浏览。

我们可以将加载时文字的互动事情导入到页面标题框中 》设定文字 》启用现阶段元器件[[PageName]]，那样能直接获得左目录的页面文章标题，免去了人力再输入繁杂。

与此同时，把它转换成母版，便于在后续变更文章标题导航框的款式，只需要在母版中变更一次，即全部别的页面引入文章的标题导航框款式可以一起变更。

设定如下所示：

使用次数最高弹出对话框是递交和删除掉操作提示。我们可以把它转换成动态面板，并且在竖直程度上弹出来精准定位电脑浏览器，随后转换成母版， 那样整站全部删掉提醒弹出窗口都列举了这一母版提醒弹出窗口，中后期优化提升十分方便高效率。

一样，我们还可以将页面别的同用弹出对话框和控制模块，如底部，转换成母版管理方法。

创作者:火星人~艾斯，微信的公众号:艾斯Axure大峡谷

文中由 @火星人~艾斯 每一个人都是产品运营。未经同意许可，禁止转载

题图来源于Unsplash，根据CC0协议书