如何在网页设计中创建视觉层次结构，以便更好地吸引读者，你有没有看过一个网页，感觉完全失去了？所有不同的元素都会争夺你的注意力，使你无法区分小麦和谷壳。你知道你需要的信息就在那里，但你找不到它。
相反，一些网页似乎立即点击到位。他们感觉有条理，和谐，平易近人。您可以轻松吸收重要信息或浏览与您的需求无关的部分。你不必思考。
这两个页面之间的区别在于，将视觉层次结构纳入设计，而另一个则没有。具有较差视觉层次结构的网页设计感觉压倒性，因为它们的结构不能训练眼睛去哪里。您的网站需要视觉层次结构来完成其工作。
可视层次结构为用户建立优先级。
你经常看到一篇带有“十大”头衔的文章或博客文章，并在没有阅读文章的情况下浏览它以找到答案？我敢打赌，几乎每个人都会选择“高效人士的7个习惯”，在章节清单中略过，找出七种习惯在他们开始阅读之前是什么。
我们这样做只是为了懒惰。我们想要知道，在我们投入大量阅读时间之前，无论我们将要阅读什么，都会有重要的信息。设计中的视觉层次结构也是如此。
视觉层次结构还有助于让读者在返回页面时保留其位置或查找重要信息。南京网站制作分享例如，考虑常见问题页面。大多数读者希望能够直观地扫描页面以找到与他们相关的答案。他们不想阅读他们没有的问题的答案。
或者想象一下阅读一个事件，并且不得不浏览一段副本来查找日期，时间和位置。这是用户需要的重要信息，您可以通过在网站上将其分开来提供帮助。将关键信息以粗体显示，或在文本框中将其分开。让它易于发现。
请记住，并非每个元素都具有同等重要性。确定最关键的设计元素是什么，并且不要让它们争夺注意力。
例如，假设您有即将举行的活动的标题，表单和广告。你的标题大胆而大胆，因为它是你最重要的信息，你希望访问者看到它。但您也希望访问者填写您的表单。因此，您将表单放在标题旁边，使背景变得非常鲜艳。但你的活动怎么样？您决定不希望访问者错过这一点，因此您可以在标题和表单下创建一个大的横幅图像，并拥有自己鲜艳的颜色和大文本。从好的方面来说，你把它全部“压倒”，这样就没有人会“错过”它。
从设计的角度来看，这是一场灾难。而且因为这是一个糟糕的设计，它也对你不利。糟糕的设计不会转换访客。来到您的网站并看到这个烂摊子的人很快就会感到不堪重负并且反弹。任何留下来的人都将在所有竞争行为之间挣扎。
尝试采取不同的方法。为信息分配优先级，并严格执行。除非实际上是平等的，否则不要做出两件同等重要的事情。然后确保重要物品得到他们需要的关注，让不太重要的物品退居二线。
您可以使用多个视觉提示引起对某些项目的注意。其中一些包括：
尺寸
大件物品吸引眼球。这就是为什么标题大于正文副本，为什么英雄图像得到更多关注，以及为什么更大的按钮具有更高的点击率。
对比
在黑背景的白色文本。在其他灰色调图像中的颜色飞溅。用斜体字。这些都引起了人们的注意，因为它与周围环境不同。
白色空间
白色空间通过将元素与其余元素分开来引起注意。隔离帮助它脱颖而出。想想甲壳虫乐队的封面，也被称为“白色专辑”。它是标志性的，主要是因为那里什么都没有。
重量
与尺寸和对比度一样，重量会增加或减少注意力。如果大多数元素都是粗体，那么细字体会吸引眼球，反之亦然。
接近
接近引人注目的元素也会影响视觉层次。眼睛首先看到不寻常或令人惊讶的物品，然后是附近的元素。
打破界限
文本或图像，我们注意到元素从其空间突然出现。这有助于吸引注意力，但它也可以帮助从页面的一个部分过渡到下一个部分。事实上，这可以是一种聪明的方式，可以帮助您在视觉上引导读者进入页面。
帮助您的读者找到他们正在寻找的信息。他们会感谢你的。
网页设计中的视觉层次结构与书籍中的分节符或章节标题一样重要。它可以帮助您的读者保持自己的位置并找到他们想要的东西。它是良好网页设计的关键要素之一。所以不要害怕让你网页上的某些项目先于其他项目。当您的用户在您的网站上感觉更舒服时，他们会坚持不懈，花在您网页上的时间越多，他们就会吸收越多的信息。
需要帮助您的网站？我们的网站设计团队优先考虑用户友好的设计。立即联系南京网站制作安优网络开始使用。
本文地址：
http://www.njanyou.cn/web/2623.html
Tag：
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
小程序小部件完整显示图片[画布。的drawImage]
下一篇：
小型电子商务如何在亚马逊上占据优势
