15款体验舒适的联系人页面设计欣赏

2016-02-16 19:07 11 1 收藏

今天图老师小编要向大家分享个15款体验舒适的联系人页面设计欣赏设计作品,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

到了设计联系人页面的时候,做好用户体验设计同样重要。联系人页面是用户与网站进行沟通的另外一个重要入口,如果页面没有信息,也没有主动沟通用户,那么将很难吸引潜在用户来与网站进行联络。对于网站而言,这是极大的浪费。

接下来,通过以下的15个案例来帮你开拓设计思路。千万不要忽略联系人页面设计,它们也很重要。

Cleverbirds

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

Cleverbird的联系人页面配色非常漂亮,底部使用了明黄色的地图背景,输入框与上半部分的内容相互对应,吸引用户与网站保持联系。

GCM

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这家奥地利的公司在网页设计上不遗余力,对于联系人页面的设计也极为用心。当你个滚动页面不同地方的时候,会有不同的动画效果,个性十足,体验很棒。这种体验可能会吸引那些好奇的用户关注网站,因为绝大多数的网站并不具备这样的体验设计。

Kinhr

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

Kinhr公司网站的联系人页面设计的非常大气,顶部Banner使用的员工照片充满了精英的感觉,配合整个网站的设计,给人一种专业和充满力量的感觉。最重要的是网站设计干净且目标明确。

Humaan

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

作为一个创意机构,网站设计设计清爽而时尚,排版漂亮。有意思的是,网站在色彩设计上好象不拒绝混搭,说明他们很明确自己在做什么。

Multifarious

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这个网站最有意思的地方在于它并没有如同其他网站一样简单粗暴地设计输入框,相反,他们使用了一个绿色的按钮,并以请求的语气在按钮上写上Pass us your details,委婉而绅士。

Bkwld

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

网站设计素雅,视觉上不会对用户产生冲击,和之前的网站一样,使用了更为婉转的请求语句Hello! Drop us a line.,意思同样是请联络我们,简单而清晰。当你向下滚动的时候,会有动画效果出现,并且伴随着一句话Call us if you get lost和一个笑脸的表情,也就是如果迷路了请联络我们,给人感觉非常亲切。

Modoluce

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

深色的背景和浅色的文字形成鲜明的对比,文字排版颇具张力,个人以优雅的感觉。

Invisionapp

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这个联系人页面并不是特别出彩,但是简约清爽的设计给人感觉不错。周围点缀的涂鸦冲淡了网站的规则的布局给人带来的轻微压力,非常微妙。

Landerapp

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这个页面的独特之处在于在底部的联系人信息的部分有客服人员的头像和电话,你真的可以打给他咨询相关的事宜。坦率的讲,这是可以完美展现公司人性化的一面。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Purplerockscissors

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这一个别具一格的联系人页面,设计师使用了非正式语气的文案,他们问的是你在想什么?并且给予了三中可能的选项供你选择,用户不用费神思考。

Fiordilattegelato

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

公司网站与社交媒体的联系越来越紧密。所以这个联系人页面干脆就将公司的Facebook和Twitter链接以最大字号醒目地展示给来访者。有点投机取巧,但是非常有效。

Builtbybuffalo

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

页面设计非常干净简约,各种联系方式一应俱全,直接有效,从图标设计到布局都显得极为素雅。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Cafeevoke

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

网站的设计风格非常讨喜,大量的色块和线条交叠在一起让原本普通的网页给人以一种愉悦的视觉享受。

Nedd

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这又是一个简约的联系人页面,网页被分割成4个不同的区块,有的是地图有的是联系方式,直观而实用,把握到了极简主义风格的精髓。

Onlinedepartment

15款体验舒适的联系人页面设计欣赏,PS教程,图老师教程网

这个联系人页面也非常独特,通过讲故事的方式来吸引用户。当你滚动页面的时候,就如同在翻看一本故事书,每一页都有一个不一样的故事。这种设计很独特,但是很有用。

结语

这些案例中的页面,有的时尚有的简约,有的设计巧妙,有的直观有效,但是他们的目的是一样的:用优质的体验吸引并沟通用户。

来源:http://www.tulaoshi.com/n/20160216/1571705.html

延伸阅读
标签: 生活常识
12306常用联系人最多几个   12306常用联系人最多几个 我们在12306网站上购票火车票时都需要添加常用联系人才能购票,最近12306官网发公告称将常用联系人上限调整为至15人。调整后,目前已超过15人的用户,用现有的常用联系人仍可购票。也就是说一个账号最多只能买15个人的火车票,那么12306常用联系人超过上限怎么办? ...
云话如何添加联系人   1、登录云话,进入主界面; 2、点击通话记录,用鼠标右击需要添加的号码,在菜单中选择添加为联系人,再填入姓名,保存即可;也可以点击软件菜单中的添加联系人。
标签: 生活常识
12306如何添加常用联系人   很多网友不晓得如何添加联系人,下面小编就给出详细攻略,大家要收藏哦。 12306添加联系人的方式主要有两种:电脑添加和手机添加 图老师生活常识配图 电脑添加 1、首先我们登录进去我们的12306网站,百度搜索铁路客户服务中心,第一个后面带官网的就是。现在的验证码比较闪而且区...
标签: 电脑入门
您的Skype联系人和您的电话薄联系人同步可使您直接从本机电话薄中发起Skype通话或进行即时聊天。电话薄中同步的联系人会在他们的名字后面出现一个显示状态的图标,当您轻击一个联系人后,您会看到四个选项:使用本机拨打电话,使用本机发送短信,开始Skype聊天,或使用Skype拨打电话。
和包如何增加联系人   1)首先打开和包,点击,点击,进入界面点击。   2)在界面输入昵称和号码,点击,弹出窗口点击。   3)返回界面便能看到新添加的联系人。

经验教程

740

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部