订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 网页设计 > 设计类网站的“联系我们”页面设计盘点

设计类网站的“联系我们”页面设计盘点

Anne
2018-06-12
100473

诚然,能点到“联系我们”页面的多为有需求或有合作意向的用户,那么“联系我们”页面设计就要做到简洁、方便。下面小编就带领大家围观一下设计类网站的页面设计,来看看他们的“联系我们”页面设计,希望能为大家提供一些思路或者灵感。

1、设计达人

设计达人的“关于我们”页面原型

原型预览链接:http://run.mockplus.com/mIXHzPUF8SKcTJSE/index.html

设计达人的“关于我们”页面,包含三小段关于设计达人的团队介绍。联系我们页面顶部有各种常用的分析按钮和加关注按钮。右侧是详细的分类目录、页面、推荐书籍、推荐文章和一些设计交流群,方便大家沟通。

联系我们简单干净,有Email和QQ两种方式。用户点击"QQ交谈”就可以及时、方便、快速地在线联系对方,这是我比较喜欢的地方,不会出现留了各种个人信息仍无任何回复或者回复周期太长的情况。不过,可以把Email和QQ的联系方式换成字体(原为图片样式),这样方便用户复制,避免发送至错误邮箱或添加错误的QQ。

2、简书

简书的“联系我们”页面原型

原型预览链接:https://run.mockplus.cn/3FEG10cQiTm1VdQ5/index.html

简书的“联系我们”页面设计相当简洁,但内容并不简单,同时也利用大量留白增加了内容的重要性。简书分开展示了不同业务负责人的联系方式,让用户一目了然,可以直接找到对应的联系人信息。

简书的“联系我们”分类很详细,分开展示的业务有:广告投放合作、市场推广/品牌合作、技术类合作、赞赏/提现业务咨询、人事沟通、封号和锁文章咨询、其他事物。

同样,简书也在“联系我们”页面设计中加入了“关于我们”的介绍,有简单的3小段的介绍。

3、花瓣

花瓣的“联系我们”页面原型设计


原型预览链接:https://run.mockplus.cn/ruRZ5uja1Jk4lIGd/index.html

花瓣的“联系我们”页面设计也比较简洁,分开展示了:商务及流量合作、品牌广告投放、其他网内一般事物、联系客服四种联系方式。

亮点是,提供了公司地址和增值电信业务经营许可证,能增强企业的真实感和权威性,在线客服支持也方便紧急事务的联系。

4、UI中国

UI中国“联系我们”页面设计

原型预览链接:https://run.mockplus.cn/12gB7T3ijUMEpTQd/index.html

UI中国“联系我们”页面上方是大段大段文字,分别是“关于我们”、“版权声明”、“隐私保护”。联系方式分3类,“网站问题&举报投诉&建议意见”,“商务合作”,“招聘信息刊登”,联系方式有QQ群和Email。

亮点是右下角有置顶按钮、在线QQ客服、反馈按钮,底部导航附有二维码,可惜反馈按钮和二维码有重合,如下图。

产品壹佰的“联系我们”页面原型设计

5、产品壹佰

原型预览链接:https://run.mockplus.cn/eq8DR74t0KrxLYH6/index.html

产品壹佰的“联系我们”页面设计使用了栅格布局,来组织页面的信息和需要展示的内容。分别展示了:申请讲师、加入我们、客户服务、媒体与商务接待、教学与产品交流、开课吧。

6、站酷

站酷的“联系我们”页面设计

原型预览链接:https://run.mockplus.cn/Qo1JhLBnzHhtaeN8/index.htm...

站酷的“联系我们”页面设计简单干净,利用线条划分页面板块和布局。联系页面提供了用户服务和企业服务的联系邮箱,联系方式相对单一,没有提供可以在线的及时沟通的联系方式。

7、Ui制造者

Ui制造者的“联系我们”页面原型设计

Ui制造者的“联系我们”页面原型预览链接:https://run.mockplus.cn/wtNkJGSAjy6SZjNl/index.html

Ui制造者的“联系我们”页面设计也是以简洁为主,提供的联系方式有三种,网址居然也算一种联系方式。在联系我们页面,但左侧菜单栏却显示帮助中心,此处为bug,而且友情链接打开是空白页。

小结

综上国内设计类网站的“联系我们”页面设计,可供参考的有如下特点:

1、整体以简洁为主,使用大量留白强化页面的空间感和结构感;

2、提供多种联系渠道,可以让访客快迅地联系我们,将顾客对我们的兴趣转化为实际沟通的行为。

3、提供不同业务的联系方式,分开展示让访客一目了然,直接找到相应的联系方式进行沟通。

成功的联系我们页面设计,有利于提高访客的转化率,促进产品和服务的销售,更好的服务于网站,服务于公司。


联系我们页面设计,就是要让目的简单、明确的客户,方便快速的找到自己需要的联系方式,切勿设计的太过花哨。如果觉得本篇文章对你有帮助,欢迎分享给你认为用得上它的朋友。

相关文章推荐:

2018网页UI设计:轻松搞定视觉层次感

关于用户体验你应该知道的8件事

APP可访问性设计:拒绝体验“障碍”

【新年福利】高效的原型设计工具Mockplus为各位赠送新年福利啦~


Mockplus3.5新版本新增了智能标注功能,2019年Mockplus将全面升级为摹客RP,为大家带来更好的体验,Mockplus春节送福利,赶快领取Mockplus个人版激活码吧,数量有限,时间有限,先到先得!

专属激活码:Mockplus2019


激活数量:限量150个。


有效期:2019年1月31日。


激活地址:https://www.mockplus.cn/user/upgrade

上一篇
Mockplus & 菜园子6月活动:谈区块链、人工智能和数据驱动

Jongde   06/12

2018界面情感化设计,拒绝冷冰冰的人机交流

Snow   06/11

下一篇
咨询客服

帮助群:651432826

服务邮箱:service@jongde.com