什么是网页设计的误解

1.不合理的布局设计问题，第一个空间设计是不合理的。段间距和行间距是文本内容的常用空间控制变量。虽然一些布局可能由于间隙过大而显得松散，但更常见的问题是布局太紧，缺乏呼吸，这可能使设计看起来令人困惑和可读。通常，对于大文本内容，行间距优选地在文本高度的120％和150％之间。对于较小的文本，考虑到移动侧的用户端场景，可能必须改进该行间距以确保舒适的阅读体验。然而，无论如何控制，核心始终是确保阅读体验愉快而恰到好处。正确和流畅的排版在视觉上是舒适的。如果间距太小或太小则不合适。另一方面，整个页面布局的行间距的比例应该是一致的，这可以使视觉更均匀，并且还可以增强相似和相关元素的相关性并增加可读性。 2，所有元素大小相同，所有图片大小相同，所有文字大小相同，所有按钮都是相同的样式，这样的“一致”看起来不错，但实际上它会更无聊。网页中的许多元素可以是相同的，但不完全相同。这是两个概念。根据需要，不同位置的按钮尺寸可能不完全相同，但它们可以遵循相同的样式并设计几个相对固定的尺寸比率，这也使您可以更好地控制整个视觉和体验。事实上，在Web框架中使用图像是最好的例子之一。不同页面的第一页的大小是相同的。如果要将图像应用于不同布局的其他位置，则将直接缩小图像。将直接减少元素的视觉权重，并降低信息传输的有效性。最理想的情况是基于整个Web框架布局的需求，基于原始地图来剪切地图。 3.忽略层次结构我们看到的绝大多数网页都需要通过组织良好的层次结构来呈现。毕竟，网络内容遵循80/20规则，20％的内容通常具有80％的重要性。这也使得网页的层次结构如此重要。网页上的不同内容被优先排序，并且可以基于设计的需要或用户的需要来判断和划分这种重要性。同时，当用户快速浏览内容时，重要内容应放置在重要且易于查看的位置。在确定重要性优先级之后，基本上可以确定层次结构的设计。诸如第一图片和标题之类的元素是携带重要信息的载体，并且诸如可以指导用户行为的CTA按钮和输入框之类的元素可以在交互级别上增强内容的有效性。在设计网页层次结构时，应系统地考虑所有这些事情。 4，忽略网页可用性的基本功能总是在易用性之前。我想我有过这样的经历，经过漫长的网页，经过漫长的等待，我无法加载网页;我点击一个没有相应反馈的按钮;我想在网页后面找到所有者的联系信息，但我在AboutUs页面中没有任何内容。这些基本任务要求设计师尽力而为。确保网页的基本功能得到顺利使用，并提供正确的反馈，这些基本的可用性问题通常出现在搜索框，导航，页脚甚至业务逻辑中。在网页中，不同类型的元素涉及不同类型的内容，即使文本和图像通常具有链接，或涉及特定功能或交互，并且期望用户具有这些特征。可以使用按钮和链接等基本功能来确保信息的完整性和功能的完整性。只有这样，用户才能信任网页本身。如图5所示，需要反复仔细检查不太简洁的文案页面中的文案。使用复制文件时，许多网页都不简洁，用户在浏览过程中很容易丢失。 人们集中注意力的时间总是有限的，因此尝试在交互和用户界面中使用清晰，准确和描述性的语言来直接指导用户并清楚地表达交互的结果。清晰简洁的语言副本是维护用户兴趣和推动互动的动力。 6，低分辨率和缺乏清晰度的画面绝对是一个设计缺陷。今天的高清屏幕无处不在，低分辨率的图像在今天的屏幕上显得不起眼。随着网络覆盖和带宽的扩大，大尺寸图片和文件逐渐成为标准。当您需要精确控制图像大小和屏幕分辨率时，您还可以参考响应式设计，使用断点来控制显示的大小。当然，最重要的一点是，如果你使用低分辨率图像，你也可以不使用它们。 7，太多插图效果太多，效果复杂，设计趋势太多，当常见的设计技巧和效果堆积在页面上时，很容易淡化页面真正重要的内容。应该以有针对性和有计划的方式使用不寻常的颜色，精美的动画，巨大的图像，这些真正引人注目的元素。