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

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

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

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

英雄形象

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

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

虽然“英雄形象”一词中有形象一词，但网站的这一部分不一定是静态图片。 如今，英雄视频很常见，通常在一些文字后面播放。 根据网站的目标和设计风格，您甚至可能会看到在网站的这个区域使用的动画。

UX或用户体验

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

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

网站也是如此，这就是用户体验的全部意义所在。 在您的网站上吸引和留住访问者不仅仅是拥有一个好的设计。 了解 UX 设计的网页设计师会考虑网站上的所有内容如何影响用户的整体体验。

线框

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

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

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

如果你曾经看过一个线框的例子，你会注意到它与建筑蓝图有相似之处。 线框通常是黑白的，带有基本的框和轮廓，以显示元素的放置位置。

信息架构 (IA)

除了线框图，您通常会在此过程的早期为您的网站处理信息架构。 信息架构，通常称为 IA，是指组织、优先排序和标记网站上的内容的过程。

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

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

移动响应

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

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

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

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

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

HTML、CSS 和 JavaScript

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

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

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

级联样式表 (CSS)帮助网页设计师和开发人员定义网站的外观和感觉。 HTML 本身没有吸引力或吸引力。 CSS 在创建漂亮的网页设计方面发挥了重要作用。

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

内容管理系统

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

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

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

因为 WordPress 非常灵活和可定制，您可以通过一个漂亮的网站获得两全其美的效果，而且您​​的业务仍然很容易管理。

查看更多 WordPress 内容！

WordPress 是世界上最流行的内容管理系统，每天都被越来越多的创意人士使用。 在此处了解有关 WordPress 的更多信息。 无论您是初学者还是熟悉 WordPress，我们都有适合所有人的资源和文章！

继续阅读这里。