主页设计 20个优秀主页设计案例

转自:非类设计

中文:steelkiwi

译者:徐莹

在当今互联网加时代，大多数企业意识到通过在线信息吸引更多潜在客户的重要性。这些潜在客户对你的公司和产品的印象，很大程度上取决于你在网站设计上投入了多少精力。因此，花时间构思一个好的网站设计，尤其是主页的设计是非常重要的。

用户点击搜索结果后跳转到的第一个页面是网站的首页，直接影响到访问者对公司及其产品的第一印象，所以这个页面一定要设计得尽可能友好醒目。

在欣赏这20个优秀的网页设计之前，我们先来介绍一下现代网页设计的基本要素。

有效介绍贵公司的能力

一个主页最重要的部分是能否有效吸引访问者的注意力。所以关键是你的主页能否在几秒钟内回答出访问者心中的三个问题:

1.这是一家怎样的公司？

2.这家公司到底是做什么的？

3.与竞争对手相比，你的优势是什么？

如果你的主页能准确清晰地回答这三个问题，访问者就能在了解你公司的基础上，放心购买你的产品和服务。

许多企业有自己独特的口号或简短的口号来突出他们的价值主张(UVP)。他们通过简洁的语言传达公司的理念，并与来访者建立联系。因此，这些口号经常出现在主页上，并广泛应用于公司的品牌营销策略中。

适应性和简单的设计

访问者将通过电脑、平板电脑或智能手机等设备登录您的网站。随着全球移动普及率不断提高，最新数据显示，近60%的网站流量由移动设备提供。

为了确保您的网站有更好的用户体验，在设计页面时考虑其适应性是至关重要的。适应性设计意味着无论你用什么设备访问你的网站，用户体验都是一样的或者非常相似的。首先，导航要设计方便，让用户快速浏览不同页面；其次，功能需要相似，让用户无需切换设备即可访问网站的所有功能；最后，设计要简单，这样才能保证你的设计能在不同尺寸的屏幕上清晰传达。

风格一致、反应及时的网站将有助于保持品牌的知名度，并为访问者提供跨平台与公司保持联系的便利。

动态、互动和互联

人们倾向于记住能引起他们情绪的事情。将这个技巧应用到你的主页设计中，可以为访问者创造一种非凡的体验。

一个动态的主页可以让访问者保持愉快，在使用过程中更容易留下深刻的印象。充分利用各种插图、动画、视频或迷你游戏，可以增强开发人员和用户之间的互动。在页眉和页脚添加迷你动画也是改善用户体验的好选择。

动态布局可以让游客了解你的整个想法。虚拟现实或360度场景漫游页面可以更立体地向用户展示公司的业务及其产品，达到巩固其与品牌联系的效果。

定期更新主页、及时反映客户需求或分享公司最新动态，都是保持网站活力、加强与访客联系的途径。IBM.com提供了许多动态主页布局的例子。

换句话说，在设计和布局主页时采用动态的方法，可以加深你和用户之间的合作，为他们提供有趣和独特的体验，让他们不时地访问你的网站！

简单流畅的导航

整个网站的使用应该很流畅。如果访问者在访问网站时感到沮丧，这种负面情绪会极大地影响你们的关系。

一个巧妙直观的主页设计首先应该使用简单的导航，通过颜色和对比度等视觉分离的方式创建一个易于识别的菜单。其次，不同页面标签之间要有合理的逻辑关系，让用户快速找到导航标签或按钮的位置。确保访问者知道自己在网站上的位置也很重要，所以选择后的一些视觉变化(比如高亮、对比度或颜色变化)可以带来不同的效果。一个优秀的主页设计，可以让访问者在不同的页面和分屏之间轻松地玩，时刻与用户保持密切联系，激发他们继续访问的欲望。

根据需要添加呼叫语言

您的主页已被访问！这是一个好的开始，但是你如何保持它们呢？许多现代主页通过特定的呼叫术语(CTA)吸引访问者的注意力，如“立即注册”、“加入我们”、“免费试用”、“立即订阅”等。下面是一些可以提高点击率的CTA例子。

网页要重点吸引目标用户的注意力，引导他们对公司有更多的了解，找到自己想要的信息，留下联系方式，或者通过其他方式联系公司。一个合适的CTA可以引导访问者沿着你所期待的路径进行浏览，让仅仅作为宣传册的首页从一个强大的销售引擎转变过来。

符合时代标准

不久前，设计的世界还相当平静，封闭，对称。随着平面设计技术的发展，设计师越来越大胆，开始挑战现有的规则，采用更具创新性的设计。

现在，我们看到越来越多不对称的网站布局，因为设计师厌倦了完美平衡的世界，这有时意味着单调、无聊和教条。设计师运用极简主义的手段构建框架，在定位元素和调色板选择上增加更多的创造力，通过玩设计创造令人兴奋的新标准。

然而，大多数现代网站通常由以下部分组成:

创意布局