你的网站主页就如同一幢房子的外在美感。当你试图卖掉房子，但是房子的花园杂草丛生、车道有裂缝而且前门还有破损，还能够卖得出去吗？当然不能。房子的外观缺陷会阻止买家考虑购买的想法，而你的网站也是如此。

人们在访问你的网站时，第一眼看到的就是你的主页。这就是为什么你的网站主页设计需要尽可能做到最好。如果你的主页无法吸引访客，如果你的主页设计不够简单和直观，你就无法提升转化率。

你需要学习如何设计一个网站主页，使你的网站和业务更为强大。但是一个优秀的网站主页需要什么呢？它们是如何直接使你受益的呢？

一个优秀的主页设计可以带来哪些好处？

一个简单的主页设计，首先会对访客表示欢迎，然后表示你希望他们下一步做什么，并且允许他们更深入地搜索你的网站。你可以在这基础之上，从基础元素开始添加一些复杂性设计，但是切忌胡乱堆砌。

你的主页需要什么？你的访客会期待什么？应该优先添加哪些元素呢？

当你能回答这些问题时，你就了解了优秀主页设计所需要的信息。在网页设计中，每个主页元素都有着非常具体的用途。

帮助目标受众了解你的业务

许多访客会首先找到你的网站主页。考虑到这一点，你需要给他们留下深刻的第一印象。你的主页应该能够传递你公司的价值观、USP（独特的销售主张）和宗旨。如果你能够成功传达这些品质，你就更有可能吸引潜在顾客。

提升网站用户体验

消费者访问你的网站一定是有其意图的，也许他/她想看看你的产品线、阅读你的博文或者看看你是否有销售某种类型的服务。

无论如何，你都会期望将消费者引导到相应的页面。如果你能提供直观的导航和对网站流程的了解，你的主页设计将会促进这类转化。

提升转化率

如果你想要提升转化率，但是如果你没有给他们必要的激励和机会，那么就不会有任何改变。例如，你想要建立一个电子邮件列表，但是访客找不到注册表单，那么你的数据库只会是空空如也。

如果访客对你的网站体验非常满意，他们也更有可能记住它。也许你今天没有促成销售，但是顾客会在不久之后回来购买你的产品。这就是为什么给访客留下强烈的第一印象非常重要。

提高品牌知名度

主页是通往网站其余部分的门户，因此品牌形象应该在主页处就立竿见影，这一点极其重要。你的标志、标语和宗旨应该占据主页中心位置。另外，你可能想在主页的顶部添加一个声明（最好是大字体），让访客对你的工作有个概念，比如：你为顾客解决了什么问题？你如何改善顾客的生活（无论是个人生活还是职场生活）？

2018年28个最佳主页设计范例（以及收获成效的原因）

没有比范例更好的学习方法了。下文将为你展示2018年28个最佳的主页设计范例，并且会说明这些网页收效甚好的原因，这样你就可以在自己的网站上应用相同的策略。

1、Dropbox

作为一个网络文件同步工具，Dropbox的主页横幅是一张略微倾斜的图像，一下子就抓住人的眼球，还有两个CTA（Call to Action，行动召唤）——其中一个付费版本的工具使用了深色背景来吸引更多的注意力。主页的营销文案抓住消费者的痛点，简洁明了地强调了效率性和安全性。另外，导航功能也做了简化，访客可以点击“Compare plans（比较套餐）”，选择适合自己的使用方案。

2、Slack

Slack的主页设计选择了独特的插画，显得十分别具一格。选择定制图案总是一种可行的方法。该网站的标语“Where Work Happens（你的智能办公平台）”不仅富有创意，也概括了所提供工具的用途。Slack在主页中即为访客提供了登录或创建一个账户的选项。该网站提供了比Dropbox更多的导航选项，但是每一个都有助于访客找到他们想要的东西。

3、Green Mountain Energy

Green Mountain Energy的主页同样采用了定制插画。这家公司的宗旨毋庸置疑——以合理的价格为顾客提供清洁能源。主页中有两个相同的CTA：一种是针对住宅客户，另一种是针对企业客户。而且设计者在CTA的背景图案中采用了对比色来吸引访客的眼球。

4、CarMax

CarMax是一个既购车又卖车的平台，所以主页的设计上需要迎合两种受众。但是CarMax也出色地完成了这一挑战，它的主页中提供了多个CTA引导访客找到买车或出售二手车的页面，整个页面既干净又简单。你可以看到主页横幅中的汽车牌照上的CarMax标志，显然它的主页横幅也是特别定制的。

5、thredUP

电商主页的设计可能会很棘手，你可以参考thredUP公司的主页设计，它采用了季节性方法——在夏季推出当季潮品。显然，波西米亚风很流行（至少对女性来说是这样），所以主页定制大图中展示了许多波西米亚风的流行趋势。虽然主页中的导航很多，但是得益于其利落的设计，访客可以轻松地找到感兴趣的类别。

6、StudioPress

简约元素、平面插画和柔和的色彩使得StudioPress的主页闪闪发亮。StudioPress用文字描述了其网站宗旨“Build Amazing WordPress Sites（致力于创建最佳内容管理系统）”。然后，该网站提供了三个CTA让顾客根据自身需要进行选择。

7、Healthline

有时候，主页设计需要体现出你的网站类型。以Healthline为例，它主要是一个发布教育性内容的平台，为用户提供包括医疗保健、营养和健身等方面的建议和见解。它的主页设计是“showing, not telling（展示而不是讲述）”的一个典型例子。与“我们所发表关于健康的文章”这样的大标题不同，Healthline在文章标题和摘要处体现了其文章类型。不过，访客可以在页面顶端处访问汉堡菜单，由此寻找到所需内容和网站的时事通讯。

8、Crazy Egg

Crazy Egg是一个强大的页面点击分析工具，它鼓励访客输入自己的URL，以此来查看自己网站的热图（用热谱图展示用户在网站上的行为）。此外，它提供了一个30天免费试用的链接，链接旁边标注了“随时取消”的短语，用以建立访客的信任。

主页的副标题表明了网站的社会认可度，告诉访客有多少人相信Crazy Egg的工具。在副标题之下还提供了更多关于社会认可度的可扩展内容。

当访客点击“Learn more（了解更多）”时，主页就会扩展到更多关于Crazy Egg如何帮助网站所有者提高转化率的信息。

9、Abacus Plumbing

Abacus的主页看起来可能有点混乱，但是它提供了许多的社会认可证明，比如BBB（美国商业促进局）认证的标志、评论数量以及“You Can Count On Us（你可以信赖我们）”标语，都是其战略性的设计。该主页突出了公司营销中另一个构建信任的元素，它允许顾客在技术人员上门之前就获得关于技术人员的个人信息，使他们更有安全感。

10、trivago

Trivago简洁的主页设计可以说是独具一格了。该网站的宗旨就是：让访客搜索想要的目的地。再无其他，简洁有力。

11、Century21

作为一个不动产智能服务平台，Century21的主页设计既有魅力又理想化，符合用户需求。它的一大特点是访客可以直接在主页筛选具体属性并进行搜索，与此同时还有一个有效的导航可供使用。

12、Marc Jacobs

Marc Jacobs的整体主页设计充斥着极简风和精致感，符合追求时尚的目标受众，它的创意文案又进一步抓住了访客的眼球。此外，访客会立即注意到顶部菜单栏的“订单免费配送”字样，以及简单、间距合理的导航链接。

13、Laura Worthington Fonts

Laura Worthington Fonts（字体设计网站）的主页设计和前文的几个例子大有不同。该主页中体现了劳拉·沃辛顿（Laura Worthington）设计字体的手法。整个主页充满了女性化以及观感舒适的丰富色彩，与此同时，这些元素不会让你感到混乱，你一眼就能看出这个网站在销售什么。

14、Skype

Skype的主页设计完美地满足了其目标受众的需求：主页大图巧妙地传达了其技术对所有设备类型的适用性、“millions（数百万）”表现了这项服务的受欢迎程度、“talking, chatting, and collaborating（交谈、聊天和合作）”简洁有力地阐述了该服务的用途，然后带有蓝色背景和白色字体的CTA按钮成功地吸引了访客的注意。

15、Fitness Blender

从标志到营销文案，Fitnessblender设计了一个优秀的主页。如今人们在健身方面投入的资金与日俱增，在看到一条这样的信息——承诺提供免费健身视频，这是令人耳目一新的，也非常具有吸引力。主页大图是一对模特，拥有健康身材的他们既可以吸引访客的注意力，也在某种程度上鼓励了他们加入健身队伍之中。

16、Nest

Nest的主页设计以文案和图像为中心，它将产品按颜色列为一排，文案是“Saving energy never goes out of style（节约能源，永不过时）”。而“Buy now（现在购买）”的CTA按钮告诉了访客他们下一步应该做什么。

17、Toastmasters International

虽然Toastmasters International（国际演讲协会）的主页设计似乎有点过时，但是他们的目标受众通常是商界领袖，因此主页成效甚好。其主页的背景图片和标题文案都十分具有吸引力。此外，主页的色彩符合网站所想表达的宗旨。

18、Bookouture

Bookouture是一家数字出版商，主要出版言情小说和悬疑小说，其主页的目标受众是那些可能想在该平台出版图书的作者。使用笔记本桌面来展示封面艺术是个明智的做法。主页中的文案中有一个提交的链接，在文案之下提供了另一个CTA供访客了解更多信息。

19、ensurem

Ensurem的主页是一个极简主义设计的典范，但它同时也传达了一种优雅充实的感觉。巨大的主页横幅以及暗色调设计体现其精致之处。主页的CTA又着实抓人眼球——较大的尺寸、背景与文字之间的高对比度以及让人想起Ensurem商标的背景颜色。这所有的设计浑然一体，给人舒适的观感。

20、Suicide Prevention Hotline

非营利组织在网页设计上有着一定的困难之处，他们想帮助尽可能多的人，但他们也想从公众中寻求捐款、志愿者和其他帮助。The Suicide Prevention Hotline很好地做到了这一点。其网站首页主要的CTA是一个电话号码，这可能和通常看到的有所不同，但是它是为其受众设计的。如果访客有需要的话，点击这个号码并拨打会十分有用处。

21、L’Oursin

L’Oursin是西雅图一家富有格调的餐厅，它的主页设计有种致命的魅力，食物的照片会让访客的味蕾为之一振，照片和字体营造了一种令人身临其境的气氛。

22、The Motley Fool

The Motley Fool所提供的文章类型并不仅限于大众普遍认知的金融类型，在它的主页上有一个黄色的CTA按钮，上面写着“Latest Stock Prices（最新的股票价格）”。如果你点击这个按钮，就会进入该公司的付费服务中，该服务包括了从分析师和专家那里为你提供股票选择。

23、FindLaw

FindLaw有两大宗旨：对人们进行法律教育，并为客户联系律师。这两个目的也在其主页设计中有所体现：主页中的顶部导航可供寻找教育信息，但是主页横幅中心处的CTA（它鼓励你寻找附近的律师）才是主要的设计。

24、United Healthcare

如果你对市场营销中的色彩心理学有所了解，就应该知道蓝色经常用于象征健康和情感的愈合，这也是为什么United Healthcare的主页设计如此行之有效的原因。此外，主页中使用了相关的图片为访客营造宾至如归的感觉，并提供了多个CTA帮助访客继续深入了解。

25、Viewership

Viewership致力于帮助人们充分利用视频营销的优势。其首页设计堪称典范，主页中只有两处粉色/红色和两处绿色，这就是为什么页面中的主要部分会吸引到访客的眼球。

26、Lyft

Lyft（打车应用）的主页使用了一个巧妙的定制插画来吸引观众、提供了一个具有高对比度的CTA按钮，并成功满足了司机受众的需求。

27、hubEngage

hubEngage的主页设计极具吸引力。主页中心的“Unleash the Power of Engaged Employees（释放员工力量）”标语是该企业的宗旨。在主页右下角有一个聊天窗口，这是一个巧妙的UX（用户体验）设计和局部主图。

28、Starbucks

Starbucks（星巴克）的主页设计会根据其所要推广的产品进行定期调整。在它的主页中，你可以看到两杯看起来很美味的蛋白奶昔，简单但有效。产品旁边的“New（新品）”图标也会引起人们的兴趣。

2018年首页设计最佳范例：备忘录

在了解完主页设计范例之后，以下为你提供了一个主页设计要点备忘录，方便你在创建主页时有法可依。

清晰明了

确立你的独特卖点和宗旨，让访客知道你提供什么服务，以及让你在竞争中脱颖而出的原因。

动态

访客可以使用主页上的不同元素，如链接、表单和可扩展内容。

对比色

运用强烈的色彩引导访客关注你想突出的重点内容。链接、CTA和标题都应该在页面中引人注目。

快速加载

最好的主页设计兼具精简和快速。你的主页应该在几秒内加载显示，这样你的访客就不会厌倦等待并一再地点击页面。

有吸引力的文案

你应该使用创造性的语言来传达重要的思想，并将访客吸引到你的网站上。

优秀的导航设计

顶部和侧边导航栏在良好的主页设计示例中很常见。

移动友好

当访客用移动设备访问你的网站时，你同样也需要为他们创造良好的用户体验。

相关的CTA

当你想让访客做什么的时候，你的网站不能留有任何被误解的余地。你的CTA应该使用强烈的动词和形容词来促使访客点击。

主页设计要能打动人心

有趣的文案、生动的视觉效果和独特的页面布局都能让访客流连忘返、再三访问。

总结

一个称之为优秀的主页设计并不需要你遵循一个特定的公式。正如前文所列举的主页范例，它们有着共同的元素，但又各不相同。

在不破坏用户体验、不牺牲实用性的前提下，做一些大胆的设计、尝试突破现代设计惯例对你来说是有利的。

为你的特定受众建立最佳的主页设计，并确保突出你的产品和服务的亮点。

做到这些以后，你的网站转化率还用愁吗？