随着互联网时代的快速发展，设计师不再只是為(wèi)互联网创造漂亮美观的图片那么简单了，作為(wèi)一个WEB设计师，除了基本的设计技能(néng)之外，还需要考虑一些其他(tā)的问题，比如用(yòng)户體(tǐ)验，算法，代码等等。如今用(yòng)户體(tǐ)验设计越来越重要，对于WEB表单的设计尤其如此。

      WEB表单设计的目标是设计出一套让用(yòng)户能(néng)够从填表到点击提交按钮的最简单的流程。从非常简单直接的表单到花(huā)哨、多(duō)彩和创意的表单，每个网站都会呈现一种表单风格。不论是登录/注册表单，还是联系表单，或者其他(tā)类型表单，设计师们需要牢记一点：这些表单的目标是要赢得用(yòng)户的注意，引导他(tā)们在其中填入信息。根据多(duō)年的设计经验，云优化归纳了在WEB表单设计中的六大原则。

（一）保持醒目和简洁

      我们经常会遇到一个问题，非常多(duō)的用(yòng)户抱怨注册表单需要太多(duō)的信息。如果你设计的网站正在想办法增加注册用(yòng)户数量，那么首先必须保证设计的表单尽可(kě)能(néng)的简洁，易于填写。同时对于着重强调的版块和信息，在设计时可(kě)以采用(yòng)更醒目的方式加以强调。

（二）合理(lǐ)组织信息

      对于较為(wèi)复杂、填写项多(duō)的表单，如果不对信息进行组织，很(hěn)容易显得繁杂混乱，让用(yòng)户在一开始就产生抵触的情绪，甚至选择放弃。合理(lǐ)有(yǒu)层次的组织信息，可(kě)以利用(yòng)框線(xiàn)、空间间隔、颜色的不同，按照不同信息的类别、属性和相关性进行區(qū)块的划分(fēn)，用(yòng)步骤条指示当前的进程。清晰的浏览線(xiàn)，合理(lǐ)的标签、提示文(wén)字及按钮的排布，避免不必要的信息重复出现，能(néng)够降低用(yòng)户的视觉负担和物(wù)理(lǐ)负担。

（三）更大的输入框

      根据实际的用(yòng)户反馈，表单设计中更大的文(wén)字输入框、适度的留白空间会让人更有(yǒu)填写的欲望，优雅的动画效果也能(néng)增加填写的趣味。设计师在设计表单的过程中，需要缓和不同输入元素之间的冲突。加粗的文(wén)字提示用(yòng)户哪些區(qū)域已经填写了，哪些區(qū)域还空着，当激活某一输入框时，它会变成淡蓝色，提示光标现在所处的位置。

（四）為(wèi)用(yòng)户节省时间

      需要花(huā)大量时间填写的表单容易让人失去耐心，用(yòng)户是懒惰而繁忙的，试着删去所有(yǒu)不必要的填写项，考虑除了让用(yòng)户机械的通过键盘在表单上输入数据外，还有(yǒu)没有(yǒu)别的更优方式（如后续进行用(yòng)研调查）收集所需信息。

（五）一条龙服務(wù)的设计理(lǐ)念

      表单的终点并不是提交，设计师在设计的时候需要抱着為(wèi)用(yòng)户提供一条龙服務(wù)的理(lǐ)念，形成流程闭环，避免用(yòng)户在中途跳出。一个好的表单设计，不仅需要考虑用(yòng)户填写前的引导、填写时的及时校验与帮助、还需要考虑填写后的整个流程體(tǐ)验。思考用(yòng)户填写表单的初衷是什么，让他(tā)在填写完表单后能(néng)够最快得到他(tā)最想要的东西。即便是他(tā)暂时无法得到的，也需要告诉他(tā)相应的原因和能(néng)够进行的替代操作。

（六）提供设计关怀

      根据不完全统计，互联网中大约有(yǒu)12%的人具有(yǒu)或轻或重的色觉障碍。如果将色彩作為(wèi)區(qū)分(fēn)不可(kě)点击文(wén)本和可(kě)点击链接的唯一元素，可(kě)能(néng)会让这部分(fēn)的人使用(yòng)时出现困难。我们在设计表单的过程中可(kě)以通过给链接文(wén)字加下划虚線(xiàn)、使用(yòng)按钮或其他(tā)形状做區(qū)分(fēn)，让这类用(yòng)户能(néng)更加清楚的知道哪些是可(kě)点击的區(qū)域。