1. 标题区（站点名称 + Logo + 导航栏）
功能作用（用户视角）
这是用户进入网站后的第一印象区，相当于“名片”+“地图”。
帮助用户快速知道你是谁（站点名称/Logo）和能去哪（导航链接）。
如果导航清晰，用户不用费力就能找到想看的内容。
美观影响
Logo 和字体风格决定了网站的“气质”——是温暖、专业还是科技感。
导航排列整齐、间距合理，会让网站显得专业、有秩序。
课堂兴趣引导
“改个字体、换个Logo颜色，你的博客立刻像换了新衣服一样，这种即时效果很有成就感。”
2. 横幅（Banner / Hero 区）
功能作用（用户视角）
像一本杂志的封面，用一张大图或一句口号吸引用户留下来。
可以放课程主题、最新动态或个人标语，让访客“秒懂”主打内容。
美观影响
高质量图片+文字对比度够高，会有很强的视觉冲击力。
配色和构图会影响网站的专业感和信任感。
课堂兴趣引导