初学者网页设计的终极指南

网页设计是一个美丽的职业——充满创造力和独特性。 它不仅使网站看起来更漂亮，而且还具有影响意见和情绪的能力。 因此，它的需求量很大，如果您曾经想学习网页设计，现在是时候了！

但是，网页设计包含许多您应该了解的理论、规则、最佳实践和其他细微差别，在这知识的海洋中，您很容易迷失方向。

这就是为什么我们为初学者创建了一个全面的网页设计指南。 在这里，您将找到开始您的网页设计生涯所需的一切。 让我们开始吧。

网页设计是创建网站视觉界面的过程。 换句话说，网页设计师创造了我们在网上看到的一切。 网页设计不仅包括美学，还涉及网站或移动应用程序的可用性，以及整体结构和布局。

网页设计不同于网页开发，网页开发是指使网站功能发挥作用的实际编码。 网页设计师专注于网站的前端和视觉方面，这会影响其可用性和整体用户体验。

网页设计有两个主要目标：

• 为了使网站看起来不错。
• 帮助访问者在网站上轻松实现他们的目标。

这是理解一些常用的网页设计术语派上用场的地方：

作为初学者，您需要很好地掌握 UI 和 UX 基础知识。 在未来，如果您决定有兴趣专注于这些领域之一，您可以从事设计专家的职业并提高您的薪水。

现在，让我们专注于确定基础知识。

网页设计原则几乎为游戏设定了规则，因此这应该是您的基准。 跳入任何新职业的问题之一是要学习的东西太多。 那你会从哪里开始？

您工作的每个网站都应遵守以下规定：

美学可用性效应：人们认为设计精美的网站比没有吸引力或过时的网站更易于使用。

雅各布定律：熟悉产生信任。 如果元素在不同网站之间的处理方式具有一致性，请不要偏离规范。

Fitt 定律：增加交互和设计触摸目标，以便：

• 它们足够大，可以找到。
• 它们足够大，可以毫无错误地点击。
• 它们被放置在一个触手可及的区域。
• 单个空间中的多个触摸目标之间有足够的空间。

希克定律：减少压力并尽量减少访客采取的步骤：

• 选择较少。
• 将复杂的任务简化为更小、更易于管理的步骤。
• 最佳/最受欢迎/最超值选择的推荐。

Pragnanz 法则：使用可识别的形状和元素来防止访客在遇到过于复杂而无法理解的事物时变得困惑或沮丧。

米勒定律：通过将内容组织成组（五到九个项目）来最大限度地减少视觉过载。

格式塔设计法则：人脑根据逻辑和顺序来理解它所看到的并试图理解它，因此您的设计应符合以下结构和模式规则：

• 相似
• 延续
• 关闭
• 接近
• 图/地
• 对称与有序

序列位置效应：将最关键的部分放在网页的最顶部或底部。 这些是最令人难忘和互动的景点。

峰终规则：网站的第一印象和最后印象是访问者最记得的。 虽然整个体验应该是一流的，但主页入口和转换端点应该是完美的。

想探索更多网页设计最佳实践吗？

本指南分解了您需要遵循的网页设计原则和可用性的 10 条戒律。

Web 标准为整个 Web 设定了规则。 通常，它们围绕构建网站的技术方面展开，其主要目标是使网络成为每个人都可以平等访问和享受的地方。

与通常源于心理学研究和法律的网页设计原则不同，网页标准实际上是由许多管理机构建立和监管的。

Web 标准的最前沿是一个名为万维网联盟 (W3C) 的组织，该组织由 Tim Berners-Lee（Web 的发明者）领导。

这些是 W3C 的主要目标：

• 全民网络——通过创建可访问和全球友好的网站来实现。
• Web on Everything — 这是指响应式网页设计：每个网站的跨浏览器和设备的完全兼容性。
• 用于丰富交互的 Web — 应使用哪些编程语言和技术的指南。
• 数据和服务网络- 涉及网站内部和网站之间的数据管理。
• Web of Trust -网络安全和隐私的优先级。

这里有很多关于在创建网站时应该做什么和不应该做什么的指导。

也就是说，在您掌握了有关初学者网页设计所需的所有其他知识之前，最好暂停对此主题的探索。 这并不是说这不如其他的重要。 只是与站点的技术管理有很多关系，这是一项您要到以后才能开发的技能。

说到成为网页设计师所需的技能，让我们设定一些优先事项。 我们将把它们分为两类：硬技能和软技能。

硬技能是指技术知识和技术。 这些是最重要的掌握：

• UI 设计：创建一个有吸引力和现代的界面。
• 用户体验设计：创建网站旅程并使其顺畅。
• 组成：布置一个网站，使其具有吸引力且易于遵循。
• 排版：选择和配对字体以设置心情并创建可读界面。
• 色彩理论：开发一个调色板，为网站带来正确的情感和氛围，而不会使事情失去平衡。
• 响应式网页设计：设计一个网站，不仅在所有设备和浏览器上看起来都不错，而且在一个平台到另一个平台上提供一致的体验。
• 图像编辑和优化：管理图像的美感、大小和重量以提高可用性。
• SEO：通过技术增强（例如图像压缩、优化的搜索元数据和响应式设计）提高网站的排名。
• HTML & CSS：使用基本编程语言编写代码：HTML 用于操作文本，CSS 用于更改网页的样式。
• JavaScript：使用 JavaScript 向网页添加交互性。
• 网页设计工具：使用专业设计软件为网站创建线框、模型和原型。
• 内容管理系统：使用网站构建器，让您能够始终如一地为客户构建高性能网站。

软技能是指使您成为网页设计师成功的个性特征。 这些是最重要的重点：

• 项目管理：规划网站工作，并通过记录良好的流程和项目管理平台使它们保持正轨。
• 纪律： 100% 致力于您的工作、每个项目、每个客户以及为您铺平道路的所有网页设计原则和标准。
• 足智多谋：知道如何摆脱困境并让事情发生，即使障碍似乎无处不在。
• 注重细节：在每一个“i”上加点，在每一个“t”上划上一个叉，这样客户就没有理由对你不满意。
• 同理心：不要对你的客户或他们的听众做出假设； 花点时间了解他们为谁服务，以便您可以建立最好的网站。
• 沟通：学习如何用客户理解并建立信任的语言与他们沟通。
• 客户服务：通过在第 1 天负责提供卓越的客户体验，并准备好回答他们的问题并在此过程中让他们放心。

通过掌握这些硬性和软性的网页设计技能，您将制作出更好的作品，从而吸引真正重视您所做工作质量的客户。