网页设计如何设计一个完美的“联系我们”页面
Yummygum的联络页面很洁净很简略,只要3个框和一个提交按钮。简略的优点是不会让游客望而生畏。
大号的文字显得简练易读,方便阅览者疾速校正信息,然后有更大的满足感。
以如今的页面技能很简单创立一个动态的联络表格。通常留有3-6个框供阅览者填写名字,邮件和个人信息。
大多数网站游客偏心这种联络表,由于比较节省时间——不需要翻开自个的邮件客户端、复制邮箱地址。当前网站联络表格通常包括网络安全技能比方CAPTCHA,所以安全性是很强的。
这种表格的一切元素看起来很一致,给人感受很完好。别的建议运用JavaScript显现提示和协助,保证用户知道他们的音讯已发送成功。
Princeink
lianxi3
杂乱一点表格看Prince Ink quote form网站,页面分为4有些。
记住,不是每个框都要填写。只要带星号是必填的。大有些情况下,游客可以辨认星号,可是有些游客也许发现不了。如果是规划更大的联络表格,要杰出必填的项目。这样将简化提交进程,优化用户体会。
一致中体现审美
表格既要讲一致性,也要讲审美。究竟表格是网站外观的一个主要有些。
Underbelly
lianxi4
Underbelly是一个规划创意组织网站,联络页面很共同。显而易见,这个联络表格用了CSS样式表和JavaScript。输入界面看起来像通常正式文件的表格方式。规划共同整齐,让人觉得发送电子邮件也成了一种趣味!
Dangerousrobot
lianxi5
Dangerous Robot 网站的规划跟上一个不一样,联络表格与其他元素经过亮堂的暖色和矢量图画极好的融合在一起。联络表格根本采纳居中形式,每个框里加上图标,使得辨识度和阅览速度得到进步。
增加地图标示
一个公司的地理位置在商务往来中通常扮演着主要的角色。加入嵌入式地图则把企业地址可视化。google地图有一个自定义的嵌入功用,答应开发者增加全功用的google地图到联络页面。
Bkwld
lianxi6
BKWLD的联络页,除了一些根本的邮件/电话信息,增加了MAPbox动态地图,调高了交互性。