建设网站的4个主要组成部分

在您开始构建自己的网站或与我这样的人合作帮助您构建网站之前，最好先学习网站的语言，以便了解您正在处理的内容并明确表达您的需求。

从广义上讲，创建网站有4个组件。每个组件都是不同的，但有些组件彼此密切相关，并且很容易将它们混合起来。所有组件的总和共同构成了设计和构建网站的过程。

现在，有许多不同的名称和方法来定义每个组件，事实上，网络行业的一些人将不同意我的基本故障。但是，我发现以下定义在与客户沟通时效果很好，客户通常不认为自己是“技术人员”，也不关心“信息架构”和“交互设计”之间的区别。所以，让我们保持简单……

结构体

结构是指将网页或网站的不同元素组合在一起的方式。在Web行业中，我们经常使用站点地图和线框等工具来定义站点的结构。一个网站地图定义了网站的结构在宏观层面，而仅仅是显示导航方面的网页层次的轮廓。您可以将站点地图视为书籍或组织结构图中的目录。

甲线框定义单独网页（微电平）的结构，并且是网页的示意图，示出了页面SIT的主要元素。线框仅显示内容和功能的相对大小和位置; 它们不包括颜色或图像等视觉元素，也不包含真正的文本块。你可以想象一个像铅笔素描的线框。

线框可以包括在多个页面上重复的结构元素，例如包含相同元素的页眉，页脚或侧边栏（瘦垂直列），无论您所在站点的哪个页面。在大多数网站构建系统（Web平台）中，这些类型的元素构成模板的一部分。模板通常是指网站上的重复元素，而不是单个页面布局。

功能

功能是网站的面向动作的部分：例如，购物车，查询表单或下载按钮。功能始终与我们希望网站用户执行的操作相关，从一开始就了解这些操作以及每个功能的优先级非常重要。功能由我们使用的技术启用和限制。因此，除非您是Web开发人员，否则可用的功能集通常由您用于构建网站的Web平台上允许的内容定义。如果您使用WordPress，Squarespace，Wix，Weebly，Drupal，Magento等，那么您在网站上可以使用的功能将是该平台提供的功能之一。

在某些情况下，您可以将其他系统中的功能嵌入到您的网站中。例如，您可以将YouTube视频播放器嵌入到网页中，或者您可以在MailChimp中嵌入简报注册功能。这些类型的可移植函数通常称为小部件，插件或简单的“嵌入”。

内容

你认为这个是不言自明的：网站的内容是指每个网页中的文字，图像和其他媒体（如PDF或视频）。然而，它并不那么简单，因为内容和设计之间存在模糊的界限。照片很有内容，但它们在页面外观方面也起着重要作用。在页面上有很多或一点点文本也会在页面外观中起作用。

出于这些原因，我尽量避免使用术语“设计”，因为它非常广泛，并且在大多数情况下对通信没有帮助。为了构建网站，通常更容易将文本和图像分类为“内容”，并在引用页面外观时使用更精确的语言而不是模糊/混淆的单词“设计”。

美学

如前所述，很多人会将这最后一个元素称为“设计”。然而，由于结构（物体的大小和位置）和内容（照片或文本的长度）等其他组件也在“设计”中起作用，我更喜欢使用术语“美学”来将我们的注意力缩小到事物的外观和感觉。这意味着我们谈论的是颜色，字体和图形元素，如线条和图案，而不是内容或结构。

外观和感觉的“感觉”部分非常重要，但更难定义。这是一个棘手的问题：它指的是网站如何吸引你的情绪。权威，清新，俏皮，充满活力或禅宗只是情感词汇的几个例子，可以描述网站的“感觉”或整体印象。这些单词对于帮助您选择颜色，字体和其他视觉元素以满足您所需的印象至关重要。他们还将在内容选择中发挥作用，例如摄影类型，语调和写作风格。

那么什么是网页设计呢？

谈到网站，实际上有很多类型的设计; “设计”可以指规划和实现组件以使视觉上和谐的外观，或者它可以指计划和实现用户在与网站交互时将具有的体验。事实上，网页设计中实际上有很多专业，特别是当你开始谈论大型商业网站以及支持它们的代理商和团队时。

但从广义上讲，对于小型网站/项目，一个优秀的网页设计师将能够巧妙地将4个主要组件中的2个或更多组合成一个视觉上令人愉悦的网站或网页，以满足网站用户的需求。如果您与像我这样拥有丰富网络项目经验的人合作，我可以帮助您完成所有4个组件，与您协作以确保他们以最佳方式协同工作。

即使您决定建立自己的网站，重要的是要考虑4个组件及其相互之间的关系。这样做可以帮助您识别一些您可能没有考虑过的事情，以及您可能需要帮助的一些领域。如果是这样，您将能够清楚地向您的同事或网络专业人员传达您需要帮助的内容。