设计网页外观的十五个建议

1.内容未分解为逻辑块
如果将信息分组到逻辑块中，则用户更容易消化信息。使用颜色背景将填充设置为 120px-180px 并分离文本块。


2. 网页上项目之间的空间不均匀

🧑‍⚕️‎👚📏😴👁

应在逻辑块周围设置相同大小的空间。否则，您的页面将看起来杂乱无章，用户可能不会平等考虑每个部分。


3. 填充太小意味着用户无法将内容分解为逻辑块
为了避免逻辑部件混合，请将它们分开，并在它们之间插入一个大空间（至少 120 px）。👵‏👠🪓😫👏

4. 避免图像上文本复制的低对比度
文本和背景之间应该有足够的对比。要使副本突出，请将对比度滤镜放在图像上。黑色是一种流行的颜色，但您也可以使用明亮的颜色，并混合和匹配它们。

👏🌕🍌📵🐝‌

5. 一页上的样式太多
在一页上太多的排版和设计风格使得它看起来不专业和难以阅读。为了避免这种情况，请限制自己为一个字体和两个饱和选项，例如，普通字体和粗体。

🧑‍⚕️‎💰🤐🤳

6. 色块太窄
避免强调带有颜色的窄页元素。只是看起来不好。例如，标题由于大小、类型饱和度和填充，已经标记得很好。您要突出显示页面上的特定点吗？对整个块使用颜色背景，包括相关的标题和文本副本。

🖐🚂🍊🆘🐅‍

7. 窄列内文本过多
当窄列中有很多文本副本时，很难阅读，因为网站访问者必须从一行跳到下一行。另外，它看起来不好！最好减少列数并缩短文本副本，否则没有人会阅读。
👮‍♂️‎🦺🗝🙃🙏


8. 居中文本过多
当文本很少时，将文本居中工作正常，否则用户很难有效地导航它。同时，从 24 像素开始增加字体大小。
如果需要包含大量文本，请使用具有可折叠文本副本的块。🧑‍⚕️‌👚✒🤔👃



9. 文本副本叠加在图像的基本部分上
避免用文本覆盖图像的有意义的部分或小细节。这样，您既会遮盖图像，又会使文本难以辨认。尝试不同位置的线条，如居中或对齐文本左或垂直放置它们。👴‌👠🔍😄🤌


10. 滥用视觉层次结构
为了在页面上清晰显示信息层次结构，封面上的标题应大于其他标题，或者至少相同大小，尤其是在标题很长时。

👃🔥🥑➡🦊‍
相同的原则也适用于逻辑块中的可视层次结构。标题应该是页面上最大的设计元素，后面是一个更小、不太突出的副标题。接下来，后续功能标题应明显小于标题，且权重相同。较小的字体应用于功能描述。

这将有助于网站访问者区分最重要和不太重要的信息。

👍🗺🫖♀🦉‌