为了帮助我们理解何时使用卡或列表更适合用于UX，它可以极大地帮助我们首先了解每个对象是什么以及每个对象应该做什么（或应该做什么）。
卡是显示各种相关信息的容器，用户可以从中获取更多信息。虽然它仍然是平面设计的产品，但由于它通常具有浅3D效果（如阴影以指示可点击性），因此更适合归类为Flat Design 2.0。诸如视觉深度之类的3D效果对于用户来说是指称，告诉他们他们可以单击以获取更多信息。
有趣的是，纸牌存在二分法，因为它通常在形状和大小上都类似于实际的纸牌。这暗示了过时的拟态，其中图形元素类似于实际项目。
列表是一个页面，用户的搜索条件或浏览习惯会将其作为页面。列表页面实质上具有许多各种候选项目或条目。因此，列表必须有助于针对适当的UX进行高效且快速的眼睛扫描。这是一个重要的区别，有助于在可用性方面区分列表比卡片更合适。
1.写你的副本
复制是用户决策的关键方面之一，我将其视为设计的关键部分。没有什么比没有令人困惑的对话框的好设计更好的设计了，用户在其中很难找到下一步。
2.第一次实习测试
使用初稿，您可以在Marvel或Invision中快速创建原型。这是我最近开始做的事情，事实证明这是另一个令人惊奇的验证方面。使用原型，您现在可以轻松地与团队中的3或4个人建立呼叫，并与他们共享原型链接，并在测试特定流程/场景时尝试提出一些问题。
这样，您可以轻松地测试您的提问技能，并且显然可以在真实用户上测试您的设计决策，而不必担心浪费资源和时间。我倾向于选择不参与仪表板开发的人员。也要尽量避免看到有人曾经有机会玩过原型。
3.礼节
我们都知道保持整洁有多么困难。如何提供另一个功能。这通常会导致草图或PSD文件混乱。我已经学到了很多关于在初创公司中担任单一设计师，在团队中工作或开发自己的数字产品之间的区别的知识。
当您在团队中工作时，请考虑您的PSD，就像您正在为其他人创建它们一样。我使用的规则是，如果一个文件夹中的层数超过8，则应创建一个新层。
我找到了一个很棒的Sketch插件，为我的UI套件工作节省了我几个小时：重命名它。
提示：将所有内容放在画布上。我一直在努力设计漂亮的页眉，而其余的画布是白色的。在设计时，我学会了将所有内容放在第一位-只是玩布局和版式。设计精美的细节并在适当位置使用整个概念要容易得多。
4.创建UI元素并开始使用LEGO
我可能参加聚会很晚，而在撰写本文时，这听起来已经过时了。我们在此过程中没有进行任何线框图的原因很简单。我发现Sketch 39带有令人难以置信的东西，那就是“具有调整大小属性的形状”。这使团队中的每个人都可以轻松进行设计。现在，我们的Sketch文件是纯拖放文件。您可以轻松地给任何队友一块空白的画布，他们可以创建几乎高保真的草稿。因此，我们能够跳过所有线框图工具，并以几乎真实的像素开始。
这也与我们能够将线框实际转换为实际设计紧密结合。任何PM都可以创建线框，然后我可以轻松地将其接管并转换为高保真度。
当您完成基于第一反馈的设计和迭代时，您还没有完成。现在是时候将您的设计移交给工程师/开发人员了。
5.规格
我的主要目标之一是始终能够与团队沟通我的决定，并能够尽我所能减少开发人员的困难，以便为他们提供最佳的资源。对于我来说，这绝对是我从事设计师工作中最重要的部分。
由于我们记录了所有交互过程并从流程开始就已准备好一切，因此创建规格很容易。我倾向于在Google文档中或在Sketch文件的屏幕下方编写规范。最好对所有功能进行说明来处理您的设计，以便以后任何人都可以抓取您的文件。
6.图
此技术非常适合打印设计并与团队讨论。但是如今，我认为有更好的选择。比如准备好最终的原型。
7.最终原型
如今，组织网站内容的两种最常用的方法是使用卡片和列表。每个人都有其优点和缺点。自从网络诞生之初就出现了清单，而基于卡的设计直到最近才成为一种不可忽视的力量，并且越来越成为内容组织的一种流行选择。
卡和清单是显示内容的独特方式，这意味着它们在特定情况下分别是好是坏。当然，对于网页设计师来说，关键是要了解何时正确使用每个人都能为用户带来更好的用户体验。答案可能会让您感到惊讶，并使您对设计原理的看法有所不同。
在这里，我们探讨了在网页设计中何时使用杭州网站建设而非列表，反之亦然。
