网站联系方式页面设计思路分享

在网站设计过程中，联系方式页面设计应该是一个优先级很高的页面，而不是在设计过程结束时随意拼凑起来。

联系方式页面是网站访问者准备好进一步获取沟通方式的落地页面，但网页开发人员经常忽视联系方式页面设计。在某些情况下，这会导致与网站其余部分不匹配的沉闷、非品牌设计。其他时候，创作者过于依赖现代设计趋势（如自定义字体、迷人的动画和身临其境的交互）而使网站访问者不知所措。

最好的联系方式页面设计遵循网站其余部分的品牌和风格，使访问者可以轻松地与企业取得联系。

让我们看一下几个网站联系方式页面设计思路分享，共同来探讨下什么是有效设计。

1.fryux

fryux的联系方式页面是分屏设计，左边是灰白色背景，右边是冷色渐变。分享这个界面设计是因为它把页面分为两类：左边放置fryux联系方式，右边方便访客留言。

左边开始将fryux的电子邮件放在该部分的顶部，并附有简短的号召性用语(CTA)，要求访问者取得联系。单击该地址会直接向fryux的电子邮件地址打开电子邮件草稿，并自动填充主题行“你好”。该设计符合品牌标识，同时为访问者提供了一条直接进入他的收件箱的便捷线路。

在屏幕的右侧，一个标准的联系留言表要求访问者填写他们的姓名和电子邮件地址。并且有组织的框中提供了九个选项，这些选项带有预先确定的主题，如“网页设计”或“其他”来回答这些问题。一切都在游客面前，他们所要做的就是选择。

2.SOSA Eyewear

由OracleStudios设计的SOSA Eyewear网站在其“联系我们”页面设计中使用了极简主义的界面。页面文本和导航栏采用单一字体，联系表单两侧的空白将注意力吸引到中心的联系字段。它成为主要的设计元素，让访问者专注于他们想说的话。

此联系方式页面设计简单明了，带有“联系我们”标题和“发送”按钮。简洁的线条、负空间和圆角元素遵循对称原则，增加了平衡和凝聚力。

通过极简主义的方法、简单的配色方案和对称的组织，此联系方式页面提供了一种轻松的联系方式。

3.Yummygum

总部位于阿姆斯特丹的数字机构Yummygum使用一个汉堡菜单，该菜单保留在网站内所有页面的右上角。从那里，访问者可以导航到丰富多彩的联系方式页面，其中包括团队和办公室的照片以及按钮和表单字段上基于悬停的交互。

联系表格以明亮的蓝绿色突出显示，以吸引潜在客户。标题，“我们来帮你升级”，用大而粗的字体，一个带有俏皮文案的短段落鼓励访客与Yummygum团队交谈。

在表格下方，公司创始人之一文斯(Vince)的一封简短信件和微笑头像介绍了Yummygum的服务，并告诉客户他们可以直接给他发电子邮件。介绍Vince为公司名称增添了面孔，使联系方式页面更加风度翩翩。还有一个按钮可以下载公司资料，为公司的历史和职能提供更多背景信息。这个巧妙的插件可以让访问者了解Yummygum而不会弄乱页面设计。

在联系方式页面底部，Yummygum提供了设计以外的建议：该机构的家乡阿姆斯特丹。程式化的地图显示了公司在阿姆斯特丹的博物馆和公园中的位置。它还提到了Yummygum的开放政策，另一种联系团队的方式。Yummygum的联系方式页面通过对城市的个人推荐和友好、平易近人的语气，让我们想要发送电子邮件！

4.Punch IT

Punch IT主页上的“启动项目”按钮会将您带到联系方式页面。这是迎合你的观众的一个很好的例子，“开始一个项目”对每个企业都没有意义，但它适合网页设计机构。

创始人CurtisLipper邀请访问者使用嵌入式联系表进行15分钟的聊天，讨论他们的项目想法。Curtis还包括电话号码和电子邮件地址，为访问者提供多种选择。

访问者需要的一切都在首屏，但Curtis在联系表下方添加了一些额外的东西。向下滚动可以看到“发送”按钮旁边的纸飞机插图、柯蒂斯关于他对网站设计的看法的引述，以及指向Punch IT社交媒体帐户的链接。

5.Ski Big Bear

Ski Big Bear在宾夕法尼亚州的MasthopeMountain组织冬季活动。联系方式页面以白雪覆盖的树木和缆车的英雄形象为特色，这是对这些服务的一个很好的参考。

在联系方式页面上，SkiBigBear在联系表格上方列出了常见问题(FAQ)。尽管这是一种非常规的方法，尤其是考虑到常见问题解答也出现在单独的页面上，但它对SkiBigBear来说是明智之举。

解决诸如“我如何预订课程？”之类的常见问题和“我需要购买缆车票吗？”在分享联系表格之前，这是支持访客并避免用相同的问题填满SkiBigBear的收件箱的好方法。