输入框内的标签 在屏幕空间有限的情况下，应当将标签放入输入框中，形成一个整体。 注意事项 光标定位到输入框时，标签应消失或者往输入框上移，不应该影响内容输入 输入框内标签应当...
发简信
IP属地：广东
输入框内的标签 在屏幕空间有限的情况下，应当将标签放入输入框中，形成一个整体。 注意事项 光标定位到输入框时，标签应消失或者往输入框上移，不应该影响内容输入 输入框内标签应当...
每个表单都至少有三个要素：标签、输入框和动作。 标签：负责提出问题 输入框：供人们填写信息 动作：允许人们提交答案 标签对齐 标签使用哪种对齐方式，取决于具体目标和制约因素。...
设计表单时的可达性要求 为各种情况标注文字，如（1）图片的工具提示（2）表格内容的简短摘要（3）表单的每个对象尽量都要有自己的标签（4）框架或页面的标题必须有意义 页面上的文...
表单的命名 诉人们在填什么表单，填完后能干什么，这是提供清晰路径的一部分 表单名称必须与要人们采取的行动保持一致，因为人们不会仔细阅读碰到的每个表单 起始页 表单需提供额外的...
内容的组织 表单如果较长或较复杂，需要将内容组分布到多个页面 在很多问题需要按顺序回答的情况下，为保证人们要看到所有问题，可使用一个较长的页面 可选问题建议放在表单填完之后 ...
交互和视觉设计因素对完成表单填写都发挥着重要作用，但真正起作用的是表单的内容和组织方式。 选取问题 应当测试每个问题是否一定要问？能帮用户自动填写吗？有没有更合适的时间或者场...
表单设计应该是“由外而内”，而不是“由内而外”设计出来的。其中： 由内而外：指的是让人们按照系统的要求去填写表单 由外而内：意味着以组织或者外部人的角度看待事物，即站在人的角...
工作流程 拥有有效的模式库的团队，通常也拥有系统化的工作流程。 添加新模式的过程 将设计稿提交到一个公共共享文件夹 整个团队一起讨论新模式的引入 对新模式编写说明，将其放入模...
模式库不等价于设计体系，它只是一种记录和共享设计模式的工具，建立有效的模式库需要以设计体系为基础。 如何构建能实现多领域目标的模式库 内容 使用在线协作工具记录模式库，让团队...
配色 第一步的目标是让颜色的使用更加一致，因此得先列出颜色在界面中扮演的角色。 从目的开始 对目的的表述需要明确一些，不应该太模糊或者空洞，比如某某颜色可用于显示不同类型或不...
如果不重视产品的美观，那我们就错过了影响产品感知的重要机会。当然，我们重视的不是样式本身，而是它们产生的效果。为了用一种可靠，可扩展的方式去影响用户的感知，我们需要熟悉创造这...
定义模式 同一组的不同元素，是要合并成一个模式，还是单独一个模式？可以用以下两种方法。 具体性尺度 模式可以定具体一点，也可以通用一点。具体的东西越多，可复用性就越差。定义模...
目的导向的清单 将产品界面进行截图，按照目的（设计意图的行为）对它们进行分组，而不是按视觉样式。 准备工作 安排时间 最有效的时间是在基础用户体验工作（包括用户研究、内容策略...
就目标达成一致 界面系统化 定义设计指导原则 定义可复用的设计模式并将其标准化 建立模式库 建立主设计文件，收集最新的模式 重构代码和前端架构，以支持模块化的方法 建立共享的...
如何在组织中为建立设计体系寻求支持？ 除了获得同事的支持，最重要的是要获得高层的支持。 获得高层支持 获得高层支持与资源投入并不容易。想要获得业务的支持，需要证明有效的设计体...
组织：集中式或分散式 集中式模型 在集中型的模型中，设计体系的规则和模式主要由一部分人管理，这意味着： 他们定义模式和规则 他们对设计体系的决策拥有否决权 他们管理模式库或其...
模块化设计 概念 在拥有设计体系的情况下，系统模块化不仅意味着系统由部件构成，还意味着不同的部件是可互换的，它们能以各种方式组装在一起，以满足不同的或者不断变化的用户目标。 ...
影响设计体系的因素有很多，如组织架构、团队文化、产品类型、设计方法等。为了了解这些因素是如何影响设计体系的，可以从以下三个维度去分析：规则的严格程度、部件的模块化程度、组织的...
创建统一的设计体系需要共享设计语言。 为模式命名 一个精心挑选的名称可以成为构建设计体系的强大工具，因为名称会影响设计模式的使用方式。名称很重要，更重要的是要在团队内部建立一...
数字产品感知性模式的例子包括语气、排版、配色、布局、插图与图标样式，形状与纹理、间距、意象、交互或动画，以及这些要素在界面中的组合和使用的具体方式。 感知性模式的作用 感知性...