网页设计 &
网站制作
检查清单

    • 博客
    • info@onmascout.de
    • +49 8231 9595990
    whatsapp
    Skype

    博客

    如何设计主页

    网页设计

    创建主页设计时, 有几件事你应该记住. It’s important to keep it simple, 并使用图像, 视频, 和导航帮助访问者浏览网站. 不要忘记包含您的徽标, 也! 大多数网站在其主页的左上角显示其徽标, 但你也可以把它放在导航栏里面. 最好保持您的徽标大且易于阅读,以便访问者可以轻松识别它.

    简单的

    创建主页设计时, 保持简单很重要. 它不必被图形和动画超载 – 这可能会使访问者感到困惑并减慢您的网站速度. 专业的网页设计师可以帮助您充分利用您的主页设计,而不会使用太多分心的东西. 文案应该引人入胜,字体应该易于阅读.

    主页的目标是说服访问者探索更多网站并通过渠道. 为达到这个, 您需要包括号召性用语按钮 (CTA) – 这些通常是联系表格或订阅注册按钮 – 在一个有吸引力和显眼的位置. 此外, 如果您在主页上使用多个 CTA, 你应该为 CTA 按钮使用不同的颜色来吸引你的读者点击它们.

    另一个简单主页设计的例子是 Calm 网站. 他们的主页设计干净,符合品牌的价值观. 相似地, Zenefits 主页是具有类似设计的网站的一个很好的例子, 但有不同的感觉. 在这种情况下, 滚动设计使主页看起来具有立体感,并具有不同颜色的符号.

    最终, 简单的主页设计应着重于清晰地展示报价, 不会分散访客的注意力. 您可以使用 TruAccent 语音识别技术等功能强大的工具来帮助确保您的信息被清晰地听到. Copyblogger 还建议使用有力的词来唤起情感并与读者建立联系. 使用权威之类的词, 非常有效, 和简单都是在您的主页上吸引注意力的好方法.

    Images

    Images are an important part of homepage design for a variety of reasons. 它们有助于分解文本并保持潜在客户的兴趣. 许多企业正在合并更多图像,以使其产品和服务具有视觉吸引力. 分解主页上文本的另一个好方法是使用图标. 图标具有象征意义, 并且是减少页面文本的便捷方式.

    您选择的图片应与您主页上的内容相关. 例如, 如果你从事旅游业, 您可能想使用快乐冲浪者的照片. 图片不一定是信息性的, 但他们应该定下基调. 创建一个引人入胜的设计, 使用能激发观众灵感的图片. 您还可以使用库存图像向访问者传达某种语气. 这些对于在您的网站上营造温馨的氛围特别有帮助.

    视频

    Adding video to your homepage design is a great way to enhance your landing page and increase your conversions. 您可以使用许多不同类型的视频, 它们都增加了您主页的吸引力. 在您的主页上包含视频是使您的网站在竞争中脱颖而出的好方法.

    您主页上的视频将突出您的独特卖点, 展示您的产品或服务, 并提请注意您的号召性用语. 它应该位于页面的顶部或中心. 确保将视频放置在最佳位置, 使用热图分析人们如何查看主页. 避免在视频中分享过多信息. 您以后可以随时创建更多视频, 所以专注于展示你的主要好处.

    让您的视频在主页上的其他内容中脱颖而出至关重要. 制作不佳的视频会使您的网站显得不那么专业, 并在整体信息中不添加任何内容. 为了避免这种情况, 确保您的视频制作精良并经过精心编辑. 如果可能的话, 在靠近窗户或背景噪音低的环境中拍摄视频.

    主页设计上的视频可以增加人们点击链接和查看您的内容的可能性. 此设计元素还可以改善您的导航. 视频可能会占用您系统的大部分资源. 如果您在主页上使用视频, 确保选择不太大的高分辨率视频.

    导航

    A website’s navigation is one of the most important design elements. 访问者从各种来源到达站点, 包括搜索引擎结果和来自其他网站的链接. 您选择的导航结构应与您的目标受众相匹配. 确定访问者通常访问的地方也很重要. 与导航良好的网站相比,导航不佳的网站不太可能被访问.

    为了防止混淆, 使导航易于查找并尽可能简洁. 顶部导航栏应包含不超过七个项目. 人脑只能记住七件事, 所以更少的项目会让访问者更容易找到他们正在寻找的东西. 相似地, 社交媒体按钮应放在页脚, 所以用户不会被他们分心.

    良好的导航还可以增加您的搜索引擎优化. 这是因为良好的导航有助于搜索引擎更有效地浏览您的网站, 导致在搜索结果中的排名更高. 此外, 简单的导航增加了购买的可能性. 人们通常在很容易找到他们想要的东西时进行购买. 而且, 良好的导航使您的访问者在您的网站上感觉更舒适.

    下拉菜单是使您的导航易于使用的好方法. 这些菜单列出顶级类别和子类别,还提供内容链接. 它们也非常适合具有复杂 IA 的网站.

    Cascading menus

    Cascading menus are an effective way to display an extensive list of options for users. 然而, 正确的放置和部署对于积极的用户体验至关重要. 以下是在主页设计中加入菜单的一些技巧. 您应该将菜单选项放在逻辑组中,并为每个选项分配描述性标题. 避免创建冗长或混乱的菜单标题也很重要.

    纽约时报为其网站使用水平下拉菜单. 它允许用户轻松浏览各种选项,而无需刷新页面. 用户可以轻松选择他们感兴趣的选项并轻松缩小搜索范围. 主页上的菜单还为用户提供了大量可用选项的视觉提示.

    许多网站错误地在主要内容上方放置了一个沉重的菜单. 增加网站功能的一种简单方法是使其易于导航. 设计良好的下拉菜单应该看起来不错并且可以无缝运行. 导航的配色方案应反转,以便用户可以轻松选择所需的选项. 如果您使用蓝色和黄色, 确保它们对比.

    加入粘性子菜单是提高菜单有效性的另一种有效方法. 这种类型的菜单从每个部分的主标题中提取项目. 粘性子菜单会将观众引导到相应的部分. 此外, 粘性子菜单将保留在窗口顶部,以突出显示已访问的特定部分.

    Easy to navigate

    When designing a homepage, 您应该考虑的第一件事是人们浏览内容的难易程度. 人们希望快速找到他们需要的信息. 导航栏应该易于使用,并且应该位于页面的顶部或右上角. 用户应该能够毫无问题地找到他们正在寻找的任何东西.

    主页还应该能够回答访问者可能遇到的问题. 大多数访问者都希望得到他们问题的答案. 缩小网站内容的重点以尽可能最好地回答这些问题是个好主意. 这将帮助访问者找到他们正在寻找的信息并轻松进入下一页.

    易于导航的主页设计的另一个重要方面是它的副本. 副本应该轻巧易读. 它应该能够吸引访问者的注意力并提示他们在网站上采取特定行动. 英雄形象将帮助您实现这一目标. 使用英雄形象的主页设计在吸引访问者方面非常有效.

    我们的视频
    联系信息