从头开始制作一个全新的布局需要很多更小的部分。内部页面看起来不一样，这些页面需要一些额外的工作来组织伟大的设计。虽然主页通常被视为最重要的模型，但内部页面模型在开始开发时非常有用。

下面的例子和想法对于任何从事新产品开发的设计师来说都是无价的。接触页设计。这可能是你自己的投资组合，甚至是一个大型的公司网站。我想集中周口做网站在具体的趋势和设计技术，可以用来创建一个惊人的联系页面与所有有用的小贴士和小巧。

简化联络表格

在这个网页设计的现代时代，创造一个动态的联系形式从来都不容易。这些字段通常由3-6个字段组成，它们询问发件人的姓名、返回电子邮件和他们的消息。

大多数访问者宁愿使用联系人表格，因为这样可以节省时间。他们不需要打开他们的电子邮件客户端和撰写一条新的信息，仅仅是为了与一家公司取得联系。如今，网站联系表格通常包括安全措施，如CAPTCHA字段，因此它们更值得信赖。

真正让人感觉完整的是流线型设计。所有元素都应该像页面中请求信息的一个统一部分。使用有用的JavaScript提示，并确保用户知道消息是否已成功发送。

云米古姆的联系页面非常干净和直截了当。它只有3个单独的字段和一个大的提交按钮。简单性使这种形式看起来不那么吓人，但我也喜欢它是如何设计成更大的额外填充。

更大的文本可以更容易和更精确地阅读。这意味着访问者可以更容易、更有成就感地校对他们的内容。

对于更复杂的设计，请看一下王子墨水报价表格。该页面实际上分为4个部分，每个部分涉及项目请求的不同部分。

记住，并不是每个领域都需要填写。只有带有星号的输入字段是必需字段，其他所有内容都是可选的。大多数情况下，这是含蓄的理解，但一些游客可能不认识微妙的指标。

当设计更大的接触形式时，一定要更显著地设计所需的字段。这种技术将简化提交过程，并极大地改善表单的用户体验。

均匀设计特征

让我们从接触形式的统一性转向更多的美学原则。毕竟，设计是使一个网站看起来很好的一个重要部分。联系页面本身应该感觉像一个大的相互关联的网页，容易消化的内容。您甚至可以将其绑定到“关于我们”或“服务”页面中。

下腹是一家有创意的公司，有着出色的联系页面设计。很明显，他们的联系人表单是用CSS和一些JavaScript进行大量定制的。输入字段看起来更像在填写正式文档表单时会找到的框。

您会注意到，它们确实包括邮件地址和表单下面的其他信息。通过放置接触场的正面和中心，它成为大多数游客的主要选择。下腹的设计是如此的干净和独特，几乎似乎是有趣的发送一封电子邮件！

对于一个稍微不同的例子，我们可以看看危险机器人它使用单一页面设计。他们的联系形式与页面的所有其他部分混合使用明亮的颜色和矢量图形。

他们的联系方式似乎也占据了舞台的中心。每个字段中的图标表示应该填写的内容类型。访问者应该能够快速地通过他们的信息，而不打嗝，以减缓这一过程。

邮寄指南及本地地图

公司的地理位置通常在商业交易中起着重要的作用。潜在的客户可能有兴趣知道你的总部在哪里。此地址也可用于邮寄发票、支票或任何需要通过邮政服务递送的东西。

嵌入式地图的添加给地址增加了更多的视觉方面。GoogleMaps有一个定制的嵌入功能，允许开发人员将功能齐全的地图添加到联系人页面上。

以在BKWLD联系页面。它们包括一些基本的电子邮件/电话信息以及使用Mapbox。这只是演示如何使用实时交互地图来改进联系人页面设计的许多很好的例子之一。

但也要考虑使用自定义照片而不是JavaScript地图的价值。的例子四十一二十使用带有蓝色引脚的世界地图，表示公司的不同位置和员工。

由于这张照片被用作背景图像，设计感觉更自然地融合在一起。地图在内容上处于次要地位，虽然它仍然是可见的，但它并不觉得有侵扰性。

社会概况链接

社交媒体已经变成了进入21世纪的高速单轨列车。即使你不使用互联网，你也很可能听说过Twitter、Facebook和YouTube。

社交简介为联系人页面添加了一点个性。这些配置文件提供了合法的方法，让人们联系一个公司时，电子邮件和电话被跳过或不喜欢。最好在同一页上提供不同的联系方式，让访问者自己决定。

我最喜欢的英国创意公司之一就是音调，既为他们的工作，也为他们的投资组合网站。联系人页面使用到其办公室的完整地图和位置以及动态联系人表单。

但是，在向下滚动一段时间后，你也会发现一个很长的、横向的社交媒体图标块。这些链接可以链接到Tone的所有个人资料，包括Twitter、LinkedIn、Google+和Instagram。这些按钮很大，很明显，但它们并不是在页面顶部的拍打。电子邮件，电话和物理方向保持优先.

如果您正在寻找一个较小的存在，请查看联系人部分正面广告。他们的网站使用单页滚动布局，所以所有的东西都在一起。联系人表格位于最下面，有电话号码、电子邮件地址和邮寄地址。

再一次，你会注意到，在这3种联系方式下面是一些基本的社交媒体图标。配色方案要精细得多，因此图标不会立即显眼。然而，它们仍然有效，并提供了其他的沟通方式。

展示团队成员

虽然这是一个较少使用的特性，但它确实为设计增加了一些个性化。如果你正在设计一个个人投资组合，那么你可以尝试添加一个你自己的小头像。大公司经常把照片分拆到团队页面每个队员都有一张照片和一本小传记。

关于的页面蓝天恢复包括一小部分关于他们的团队。每个员工都有自己的个人简历和链接到他们自己的个人资料。这是一个相当独特的网页，因为它还包括网站本身的联系详细信息。

当查看他们联系页面的顶部时，你会注意到左边有一个固定的滚动块。小按钮链接到电子邮件、电话和发送报价请求的信息.蓝天恢复有一个非常动态的联系页面，这是一个令人耳目一新的变化步伐与其他常见的设计。

另一个例子是查看Etsy团队页面。每个团队成员的照片链接到他们自己的页面，并提供一份关于他们做什么和他们是谁的小传记。这种类型的个性化对直接与公司合作的客户和第三方供应商都是非常好的。

但是Etsy团队页面不直接链接到他们的联系人页面。这是一个有目的的设计选择，因为有太多的人为公司工作，所以员工名单应该有它自己的页面。页面确实链接回他们的有关页面以及新闻页有一些电子邮件联系方式。

团队成员的列表对于联系人页面的设计并不重要，但在适当的时候它可以是一个很好的补充。

关闭

大多数接触页面包含非常相似的元素，这些元素是使用不同的设计技术安排的。我当然希望这些趋势给你一些思考时，你自己独特的联系网页设计。任何页面最重要的方面是可用性。周口做网站只要您的设计符合用户体验，那么您将没有问题，设计精美的联系页面。