请联系我!15个体验舒适的联系人页面设计欣赏

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

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

Cleverbirds

请联系我!15个体验舒适的联系人页面设计欣赏

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

GCM

请联系我!15个体验舒适的联系人页面设计欣赏

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

Kinhr

请联系我!15个体验舒适的联系人页面设计欣赏

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

Humaan

请联系我!15个体验舒适的联系人页面设计欣赏

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

Multifarious

请联系我!15个体验舒适的联系人页面设计欣赏

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

Bkwld

请联系我!15个体验舒适的联系人页面设计欣赏

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

Modoluce

请联系我!15个体验舒适的联系人页面设计欣赏

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

Invisionapp

请联系我!15个体验舒适的联系人页面设计欣赏

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

Landerapp

请联系我!15个体验舒适的联系人页面设计欣赏

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

Purplerockscissors

请联系我!15个体验舒适的联系人页面设计欣赏

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

Fiordilattegelato

请联系我!15个体验舒适的联系人页面设计欣赏

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

Builtbybuffalo

请联系我!15个体验舒适的联系人页面设计欣赏

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

Cafeevoke

请联系我!15个体验舒适的联系人页面设计欣赏

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

Nedd

请联系我!15个体验舒适的联系人页面设计欣赏

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

Onlinedepartment

请联系我!15个体验舒适的联系人页面设计欣赏

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

结语

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

网页设计师们,网页的边边角角都是你们的战场!

先看联系人页面姊妹篇!
《想让用户心甘情愿留下邮箱?来向这组网站取经!》

就是导航栏也不简单!
《导航还能这么玩!15个别出心裁的全屏导航网站设计欣赏》

哪怕用户迷路了也需要你!
《超实用!不容错过的优秀404页面设计指南》

请联系我!15个体验舒适的联系人页面设计欣赏

原文地址:designmodo
优设网翻译:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量76万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

请联系我!15个体验舒适的联系人页面设计欣赏

收藏 2
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。