网站建设具有一定的流程,中间哪个环节不到位均能给项目带来质量实现的阻碍,下面我们就来看下网站策划环节对于线框图设计的专业性。

首先看下下图清晰版的线框图设计，此方式描述出页面元素的布局，但无法很好地传达页面的侧重点，视觉效果不佳，致使设计师与开发人员不能很好地理解。

改良的方法很多，我们来看下通过明暗对比来区分模块的视觉效果：将重点信息与次要信息如何区分开？用户视线聚焦点在哪？希望用户执行的操作？以上问题不单单由视觉设计师来考虑，策划人员应该有初的计划，在此基础上，为原始的线框图添加视觉效果。

不使用深色的“线框”，采用不同明度的灰色作背景来界定页面和模块的边缘，处理后的效果有了新的视觉效果。不利用专业设计的彩色图片，也能将元素与模块之间的优先级体现（图中的酒店信息推荐及右侧酒店预订按钮能很快地引起关注）。

以上原型图设计运用色块的对比，很好地将重点元素突出，实现具有层次感的视觉页面设计。即使是一个网站建设的外行人员，也能清楚地知道网页的布局效果如何。

对于线框原型当中的范例内容，包括导航元素的标题、表单标签、介绍文案、图标等等，应尽量使用与网站内容为贴近的数据，在可用性测试当中更具表现力和说服力，被测试用户不需要专业人员的讲解也可以获取较为准确的信息。另外，真实数据也可以创造出一种更贴近实际产品的使用氛围，这可以使被测用户更加投入。