网站建设有哪些重要原则？揭秘三大关键要素，你get了吗？

主体及背景关系

网站建设的这个原则非常强大，非常重要，你应该尽早掌握它。在你的设计上，你应该经常问自己一个简单的问题：哪些元素在背景中，哪些在前景中？

在下图例子中，您可以看到，内容和按钮可以明显地从背景中突出出来。清晰的区分对于用户的关注是非常重要的。这里的线条有点模糊，有趣的是但仍然有非常清晰的轮廓。

!

当我们的早期祖先忙于狩猎和采集的时候，我们通常非常重要的一点是要辨别出眼前可能的威胁或优势。将事物快速地与背景噪音区分开来似乎仍然是我们生存的一部分。想象一只老虎隐藏在丛林中相对于在地平线上的雨滴哪个更明显。从神经学上讲，这种视觉生存策略留下了深刻的印记，我们不太可能改变这种简单的感知机制。对于数字用户 这可能听起来很有趣，但大多数时候都已经过时了但是知道了这一点，就可以更容易地决定如何为用户强调重要的信息，以及如何在背景中隐藏更少的相关细节。

下图中，有一个非常突出的背景图像吸收了很多的注意力，它很有用，它以个人联系的形式传达情感。不过采取行动的按钮被巧妙地放置，它的颜色把它带到了前台。

!

另一个问题可能是 我们的眼睛和大脑在一边处理大量信息时并不是特别快，这就导致我们优先考虑我们需要关注的事情。理解这一点将有助于您更有效地放置网站建设设计难题的部分。

层级关系

层次结构是关于如何分配视觉重要性的；这是一种强调减少视觉混乱的兄弟。它是一个宏观的指导， 告诉你什么是先说说关注的，以及如何跟随视觉，潜意识的面包屑，就像在浏览你的网站内容时告诉你一个用户可以抓住的视觉故事。将设计元素作为重要的层次需要有效地安排。只有几部分被强烈地强调，你应该巧妙安排各部分内容，然后按照预期的方式将它们移到网站上。

就像我们之前说过的，你不希望所有的东西看起来都一样重要。如果是这样的话，你的观众将很难消化你的内容。相反，要创造出不同层次的重要性，强调你的构图的整体结构。一个一般的经验法则是：规模越大，重要性越大。一旦一个基本的层次结构通过大小和间隔来实现，你就可以为混合添加颜色，从而帮助强调某些元素。通过逆向工作，从颜色开始，你将会使你的工作变得不必要的困难，或者至少是不那么有效。

上图中Reddit索引页面的截图也许不是精心设计的最佳设计范例，特别是在建立清晰和强大的层级结构的意义上。我认为，Reddit是其中一个案例：网站的成功和设计并没有紧密联系。我的意思是它是凌乱的，但它不需要太多的东西来建立一个更清晰的视觉层次。

!

下图中， 我喜欢GitHub上的探索页面如何处理排版，以创建一个微妙而清晰的层级结构。对眼睛进行扫描和跟踪是很容易的。颜色也可以用来创建视觉锚，同样适用于他们的搜索后来啊。

!

颜色、 形状、空白、大小和排列组合在一起，形成一个稳固的层次结构。一个清晰的网站建设层次结构可以快速地将好的和平庸的设计方案区分开来。

用户体验与响应式设计

在网站建设的过程中，用户体验和响应式设计是两个不可忽视的关键要素。

用户体验

用户体验是指用户在使用产品或服务过程中的感受和体验。一个优秀的用户体验可以吸引用户，提高用户满意度，并到头来增加转化率。

• 明确的目标和任务确保用户知道他们要做什么以及如何完成。
• 简洁的导航提供清晰的导航结构，让用户可以轻松找到他们想要的信息。
• 一致的设计保持网站设计的一致性，使用户在浏览过程中感到舒适。
• 易于操作确保网站的操作简单直观，减少用户的学习成本。

响应式设计

因为移动设备的普及，响应式设计已经成为网站建设的重要趋势。响应式设计可以确保网站在不同设备上都能提供良好的用户体验。

• 自适应布局根据不同设备的屏幕尺寸和分辨率，自动调整网站布局。
• 灵活的图片和视频确保图片和视频在不同设备上都能正确显示。
• 触摸友好的交互为移动设备设计触摸友好的交互方式。

网站建设是一个复杂的过程，需要考虑多个因素。通过遵循上述原则和要素，你可以创建出既美观又实用的网站，从而吸引更多用户并提高转化率。

!

---