DEV Community
·
Hero部分：小型视觉研究
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
网站首页的“Hero”部分是访客的第一印象。一个优秀的Hero应包含高质量的中心图像、简洁的文字和明显的行动呼吁按钮，确保视觉平衡。
🎯
关键要点
- 网站首页的'Hero'部分是访客的第一印象。
- 优秀的Hero应包含高质量的中心图像、简洁的文字和明显的行动呼吁按钮。
- 中心图像应高质量且有意义，避免使用纯装饰性图像。
- 文字部分包括标语和描述，标语应简洁有力，描述应提供额外信息。
- 行动呼吁按钮是Hero部分中最重要的元素，需视觉突出并有足够的空间。
- 使用图像作为背景时，应确保其颜色与网站主题颜色有足够对比，以保证可读性。
- 通过合理分配文本和图形，可以防止视觉不平衡，增加额外的支持文本和次要图形。
❓
延伸问答
什么是网站首页的Hero部分？
Hero部分是网站首页顶部的大横幅，是访客进入网站时看到的第一印象。
一个优秀的Hero部分应包含哪些元素？
优秀的Hero应包含高质量的中心图像、简洁的文字和明显的行动呼吁按钮。
如何选择Hero部分的中心图像？
中心图像应高质量且有意义，避免使用纯装饰性图像，且需保持适当的负空间。
Hero部分中的文字应该如何设计？
文字部分包括标语和描述，标语应简洁有力，描述应提供额外信息，并与其他组件保持足够的间距。
行动呼吁按钮在Hero部分中有多重要？
行动呼吁按钮是Hero部分中最重要的元素，需视觉突出并有足够的空间以吸引注意。
如何确保Hero部分的视觉平衡？
通过合理分配文本和图形，增加额外的支持文本和次要图形，可以防止视觉不平衡。
➡️
