复杂的网页设计中，网站原型设计的应用最为广泛，因为使用原型设计可以很方便地控制文字和图像出现在网页上的具体位置，使得整个网页看起来紧凑、统一。这个领域也不甘落后，我们可以使用(格式化原型设计)命令快速将预先设计的样式应用到原型设计中。下面是十堰网站建设分享原型设计实用小知识：

梳理功能分类并建立站点地图；

启动相关功能页面设计之前，我们需要先对后台功能进行全面的梳理和分类，这一项工作我一般会借助脑图工具来完成。后端系统功能主要是对前端业务的管理，因此在梳理过程中要注重前端业务的业务逻辑，这是体现对需求或业务了解程度的重要方面。科学合理的功能分类可以使开发人员快速了解需求，同时也将直接影响系统上线后的用户使用体验。

二是关于自适应框架的补充；

前一篇分享介绍了如何使用函数获得浏览器窗口的宽高值，然后为相关的界面元素赋值，从而达到框架的自适应效果。这些设置中有一部分我在源文件中实现了，但没有展开进行说明，一些观察比较仔细的朋友发现了相关问题，在页面属性的“窗口尺寸变化时”事件中，大家可以看到两个条件用例。当窗口宽度大于1366时设置1，而当窗口宽度小于1366时设置2，两个条件用例中所设置的相关元素宽度不同。

三是统计图表设计；

在后台系统中，统计图表是一种较为常见的显示形式，由于Axure没有提供与图表相关的组件，因此使用统计图表制作图表是一件令人头痛的事。要解决这个问题，我们可以利用图表工具来产生相应的图表效果，然后把它产生的图片拷贝到原型中。建议使用百度图表工具。

是一套开放源码的数据可视化工具，提供了各种丰富的图表类型，包括常用的饼图，柱图，雷达图等等。

关于功能内容页的设计；

设计内容页面之前，首先要确定页面的设计尺寸标准。对于我们已经在框架页中设置了一个宽度为200px的左边菜单的1366px窗口宽度的例子，当演示时，inline框架的宽度是1366px-200px=1166px，根据这个宽度，我们可以设置内容页的设计尺寸宽度。

比较适合于1100px。若屏幕分辨率较高，可将内容页的设计宽度稍设为较大，但最好不要超过1300px。确定网页的设计尺寸需要使用参考线，通过从标尺区域拖拽新的纵向或横向参考线，右键单击相应的参考线，就可以锁定或进行更多操作。

安装。下图是我使用参考线的效果，在每一边都有20px的留白。

使用增音机来管理列表元素；

在Axure中，中继器组件用于实现动态数据的影响，但对其有利的特性可用于方便地管理列表元素。当我们需要一个多行数据列表时，通常的做法是先为好行创建元素，然后再进行复制排列。若此数据列表有20行，则需要复制19行，然后将其对齐。

这个过程既费时又麻烦，对于那些患有强迫症的朋友来说，这简直就是噩梦。但通过使用中继器，我们只需创建好一行的元素，然后将其复制到中继器中，然后将19行批量添加到中继器中，这样就可以创建一个多行数据排列。

使用主控程序来管理常用元素；

熟悉Axure基本功能的朋友应该知道母版功能，它可以用于管理一些更通用的界面元素，可以快速拖拽到不同的界面，并支持统一的修改，好的母版功能可以让您的设计更加高效。

图标的使用技巧及推荐；

样机设计中需要使用图标的可以通过多种方式获得，比如有大量的图标库可以搜索网站，免费的图标素材下载，以及其他同行整理好的图标元素库，大家可以在百度上搜索一下相关资源。最常使用的是阿里巴巴团队发布的iconfont，一个图标分享平台。

之所以推荐它有两个原因，一是它的图标数量非常全面，目前收录的图标超过160万个，只需通过搜索功能就可以快速找到所需的图标。

这一设计的灵感来源于Divi的加密货币发行版。网页布局的特征是独特的设计与标题背景图像连接，页面继续向下，将两列网格布局分成中间。所以我决定研究一下用Divi来添加线条的概念，这样就能对内容进行更多的限定，并在整体设计中增加线条。

有些亮点这种设计的重点是分隔使用模块。我发现Divider模块不仅限于用单一颜色创建水平线。事实上，您只需稍微调整一下，就可以用背景渐变创建一个垂直直线。