当设计技巧或设计方法接近成熟时，我们通常可以总结出足够的完整最佳实践。在移动终端逐渐占主导地位且桌面设备仍然主导生产力的时代，强调两个平台的设计是很自然的。对于很多人来说，在桌面和移动设备之间来回切换是很常见的事情。设计人员需要使设计与不同的屏幕兼容。卡片设计就是在这种背景下诞生的，并且蓬勃发展。如今。

无论Android的主推卡设计，或越来越多的iOS卡，还是Facebook和Twitter等玩卡牌元素的巨头，我们都可以清楚地看到卡式设计的普及和巨大的能量。它足够干净，具有良好的参与感，更有条理，易于扩展，而且非常灵活。

同时，许多优点和可能性也意味着你想要设计一个足够好的卡元素，你需要有一个足够好的策略和仔细的想法，否则你的设计很可能是一个失败的产品。

我来谈谈卡片设计本身

在我们真正开始探索卡片设计的最佳实践之前，我们仍然需要理清卡片设计的基本概念及其优点。

用户界面中的卡片借用了现实世界中卡片的功能和概念。通常，UI中的卡片是矩形的，带有不同的元素，如图像，文本，链接，按钮等。卡片是一个容器，但通常卡片将共同携带一组元素或一个元素或核心。不同的元素在不同的卡中工作，并且不同的卡被组合在一起以形成功能页面或组合。

典型的卡片结构

例如，在电子商务网站中，设计师使用卡片来携带类别列表。在设计媒体中，卡用于携带用户发送的一条内容。在新闻网站中，卡片通常用于携带不同的类别。新闻。

卡的优点也很明显：

携带不同元素的卡片具有不断变化的游戏玩法，适合于显示不同大小和属性的各种元素。

响应性：卡的移动屏幕上的显示非常漂亮，移动端需要平滑灵活的布局。这张卡非常合适。该卡使布局更灵活。三张卡可以在桌面上并排显示三行，在移动侧，它们可以垂直绘制成一列。两种布局都符合用户的阅读习惯。

组织：卡片可以有效地组织不同类型的元素，无论是图片，视频，文本还是CTA按钮。由于卡本身的灵活性，设计人员可以灵活而有目的地调整每个元素而无需使用它。担心影响他人的因素。该卡构建了统一的用户模型，允许用户更好，更快地完成任务。

极简主义：极简主义设计是目前主流和流行的设计风格。在极简主义风格中，用户更容易理解内容并且外观更优雅。卡式设计在精神上与极简主义相关联。

卡片设计最佳实践

·有目的地使用卡

虽然卡在UI设计中功能强大，但不要只使用它们。大多数设计师使用这个设计元素，以利用卡本身的强大组织。

如果UI中有大量不同类型的元素，例如图像，文本，列表，CTA按钮等，则需要将它们与卡集成。

显示元素的长度是可变的

用户不必考虑各种元素之间的大小差异

需要托管某些交互，例如输入框，按钮和链接等。

·保持简单

每张卡都带有执行任务的元素。各种元素通常不应混合在一起，不同的卡片将它们分开，使它们相互干扰。如果您需要具有不同属性的内容来共同完成任务，那么让他们保持在一起并进行多卡协作。限制卡中的文本数量，尽量不添加段落。

·引导用户获取最重要的信息或行动

充分利用卡片的层次结构来突出显示关键内容和信息。例如，将带有管家信息的卡放在顶部，您还可以使用排版来突出显示关键信息和交互。

·精心挑选的地图

图像是UI中视觉元素的表示，可以使界面吸引人并使卡片脱颖而出。但是图像质量越好，UI越好，图片必须传达正确的信息，这是第一要务。卡片中图像的位置通常取决于它是主要的还是支持性的。

·支持微观互动

卡本身是一个交互元素，卡上的链接和按钮可以指向更详细的信息，卡可以自然地进行更多样化的微交互。例如，将光标悬停在卡片上时，可以触发其他内容的显示。

·支持手势

在移动设计中，手势是主要的互动。手势不仅可以使用，而且有趣的手势和互动创造了有趣和愉快的体验。早在webOS时代，通过轻扫，组织卡片，长按，以及通过向上和向下滑动来关闭卡片来移动卡片。但是，整个手势交互的逻辑应该是平滑和自包含的，以便体验无可挑剔。

·精心打磨

创意设计将让人眼前一亮。尺寸和尺寸合适的高清晰度图像令人赏心悦目。精心打磨的细节让您感觉舒适。您应该尝试使卡片成为愉快和愉快的体验。

结论

如果可以很好地使用卡片设计，则对整个体验的影响是显而易见的。今天的设计师已经对卡片设计进行了足够深入的讨论，更多的例子可以让你更好地掌握这种设计技巧。

« 操作，如何快速提高自己的水平？ | 很多员工匿名粘贴后被解雇了 »