10 个出色的 UX/UI 设计备忘单

已发表: 2019-12-10

要保存的 UX/UI 备忘单

每个人有时都需要一点帮助，即使是专业人士。很难记住每一个小细节。每隔一段时间，您最终都会搜索您暂时忘记的基础知识。这是多么浪费时间啊。因此，我们搜索并收集了一些流行的设计备忘单，以帮助您度过一天，并帮助您制定最佳的用户体验策略。

如果这些策略有帮助，请不要忘记在改进网站的用户体验设计时查看这些提示。

1. iOS 7 设计备忘单

iOS 7 的发布给界面带来了许多变化，设计师需要调整他们的视觉语言以适应 iOS 的新平面设计。 Apple 更新了网格系统、尺寸、排版和图标。 Ivo Mynttinen 为开发人员和设计人员创建了一份备忘单（更新），涵盖了您需要了解的 iOS 7 的所有信息，包括：

- 所有设备的分辨率
- 在所有设备上显示信息
- 应用程序图标尺寸（包括有关圆角设计更改的信息以及从何处获取模板，因为 Apple 尚未发布适用于 iOS7 的模板）
- 有关用户界面更改的详细信息
- 在设计应用程序时您会发现有用的其他资源的候选清单

这将节省您的时间和精力，因为您不必去搜索每个小细节。使用它，您不必编译自己的列表。此外，它是有关该主题的最广泛的工作表之一，而且组织得非常好。

分辨率和显示规格

2. Android 设计备忘单

当然，我们还为您提供了类似的 Android设计备忘单。这是由 Double Encore, Inc 的移动设计师 Meghan Dever 设计的精美信息图表。Android 设计指南提供了这些信息，但在这个甜蜜的备忘单中更容易找到和阅读。

它是为公司内部使用而创建的，但他们认为这是一种非常有用的节省时间的方法，因此他们想与整个社区分享。这附带：

- Android 文本字段、搜索栏、微调器、选择器、开关及其用例
- 9 补丁资产，增加了光学边界布局功能
- Android 设备尺寸及其相关的元素尺寸
- UI 元素的正确填充
- 操作栏、上下文和启动器图标细节
- Dp 到 px 转换

Android 设计备忘单

3. 颜色信息图表的心理学

好的，所以有足够多的图表涵盖色彩心理学，但这是我最喜欢的，因为它比其他的要广泛得多。它不仅涵盖了基础知识（红色、黄色、蓝色、紫色、绿色），还为您提供了 50 种不同颜色的描述。它不仅涵盖积极的情绪和想法，还涵盖与各种颜色相关的消极情绪和想法。

心理学的颜色

4. HTML5 备忘单

2016 年 9 月 9 日更新：此表不再可用。

这是一个很好的参考表，以防你刚刚学习 HTML5 或者只是碰巧有一个大脑放屁并忘记了一个标签。这是一个广泛的列表，除了标签之外，它确实为您提供了很多有用的信息。它详细介绍了标签可以在哪里使用以及哪些浏览器支持什么，甚至在设备上也是如此。它附带：

- 为 HTML5 推出的新标签
- HTML4 中的现有标签仍可用于 HTML5
- HTML5 中已过时的旧标签
- 属性以及对他们来说新旧
- 浏览器就绪图表

HTML5 备忘单

5. Ninja UX 备忘单

对于 UX 过程的研究阶段，您可以查看 Hilary Little 为她的 CodeFest 主题演讲制作的这张很酷的备忘单。它们是测试用户时要牢记的一些最佳实践。

这是对专业人士基础知识的另一个很好的提醒，非常适合任何新的和需要一些好的建议和技巧的人。您还可以从这里的主题演讲中查看她的演示文稿。这将很好地补充备忘单，并为第一个 UX 设计师或企业家提供一些很好的方向。

忍者用户体验信息图

6. 备忘单网页表单设计

Smashing Magazine 为我们带来了这种美丽，因此我们可以使用和分享它。它是用于设计出色表单的描述性备忘单。这款婴儿床床单的设计师精通设计和测试表格。

他们决定找出最常见的问题并描述他们如何解决这些问题，然后将其全部放入这个出色的设计师备忘单中。他们想创造一些东西来让每个人的表格变得更好。它包含一个 Omnigraffle 模板，以及供您下载的 Photoshop (PSD) 和 PDF 示例。它提供了很好的建议、注意事项和一些您可以使用的布局示例。

表单设计