网页设计师术语：客户指南

每个行业都有自己的行话。作为一名网页设计师，您应该熟悉 UX、CSS 和 HTML 等网站术语的字母汤。但你的客户呢？对他们来说这也可能是希腊语。

在您深入设计过程之前，向您的客户介绍最常见的网页设计术语有巨大的好处。无论他们的知识水平如何，当你跳过基础知识时，你最终会花更多的时间在电话上翻译术语，而不是讨论你的工作和设计理念。

为了帮助您的客户加快速度，我们整理了最常见的网页设计术语并将其翻译成客户友好的术语。

以下是 7 个基本的网站设计术语：

• 英雄形象
• 用户体验
• 线框
• 信息架构
• 移动响应
• HTML、CSS 和 JavaScript
• 内容管理系统

英雄形象

在设计网站时，您经常会听到提及网站主页的“英雄形象”一词。尽管这个术语可能会让人想起蝙蝠侠和超人的图像，但这并不意味着您的设计师将超级英雄的图像放在您的网站上。

英雄图像是网站主页顶部的大特征图像或视频背景。人们开始将此区域称为英雄图像，因为它是该网站的重要组成部分。这是任何访问者登陆您的网站时看到的第一件事，因此，设计必须引人入胜且有意义。

尽管“英雄图像”一词中包含“图像”一词，但网站的这一部分不一定需要是静态图片。如今，英雄视频非常常见，通常在某些文本后面的背景中播放。根据网站的目标和设计风格，您甚至可能会看到网站此区域使用的动画。

UX 或用户体验

UX 是用户体验的简写。一些网页设计师专注于用户体验设计，即增强网站访问者对网站的整体体验的过程。用户体验设计被认为是一种专业化，因为设计师不仅创建网站的外观，还考虑访问者第一次（以及随后！）访问网站的体验。

用户体验的一个简单类比是将其与您在新餐厅中可能获得的体验进行比较。食物可能很棒，但如果餐厅要花很长时间才能让你入座，而且浴室很糟糕，而且停车是一场噩梦，那么你可能不会再去那里了。除了食物之外，影响您在餐厅体验的因素还有很多。

对于网站来说也是如此，这就是用户体验的意义所在。吸引并留住访问者在您的网站上不仅仅需要良好的设计。了解用户体验设计的网页设计师会考虑网站上的所有内容如何影响用户的整体体验。

线框

在大多数网站项目中，您的网络团队将首先创建网页的线框，然后再创建设计模型。

线框基本上是一个蓝图，它显示了某些元素和文本将放置在页面上的位置。

建立网站类似于建造房屋的过程。您从建筑师开始并在室内设计师开始工作之前创建蓝图，否则您最终可能会在厨房里有一个浴室。线框是一个非常有用的工具，因为它允许您与网络策略师或设计师协作，并且比设计模型更容易地移动事物。

如果您曾经看过线框图的示例，您会发现它与建筑蓝图有相似之处；线框通常是黑白的，带有基本的框和轮廓以显示元素的放置位置。

信息架构（IA）

除了线框图之外，您通常还会在此过程的早期为您的网站设计信息架构。信息架构，通常称为 IA，是指对网站内容进行组织、优先级排序和标记的过程。

在此阶段，您将决定哪些网站页面将包含在网站的顶部导航中以及内容的结构如何。顶部导航是页面顶部的一系列链接。此顶部导航位于网站的每个页面上，有助于引导网络访问者找到最重要的内容。

与线框图类似，最终的信息架构是网站的组织表示。它通常看起来像一个图表，是指导网络团队的重要工具，以确保最终网站的导航符合逻辑且直观。

移动响应

如今，每个网站都需要适用于各种设备，例如手机、平板电脑和台式电脑。正是在这种情况下，您经常会听到网页设计师使用“移动响应式”一词。

大多数网站平台（例如 WordPress）都是移动响应式的，这意味着平台本身已经内置了技术，以便内容自动调整以适应用户的设备尺寸。

想想你的手机是如何工作的。如果您水平转动手机，手机的内容会自动调整。

这与网站上发生的情况非常相似。由于移动响应技术，网页设计师和开发人员不再需要为较小的设备创建网站的第二版本。相同的内容和设计将在不同的设备尺寸上适当地显示。

熟练的网页设计师在设计网站时会考虑到这一点，并可以指导您编写适用于移动设备和更大屏幕的内容。

HTML、CSS 和 JavaScript

不要让这些技术术语吓倒您。每一个都与您的设计如何从静态图像转变为实时的交互式网页有关。通常，您将开始与专门研究网站外观和组织方式的网页设计师一起创建网站。然后，您将继续与网络开发人员或开发团队合作，由他们对网站进行编码。

您更有可能在构建网站的开发阶段听到这些术语，但它们也可能会出现在设计讨论中。

HTML代表超文本标记语言，它允许网络团队告诉网络浏览器如何显示一段文本。 HTML 使用不同的标签来表示文本是标题、副标题还是段落。您可能会看到设计师将设计中的标题标记为 H1。这是指 HTML 标签，该标签将用于告诉浏览器带有此标签的所有文本应采用相同的字体大小。

层叠样式表 (CSS)帮助网页设计师和开发人员定义网站的外观和风格。 HTML 本身并没有吸引力。 CSS 在创建漂亮的网页设计方面发挥着重要作用。

JavaScript是一种脚本语言，开发人员使用它在网站上创建交互。仅使用 HTML 和 CSS，您就可以拥有一个漂亮的网页，但仅使用这两者则不会发生任何事情。在寻找 Web 开发人员或开发团队时，请寻找不仅仅了解 JavaScript 的人，并确保您的团队在您构建网站的平台上拥有丰富的经验。

内容管理系统

我们将用一个非常简单的术语来结束：内容管理系统，也称为 CMS。您经常会听到这个与 WordPress（另一种内容管理系统）相关的术语。

事实上，WordPress 是世界上最流行的内容管理系统。 CMS 是网站上的后端工具，它允许您轻松编辑或向网站添加内容。

在 WordPress 等 CMS 上构建网站的巨大好处是，您不必成为网页设计师或网页开发人员即可在网站启动后更改文本、添加图像或添加页面。您不必每次需要向页面添加逗号时都致电 Web 开发人员。

由于 WordPress 非常灵活且可定制，因此您可以通过漂亮的网站获得两全其美的效果，同时又易于您的企业管理。

查看更多 WordPress 内容！

WordPress 是世界上最受欢迎的内容管理系统，每天都被越来越多的创意人士使用。

在此处了解有关 WordPress 的更多信息。无论您是初学者还是对 WordPress 了如指掌，我们都为每个人提供资源和文章！

继续在这里阅读。