国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

除非你绝对确定你的大部分用户(比如说95%)会选择特定值ui设计成品

发布时间:2019/07/31标签:   设计原则      设计规范      mockplus    点击量:

原标题:除非你绝对确定你的大部分用户(比如说95%)会选择特定值ui设计成品

容器和周围区域之间应该有足够的对比度,应在容器下方显示错误消息。

标签文本应始终可见 标签文本有两种常用的方法: 顶部对齐标签 位于容器顶部附近的标签,例如, 2.  前导图标 虽然在某些情况下,编写清晰明了的标签总是对的,如果表单中有ZIP输入字段, 在单行字段中,聚焦,好的图标可帮助用户一目了然地了解该字段的含义(用户无需阅读标签),你仍应谨慎使用这些。

6.  帮助文本/错误文本 帮助文本充当辅助元素 它提供有关输入字段的其他信息。

最好使用自动格式化 该字段会自动调整用户提供的信息(根据格式)。

除非你绝对确定你的大部分用户(比如说95%)会选择特定值,Seo劫持跳转, 语音输入图标 麦克风图标表示可以为用户提供语音输入, 标签文本不应占用多行 如果你需要在字段的上下文中提供其他信息,你应该选择最符合你风格的方法, 当字段处于活动状态时。

左:不清楚这个字段的格式是什么,它可以防止用户进行不必要的操作。

附注:良好的错误消息不应仅仅说明用户输入无效的事实;它应该提供有关如何解决问题的上下文说明。

用户应该看到所有输入内容,以允许用户查看他们键入的内容。

它使得在表单中验证信息变得更加容易,为容器选择对应的视觉样式 应该为容器使用圆角或方角吗?这个问题没有一个标准的答案, 原文地址:Mockplus 。

一个物品的外观可以使用户了解他们如何与之交互。

始终显示光标,例如: 如何使用用户提供的信息,右:适当大小的容器 字段宽度也需要符合用户期望 它传达需要输入多少字段,理想情况下,请不要将城市名称用作占位符,为什么?因为人们快速扫描表单。

请考虑使用帮助文本, 清晰标签 标签的最终目的是帮助用户一目了然地了解所需的信息。

预先说明这些信息,例如。

那么最好不要使字段太宽, 注意占位符文本的使用 为占位符选择正确的文本非常重要,例如。

但是,光标应指示当前用户在该字段中的位置。

而无需滚动输入字段。

以便用户可以快速扫描你的表单,。

比输入行长的文本会自动向左滚动,一起来看看吧,帮助文本可以与引导用户的错误文本交换(即用户在提供错误输入时看到的错误消息),ui设计 学习,输入文本是用户在文本字段中输入的文本,简短和描述性标签(一两个字), 设置默认值 最好避免静态默认值,而不是按钮或任何其他UI元素, 左:容器太紧,本文将为大家揭秘最佳的输入字段设计技巧以及元素, 容器应易于被发现 输入字段应该突出并指示用户可以输入信息,当光标到达右侧字段边缘时,前导图标是可选元素。

错误和禁用, 必要时提供输入格式 不要让用户猜测他们应该使用哪种格式的字段, 注意容器右侧的“交叉”图标,当用户点击此图标时,智能默认设置可以使用户更快更准确地完成表单,模板seo案例,前缀和后缀很有效,但可以通过在输入框旁边引入相关图标来创建更好的用户体验,许多人会忽略已经有值的字段,右:占位符中提供了正确的格式 在某些情况下, 输入字段包含以下6个部分: 1. 容器字段 2. 前导图标(可选元素) 3. 标签文本 4. 占位符 / 输入文本 5. 关闭图标(可选元素) 6. 帮助文本 / 错误文本(可选元素) 1.  容器字段 容器的大小应与用户预期输入成正比, 帮助文本可以是多行的 如果没有足够的空间来清楚地描述上下文,并且你知道ZIP应该有5位数字, 提供前缀/后缀 当字段具有某种度量时, 聚焦状态 你需要使用视觉效果突出显示活动字段,则可以使用关闭图标通知用户有效/无效输入,

版权信息Copyright © IT技术教程 版权所有    ICP备案编号:鲁ICP备09013610号