网站建设中关于原型设计方面实用的小知识有哪些

  网站建设中关于原型设计方面实用的小知识有哪些专业性强，是关于网站建设中关于原型设计方面实用的小知识有哪些的的专业知识，众合长春网站制作公司介绍您网站建设中关于原型设计方面实用的小知识有哪些的方面的知识.

     在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。在这方面也不甘落后，我们可以使用其中的(格式化表格)命令来快速地对表格应用预先设计好的样式。

    第一、梳理功能分类和建立站点地图；

    在开始进行相关功能页面设计之前，我们需要先对后台功能进行总体的梳理和分类，这个工作我一般会借助脑图工具来进行。后台系统功能主要是对前端业务进行管理，所以梳理过程中必须重点关注前端的业务逻辑，这是体现产品人员对需求或业务理解程度的一个重要方面。科学合理的功能分类能使得开发人员快速的理解需求，同时也直接会影响到系统上线后的用户使用体验。

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

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

    第三、关于统计图表的设计；

    统计图表是后台系统中比较常见的一种展示形式，由于Axure中没有提供图表相关的元件，所以用它来制作图表是一件令人头疼的事情。为了解决这个的问题，我们可以借助图表工具生成对应的图表效果，然后将它生成图片复制到原型中。我推荐使用百度的图表工具

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

    第四、关于功能内容页面的设计；

    在开始内容页面的设计之前，我们首先需要定义页面的设计尺寸标准。如果以1366px的窗口宽度为例，我们已经在框架页面中设置了一个宽度为200px的左侧菜单，那么演示时内联框架的宽度是1366px-200px=1166px，根据这个宽度我们将内容页面的设计尺寸宽度设

为1100px较为合适。如果你的屏幕分辨率较高，内容页面的设计宽度可以稍微设置大一点，但最好不要超过1300px。定义页面的设计尺寸需要用到参考线，可以通过从标尺区域向内容区域拖动新建纵向或横向的参考线，选中对应的参考线右击可以将它锁它或进行更多的

设置。下面的截图中是我使用参考线的效果，两边分别保留了20px的留白区域。

    第五、使用中继器管理列表元素；

    Axure里的中继器元件是用于实现动态数据的效果的，但是利于它的特征可以用来方便的管理列表元素。如果我们需要一个多行的数据列表，通常的做法是先创建好一行的元素，然后进行复制排列。如果这个数据列表有20行，我们就需要复制19行然后排列对齐，这个

操作是一个很耗时而且麻烦的过程，对于有对齐强迫症的朋友来说更是恶梦。但是通过使用中继器，我们只需要创建好一行的元素，然后将它复制到中继器中，再在中断器中批量增加19行，这样的一个多行的数据排列就创建好了。

    第六、使用母版管理常用元素；

    了解Axure基本功能的朋友应该都知道母版功能，它可以用来管理一些比较通用的界面元素，可以快速拖动到不同的界面中并支持统一修改，善用母版功能让你的设计效率提升不少。

    第七、图标的使用技巧和推荐；

     原型设计中需要用到图标的可以通过很多方式获取到，例如有各类海量的图标库搜索网站、免费的图标素材下载，还有其它同行整理好的图标元件库，大家在百度中搜索一下都能找到相关的资源。我个人最常用的是阿里巴巴的团队推出的图标分享平台iconfont，推

荐它的原因有两个，首先它的图标数量非常全面，目前收录的图标数量在160万枚以上，只需要通过搜索功能就能快速检索到自己需要的图标。

     这个设计背后的灵感来自Divi的加密货币布局包。关于页面布局的特点是一个独特的设计与标题背景图像的连接线，继续向下的页面，以划分两列网格布局的中间。因此，我决定探索使用Divi来添加线条的概念，这些线条可以更多地限定内容，并在总体设计中添加

一些亮点。这个设计的主要亮点是分隔模块的使用。我发现Divider模块并不局限于创建带有单一颜色的水平线。实际上，只要稍加调整，您就可以创建带有背景渐变的垂直线了

网站建设中关于原型设计方面实用的小知识有哪些由众合长春网站建设公司为您提供，转载网站建设中关于原型设计方面实用的小知识有哪些时请注明出处更多内容：http://www.ccjz.cn

相关链接：长春网站建设，长春网站制作，长春网站设计，长春做网站，长春建网站，长春网站公司，长春网络公司