有时语言就像把利刃,使用不当,就会成为凶器。 收藏本站
登陆 / 注册 搜索

阅读: 246   回复: 1

[# HTML] 设计网页外观的十五个建议

回复 发新帖
小执念古黑浩劫 论坛大牛 2019-12-22 20:38 |显示全部楼层

可遇不可求的事:故乡的云,上古的玉,随手的诗,十九岁的你。

管理员
1.内容未分解为逻辑块
如果将信息分组到逻辑块中,则用户更容易消化信息。使用颜色背景将填充设置为 120px-180px 并分离文本块。
设计网页外观的十五个建议 1.png


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

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

3. 填充太小意味着用户无法将内容分解为逻辑块
为了避免逻辑部件混合,请将它们分开,并在它们之间插入一个大空间(至少 120 px)。
设计网页外观的十五个建议 3.png


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

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

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

游客,本帖隐藏的内容需要积分高于 10 才可浏览,您当前积分为 0. 如何获取积分?


bb机112「初入古黑」 2019-12-22 20:38 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

我也来顶一下..
您需要登录后才可以回帖 登录 | 注册账号  

本版积分规则

关于本站|小黑屋|古黑论 网站统计

GMT+8, 2020-4-1 00:08 , Processed in 0.106479 second(s), 24 queries , Redis On.

© 2015-2020 GuHei.Net

Powered by Discuz! X3.4

快速回复 返回列表