永宁网站建设推荐:Web设计中卡片布局的探讨

永宁网站建设推荐

Web设计是非常动态的。你总能看到随着新技术、趋势和风格的出现而重新构建的网页设计景观。现在,随着新设计框架卡片的使用,景观又一次发生了变化。

卡片现在几乎无所不在-从房地产到新闻网站,它们都在那里。事实上,推特、脸书和谷歌等大牌已经入围了。


然而,对于基于卡的设计有很多误解.但是有一件事是肯定的-一张卡片不仅仅是你网站中的一个盒子或一个长方形。这不仅仅是一个设计。要使某一种设计符合卡片的要求,它必须具有功能,并且是独立的.如果可能的话,它也应该是可翻转的。

也许,对于基于卡片的设计来说,最清晰的比喻是薄煎饼-它是扁平的,但它有两个方面。这是一张卡的第一个标准-它必须有两面。它不一定要翻转,但每一张卡片都应该包含一个信息的概述和更多的选项,让你进一步参与。一张卡片不只是包含一条信息,而是嵌入了一个邀请去做更多的事情。

简而言之,一张卡片不只是一个美丽的设计,而是关于那个美丽设计的可用性。

不同类型的卡片设计风格

自开始永宁网站建设推荐以来,Web设计中的卡片经历了样式的显著变化。它将自身嵌入到杂志、网格、平面设计和引脚样式设计格式中的核心模式中。

以下是不同的卡片设计风格:

1.平面设计

最早的基于卡片的平面设计的例子是微软在2006年推出的,它是基于地铁排版设计语言的,这种设计语言既粗壮又色彩斑斓。现代版本,然而,采取更多的梯度,阴影和纹理的斜形设计技术。

2.杂志式设计

3.销式

Pinterest体现了这种风格,成为WordPress主题的流行趋势。在早期阶段,卡片只包含链接和特定的内容。现在,它已经有了更多的链接和内容样式,包括视频、表单、图像和社交共享工具。在一些接口中,卡片包括小交互,比如facebook通知。

4.栅格样式

也被称为砌体风格,它包含块,连接完美或整个布局间隔。一些设计有容器风格的图案,这是编织在一起的,而其他的展示图像和图形在一个更纯粹的网格。

如何在项目中有效地使用卡片?

卡式架构之所以流行有很多原因。它的一些优点是:

  • 许多设计风格都与这种格式兼容,从平面到复杂不等。
  • 它在响应性框架中运行良好。
  • 它提供了一个有组织和结构化的外观,以获取大量的信息。
  • 它很容易共享。

这种设计架构没有固定的规则。然而,在网页设计布局中,有两个元素几乎总是存在于有效的卡片永宁网站建设推荐中-简单和丰富的内容体验。还有其他设计技术,有助于它的整体美学和功能。

空间,空间

在基于卡的设计中,一个常见的元素是空白.大量的空白是必要的,把聚光灯放在每一个元素,以便他们可以清楚地看到和理解。想象所有这些元素在一个600像素的区域内工作:一个标题、一个CTA按钮、一个图像和一个链接文本。

一条信息就够了

选择一个清晰的,危机图像

在基于卡片的设计中,图像是最重要的。因此,你需要使用一个伟大的形象,即使放在一个小空间,这会引起个别的注意。如果你没有一个形象,选择一个艺术风格的类型或一个非常有创意的标题,这将立即吸引用户。

你的排版应该把聚光灯放在你的形象上永宁网站建设推荐,而不是拿走它。要做到这一点,选择一个简单的字体,以易于阅读的颜色,如黑色和灰色.一些最流行的字体是中等到圆形无衬线,因为他们的中性设计感觉和容易阅读。还建议只使用一种不同大小的字体。

添加一个意想不到的细节

一个令人惊讶的元素会产生奇迹。尝试添加一个意想不到的细节,如3D效果或角度边缘,给你的设计一些天赋和重点。其他证明有效的技术是悬停效应和颜色覆盖。您还可以只对内容中最重要的部分施加影响,以平衡每张卡片的视觉权重。

建立一个开放的网格

每个卡片中的元素都很重要,每个元素之外的空间也是如此。创建一个网格框架,该框架包含一些类型的对比,以及每张卡片之间一致的间距,为每个元素提供足够的空间。当您考虑断点可能落在响应性布局中时,这就变得更加重要了。

别忘了可用性

设计不仅仅是美学,还有可用性。无论是单击订阅按钮、阅读文章的其余部分,还是购买项目,设计都应该激励用户采取行动。您的界面的最终目标是提供简单的交互,这将引导您的用户执行任何这些操作。

除此之外,您还应该考虑每个交互是如何工作的,特别是在移动平台中。因此,你也应该超越点击,尝试滑动或点击。此外,确保按钮是高度可见和易于使用,有足够的空间之间的对象,以防止接触错误的按钮或行动。

准备好你的卡片

创建一个电子表格,列出要测试的所有东西或项目。这些可以包括产品类别、标签或站点地图中的页面。把每一项都写在一张卡片上,并在另一边放一个数字。如果要创建一个庞大的系统,请将这些任务分解为块。

选择要使用的流程

在组织和分析结果时,可以选择是运行单个会话还是组会话。您的选择将取决于您正在构建的系统有多复杂,以及您的时间和预算。如果你要进行一次小组会议,最理想的参与者人数至少有15人,这样才能产生统计上有用的结果。

寻找参与者

一旦您准备好了所有的工具和过程,现在是寻找参与者的时候了。寻找那些已经是网站用户的人,或者那些熟悉你想要建立的利基或系统的人。

Get Everything Ready

在永宁网站建设推荐卡片排序会话开始之前,向参与者提供明确的指示。解释你想把卡片组织成对他们有意义的组,并且没有错误或正确的答案。随着会议的进行,您还可以充当主持人,回答参与者可能有的问题。

Analyze

一旦分类过程完成,就该进行分析了。通过寻找出现在一起最多的项目、新制定的标签、放置在多个组中的项目以及参与者难以分类的项目,了解相互关联的趋势和事物。

卡片是最灵活的布局格式之一,创造了一致的用户体验。它们在美感上也是令人赏心悦目的。而且,由于用户一直在寻找如何快速获取更多信息的方法,基于卡的设计提供了快速和简单的信息。