最专业的代练平台开发!

资讯热点
卡片设计成熟的设计规则是什么?

发布时间:2021-7-25 分类: 行业动态

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

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

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

我来谈谈卡片设计本身

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

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

典型的卡片结构

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

卡的优点也很明显:

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

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

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

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

卡片设计最佳实践

·有目的地使用卡

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

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

显示元素的长度是可变的

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

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

·保持简单

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

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

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

·精心挑选的地图

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

·支持微观互动

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

·支持手势

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

·精心打磨

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

结论

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

« 该女子轻信“表示报销”泄露密码50元赔偿被骗5万元 | 小程序市场竞争激烈,这八款营销游戏可以让它脱颖而出! »