网站的每一个部分都很重要,你是否忽略了“联系我们”页面?来看看有什么设计这个页面的技巧吧。

简化联系表格

Yummygum

教你设计一个顶尖的“联系我们”页面

Yummygum的联系页面很干净很简单,只有3个框和一个提交按钮。简单的好处是不会让游客望而却步。

大号的文字显得简练易读,方便浏览者快速校对信息,从而有更大的满足感。

以现在的网页技术很容易创建一个动态的联系表格。通常留有3-6个框供浏览者填写姓名,邮件和个人信息。

大多数网站游客偏爱这种联系表,因为比较节省时间——不需要打开自己的邮件客户端、拷贝邮箱地址。目前网站联系表格通常包含网络安全技术比如CAPTCHA,所以安全性是很强的。

这种表格的所有元素看起来很统一,给人感觉很完整。另外建议使用JavaScript显示提示和帮助,确保用户知道他们的消息已发送成功。

Princeink

教你设计一个顶尖的“联系我们”页面

复杂一点表格看Prince Ink quote form网站,页面分为4部分。

记住,不是每个框都要填写。只有带星号是必填的。大部分情况下,游客能够识别星号,但是部分游客可能发现不了。如果是设计更大的联系表格,要突出必填的项目。这样将简化提交过程,优化用户体验。

统一中表现审美

表格既要讲统一性,也要讲审美。毕竟表格是网站外观的一个重要部分。

Underbelly

教你设计一个顶尖的“联系我们”页面

Underbelly是一个设计创意机构网站,联系页面很独特。显而易见,这个联系表格用了CSS样式表和JavaScript。输入界面看起来像一般正式文件的表格形式。设计独特整洁,让人觉得发送电子邮件也成了一种乐趣!

Dangerousrobot

教你设计一个顶尖的“联系我们”页面

Dangerous Robot 网站的设计跟上一个不同,联系表格与其他元素通过明亮的暖色和矢量图案很好的融合在一起。联系表格基本采取居中模式,每个框里加上图标,使得辨识度和阅读速度得到提高。

添加地图标注

一个公司的地理位置在商务交往中往往扮演着重要的角色。加入嵌入式地图则把企业地址可视化。谷歌地图有一个自定义的嵌入功能,允许开发者添加全功能的谷歌地图到联系页面。

Bkwld

教你设计一个顶尖的“联系我们”页面

BKWLD的联系页,除了一些基本的邮件/电话信息,添加了MAPbox动态地图,调高了交互性。

1 2 下一页 查看全文
标签:

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com

评论“教你设计一个顶尖的“联系我们”页面”

暂无“教你设计一个顶尖的“联系我们”页面”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。