一个有温度的网页设计，应该是什么样子？
➜ 你家「联系我们」页面长啥样？
➜ 不要告诉我，它只是一个模板
如果要在所有网站页面中，评出一个最温暖、友好的页面，我一定把票投给「联系我们」这一页。从感性层面来说，这一页更像一个朋友，他会告诉你，我是谁？我在哪儿？你可以如何联系到我？我可以帮助解决什么问题？
如此友好贴心的一个页面，网页设计师难道不应该多用点儿心么？
▼
分享一些不错的「联系我们」页面设计，或许能够带给设计师们很多启发。
- 01 -
友好的开始
一个大大的“Hello”，是友好的开始。联系页面应当更易于使用和阅读。你可以提示，“我能帮你做些什么吗？”引导用户点击“加入我们”或“给我们建议"等进一步的操作。
图| 联系我们页面—问候
- 02 -
简化沟通过程
利用清晰大胆的字体，让用户一眼找到可以联系公司的各种原由。每一行是一个可以咨询的部门提示，让沟通过程变得更方便。
- 03 -
定位全国or全球
如果你家公司业务范围很广，全国甚至全球，大可高调的把它们亮出来。地理位置、地址、联系电话，别忘了加一个地图定位，证明这是真的。
图| 联系我们页面—地图
每个办公地点，使用一个标志性的图片，加上详细地址、电子邮件、温度等信息。向下滚动页面，即看到所有办公地点，又能感受到每个地方的不同景象，增强了用户浏览页面的体验感。
- 04 -
合理布局
如何让页面信息更有效，可以看看这个例子。左上方联系方式，右上方表格，下方地图。清晰明了，方便阅读和操作。
图| 联系我们页面—布局
- 05 -
易于沟通的联系表
请记住，你要求用户留下的信息，一定是必要信息。太多的索取信息提示，很容易造成一种反感。效果也可能适得其反。
- 06 -
时间观念
无论网站是一家餐厅还是商店，通常都会有营业时间，需要把它们明确的放在联系页面中，提醒访客：请在营业时间联系我们或前来。
图| 联系我们页面—营业时间
- 07 -
亮出社交媒体
把公司正在使用的社交媒体展示出来，告诉用户：我们很愿意与大家一起交流，你可以通过很多渠道找到我，我们是可以一起玩耍的。
- 08 -
个性化的照片
一张真实的脸和一个名字，让用户知道这里是有真实的人在与他们沟通。有温度，有情感，而不是冷冰冰的机器。
图| 联系我们页面—个性照片
- 09 -
团队合影
把团队合影亮出来，以显示我们的专业精神。更重要的一点，我们都在用心为你服务，我们值得信赖。
- 10 -
相关的图片
这是一家博物馆的联系页面，电话代表了沟通。同时，它也是博物馆中的一件藏品。
图| 联系我们页面—相关图片
- 11 -
动画形象
设计一组动画或漫画形象的团队成员，让用户更有兴趣认识他们，更愿意与他们建立联系。
- 12 -
大胆的色彩
这个黑色、白色、黄色组合的色彩搭配，页面色彩鲜明大胆。鲜明的黄色，用来突出主要信息：位置、地址、电子邮件等。
图| 联系我们页面—大胆色彩
这个页面案例，色彩简单、优雅。它使用了粉红色背景与白色圆圈的组合，简洁、清晰，非常注重易读性。
- 13 -
美感的字体
富有美感的字体，善心悦目。让你的“行动召唤”更容易成功。
图| 联系我们页面—字体
- 14 -
手绘效果
如果想要更有趣的视觉体验，可以尝试手绘效果图片。比如这个案例，带给我们一种活泼俏皮、清新趣味的感受。
- 15 -
有趣的插图
有趣的风格，更容易引人关注。这家公司的网站，用了一个人身狼头的插画形象，感受很特别。
图| 联系我们页面—插图
- 16 -
举牌子
看看这个案例，一个团队成员举着牌子，时刻提醒用户：联系我们，真的很重要哦!
------------------
网页设计师，应该是一个有温度的职业。除了创作，更多的是能够用自己的设计作品与用户交流。
一个网站页面，设计师有没有用心去做，用户一看便知。
▼
- END -
以上图片 | 来源于网络
▌在这里，你将会看到：
1.设计圈新资讯
2.精彩作品解析
3.创作经验分享
4.课程亲测推荐
5.课程优惠活动
▌重要的是：
你有什么想法，或是想要看什么内容，记得直接告诉！不然，我可能会偷懒……^_^
