UI表单设计的要点有哪些
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2022-01-08 14:10
符合要求的形式，首先要有良好的布局。如果有更多的信息选择，有些设计师将表单设计为两栏。尽管这种方法可以极大地减少表单的长度。但是使用者在使用表格时，一般都是按照Z字扫描的阅读模式进行操作。
表单是界面设计中的一个重要组成部分，在表单中用户经常需要填写不同的信息以完成操作，这些操作通常比较复杂，因此我们都希望表单可以设计得更加实用。以下三个要点，与您谈谈UI表单设计。
01布局
符合要求的形式，首先要有良好的布局。如果有更多的信息选择，有些设计师将表单设计为两栏。尽管这种方法可以极大地减少表单的长度。但是使用者在使用表格时，一般都是按照Z字扫描的阅读模式进行操作。这大大降低了用户对它的理解。而且在使用一栏布局时，用户经常会从上到下查看表单，极大地提高了理解的速度。因此这里的建议是：表单最好按一栏排布的形式设计，好便于用户理解和及时操作。
对于一列布局，如果您想让用户快速浏览表单，则将表单标题置于输入框之上。而且，如果你想让用户小心地输入表格，或让用户输入的速度减慢，例如某些重要的操作金额，收款者等等，就可以将表单，标题放在输入框左边。
02提示
对于表单的默认显示状态，要清楚地显示，当前窗体的动作或者收集到的信息。字标号文案要易于理解，字数不易过度。当操作选项太多时，并非所有内容都需要填写，这就需要在这个时候区分必选项和选择项。
如果您设计的表单不包含标题标签，仅使用暗号，那么请记住，在选中并操作后仍然会显示标签，提示用户所做的操作。
完成表单操作之后，用户进行校验是非常重要的步骤。若一切动作完成后再提示使用者操作失误，常会让使用者产生负面情绪，进而影响使用者体验。因此，当用户还在输入状态时，我们应及时显示提示，不要等到提交时才出现。
03钮
在一个表单中，按钮的动作触发一些活动，如提交、取消、删除等。第二，当有多个按钮时，要区分主次按钮以方便操作。命名按钮时，如果是指向性较明确的操作，则可尽量用细节描述说明，从而减少“确定”“提交”等有意义的文字。设计按钮时，首先要清楚地表明它是可操作的(点击)，不能设计得太小或含糊不明。
04总结
表单比界面中的其它操作要复杂得多，用户会觉得很麻烦。我们所要设计的窗体形式不同，在表单设计这一点上，我只列出了一小部分，还有很多东西需要我们去思考和改进。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > UI表单设计的要点有哪些