爆料：卡片式网页设计风格建站的优势

“我的网站想用卡片式设计风格。”这是一些客户与我谈话时的第一个要求。毫无疑问，PC和手机的卡片类型都非常出色。

从网上购物商场到社交媒体网站，基于卡片的设计已经成为网页设计的强劲趋势，并且正在蓬勃发展。最重要的原因必须是它的灵活性。卡片可以是任何形状，颜色和形式。但总的来说，它们都包含图片，图标和一些基本的文字信息，例如标题，用户名和位置信息。

“然而，它的流行的核心仍然是它的简单性，你很少看到复杂的卡片设计，其原因似乎是指导用户点击它。”

作为网页设计师，你如何使用卡片？设计卡时应注意什么？让我们来谈谈它。

什么使卡片设计无法阻止

在实用性和美观性方面，基于卡片的设计可以被描述为优越的主人。下面列出的功能可能是它赢得胜利的原因。

1.响应

响应能力是司空见惯的，它已成为一项艰巨的要求。大多数客户是无穷的移动设备已准备好提供响应式解决方案，因此该卡诞生了。为了满足各种屏幕尺寸的需求，基于卡片的设计可以非常方便地帮助用户专注于特定内容，同时也使设计人员能够以合理和简洁的方式设计内容的布局。

2，有序

令人困惑的网站令人头疼。当我们在页面上组织不同类型的元素时，卡片设计可以为这些内容的布局提供精彩的排序。这对设计师和用户都很好。 Kelsey Drake的网站可能会显示此功能。

3，易于阅读

卡片设计的一个非常重要的特点是它们所包含的信息非常简洁，这使得它们非常有趣和吸引人，但它也使得网站的内容相对单一。诸如NamesForChange.org之类的网站旨在使每张卡片生动且易于理解，而无需付出任何努力。

4，受到社交媒体平台的青睐

想想社交媒体网站是如何构建的？他们需要的是清晰，易于阅读和快速的演示。考虑到卡的设计，你没有找到它们之间的联系吗？最着名的名片设计例子是Pinterest和Dribble！

5.平等

卡片设计的另一个特点是平等。这里的平等当然不是绝对的。也就是说，对于卡片设计中的每张卡片，其在整个网页中的重要性几乎相同。这也为每个人节省了排名内容的麻烦。看看AHH网站，你就会明白。

6，通用性强

卡片设计几乎可用于任何行业的任何用途，其创意灵活性非常大。设计风格可能没有明确的结论，给设计师一个非常大的创作空间。拿着网站Futurefabric.co.uk，设计师使用卡片设计来展示他的不同类型的作品。

来点！作为UI设计师，如果您想要应用卡片风格，您需要注意以下这些地方（以下是我的经验）

1，留空

白色空间是一个老话题，但是卡片设计可以很容易地忽略这个问题，因为你的注意力集中在卡片上。如果你不小心，你会陷入混乱。您必须充分利用空白空间（或称负空间）。不仅是卡外的空白空间即使在卡片内部，产品展示区外的空间也需要小心处理。看看丹麦公司网站上的产品展示，并使用白色空间使网站非常流畅自然。

2，细节

卡片设计带来简单性，但同时它也必须强调一点，即内容的丰富性。这必须基于确定页面可以提供足够的页面内容来引导用户，否则用户只会感到无所适从。 Silk Tricky's（Silk Tricky）网站完美地平衡了内容的简单性和丰富性。它允许两张相邻的卡片一起显示相同的内容，一张图片和一张页面，并由于平铺屏幕而切断页面。出于单调。它还利用“VIEW”突出显示按钮提醒并吸引用户点击细节。

3，不一样的地步

卡片设计具有可重复性，但并不意味着它一定是无聊的。不要害怕给你的项目添加迷人的个性。顾客可能不喜欢它并否决它，但它增加了创造某种东西的机会。令人眼花缭乱的小动画，独特的色彩风格或清爽的字体都值得尝试。就像白色边疆网站的努力一样。

4，使用网格

实际上，这篇文章并不需要太多的说明。 为了使网页看起来更加协调，网格可以被描述为非常宝贵。

自从卡片设计开始以来，这种风格已经在很多地方尝试过了。 以下显示了一个轻型网站中的一系列卡片设计示例。

DEMETER

昴宿

托特

ATHENA

SEAWEE

后记

卡设计的扩展几乎是无止境的，打开你的PS，看看你能想到多少卡设计布局？