如何规划网站：第二部分

这是有关网站规划的两部分系列中的最后一部分。 我们正在探索一种网页设计方法，该方法始于大局想法，终于设计。如果您错过了，您可能需要先阅读第一篇文章，然后再继续。 页面上有什么？ 我们离设计越来越近了，但还没有完全实现。首先，您需要查看站点地图，并将可能共享相同布局的页面分组在一起。 例如：主页可能包含一个大的启动图像，以将其与内部页面区分开来；特色项目/产品/属性页面和标准内部页面可能具有相似但不同的布局；案例研究可以以特殊格式显示。 由于每种页面类型在最终网站上都有不同的布局，因此每种页面类型都需要单独的模板。在这种情况下，模板=页面类型。 一个非常简单的网站可能只有 2 个模板：主页和内部页面。较大的网站可能有 10 个或更多不同的页面布局。 一些例子： 家 典型的内饰 产品分类 产品信息 购物车 查看 公司名录 员工简历 高级搜索 搜索结果 联系我们 模板需要单独设计，因此每个模板都会经历自己的小规划过程。

这就是线框图的用武之地。 但线框到底是什么？它有一个没有设计的布局。它没有图像、颜色或字体。如果它有文本，通常只是占位符文本，读起来就像无稽之谈。 可以这样想：线框对于网站来说就像平面图对于房子一样。 在规划此布局时，重要的是要考虑用户体 新西兰 手机号码 验的所有元素 - 从概念到具体。 考虑一下网站的宽度。 （这些页面是否适合 8% 的宽度仅为 800 像素的屏幕？）想想每个部分会出现多少文本。 （用户通常只阅读页面上 20% 的文字，并且随着页面变长，该百分比会变小。） 接下来，考虑页面上将出现的所有内容：导航、图像、文本、号召性用语、徽标/品牌等。每件作品应该有多少空间？哪些元素应该是最突出或最接近顶部的？相应地计划。 一旦你想清楚了这一切，你就可以开始决定一切的去向。在纸上或 Photoshop 中绘制基本布局：为所有元素添加框、占位符文本或图像。 力求设计一种能够清晰传达信息并且易于访问者使用的布局。这是通过测试纸质原型来提高可用性的好机会。



请记住，某些网站只有吸引搜索引擎机器人或支持网站管理员才能成功。如果您的项目属于这种情况，请在开发线框图时牢记搜索引擎友好性 (SEO) 和易于更新（内容管理）。为了获得最佳结果，请咨询专家！ 一旦您为每种类型的页面绘制了基本布局（牢记访问者、功能、内容和其他要求），您就获得了线框。 你能告诉我它会是什么样子吗？ 请注意我们是在流程的最后阶段才开始设计的。 有很多方法可以成功地将创意设计应用于线框。当然，利益相关者的个人偏好也是一个因素。但尽可能地尝试根据访客的需求和品牌风格来引导流程。 确保每个页面上的元素都得到平衡的突出显示；这有助于访客一目了然地了解您的产品。为他们创建一条清晰且简单的路径。最后，设计应该吸引用户采取行动。 从技术上讲，设计是在规划过程之后进行的，但确保这两个阶段良好衔接很重要。有了这么多的准备，看来这个阶段应该是简单快捷的。但许多项目实际上在设计过程中速度变慢了。