1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 卡片式设计是如何占领设计圈的?

卡片式设计是如何占领设计圈的?

424人阅读 2020-06-30 收藏

如你所见,迷人的卡式设计不仅是设计,的一种潮流,它已经变得流行起来。这种设计技术的流行很大程度上是由于移动终端占据了主流。反应灵敏的设计已经成为标准配置。简约、平实和简约比以往任何时候都更受欢迎,卡式设计自然成为每个人的选择。

卡片式设计是如何占领设计圈的?

使用卡设计的用户界面在加载速度、跨设备和跨屏幕兼容性方面有着天然的优势,更加实用。更小的流量消耗无疑满足了移动用户的需求。从已经投资设计,卡的Pinterest到Facebook和Twitter,设计卡几乎覆盖了主流领域的所有网站。在今天的文章中,我们将讨论卡型接口模式,它有什么特别之处,它如何与灵敏的设计和材料设计兼容,以及它的未来。

容器模型

为了理解这个设计模式,你必须首先理解卡片作为容器本身的特征。设计卡片中的卡片是信息的容器,每张卡片都有自己的内容。卡片可以承载几乎所有类型的内容,如——多媒体、文本、链接等。所有信息都通过卡片存储在一个统一的主题下。这些承载信息的容器充满了屏幕。这种设计模型被称为“集装箱模型”。这种设计提供了一个更清晰、更容易理解的界面,更适合快速浏览,这样用户可以更直接地寻找他们想要的东西。这个设计的另一个重要优点是,它更符合手势操作的需要。实用性和吸引力:卡用户界面模式的好处是多方面的

卡片式设计是如何占领设计圈的?


Trello允许用户创建任何想要的卡。团队中的每个人都可以创建一张“待办事项”卡,并根据他们的需求对其进行分类。这不仅显示了卡的灵活性,还显示了它的底层组织。特雷洛成功了。它的成功是基于不同于传统交易管理的设计,卡的灵活应用。

卡片式设计与移动端和响应式设计

如上所述,卡型设计与响应框架具有良好的兼容性,德斯特雷诺甚至称之为“网络的未来”。这种设计完全开放了桌面端和移动端。接下来,让我们分析一下原因。

卡片式设计是如何占领设计圈的?


首先,卡片网格系统可以扩展和收缩整个框架,以适应断点和屏幕大小。设计分部可以轻松灵活地控制卡的长宽比,从而创建不同的响应模式。例如,您可以将宽度设置为固定,高度设置为可变,并将卡片之间的宽度设置为一致。

卡片式设计是如何占领设计圈的?

看看Theverge的桌面和移动网络风格。卡片型设计为跨设备的网络浏览提供了一致的体验。UXPin的免费素材库也提供了相关的资源,并注意布局如何从移动端改变到桌面端。

卡片式设计是如何占领设计圈的?

卡片式设计是如何占领设计圈的?

卡式设计的另一个优点是它可以很容易地与手势操作兼容。在触摸屏上,卡式设计不需要额外的按钮来控制。当你需要控制内容时,最好直接通过卡片进行交互。将菲茨定律应用于网页设计:键盘覆盖的区域越大,交互就越容易。这张卡片不像一个大按钮吗?我们与尺寸太小的链接斗争了多少次?

卡片与Material Design

材料设计在很大程度上依赖卡片。整套设计规范和理念深深植根于纸牌的比喻中。如果你真的想试试卡式设计,直接用材料设计试试是个不错的选择。

卡片式设计的未来

由于卡式设计,反应堆的高可塑性,设计可能是受其影响最大的地区。在材料设计高度标准化的安卓平台上,APP开始大规模使用基于卡的设计。

卡片式设计是如何占领设计圈的?



1、技术革新

卡片式设计是如何占领设计圈的?


在不久的将来,这些卡片可能真的会灵活移动。随着网络性能的提高,卡中包含的多媒体内容将更加丰富。您可能会看到更详细的内容,甚至会自动更新内容,而不会影响您的体验。在过去,静态图片可能会被灵活的视频所取代,这种设计将逐渐流行起来。现在一些设计老师将使用GIF代替静态图片,这大大改善了体验。

2、深入互动

未来,该卡的功能可能远远超过目前的链接,具有越来越多的创新属性。就像我们在材料设计中看到的卡片一样,卡片中会有越来越多的独立互动和更多的图案。

卡片式设计是如何占领设计圈的?


Windows Phone中的卡片已经可以自动排序。这一新功能可能会延续到更多的领域,渗透到更多的用户群。

3、尺寸变化

的卡片尺寸通常是“越大越好”,所以越大的卡片可以容纳更多的细节和复杂的布局,这意味着用户界面在未来将有一个更愉快的视觉设计。交替使用小卡片和大卡片,分工明确,你将体验一个更自由的设计空间。

卡片式设计是如何占领设计圈的?


Arkitekter如何将不同大小的卡片变成导航的一部分,有些变成链接,有些只是提供静态信息。

4、可穿戴设备

多亏了谷歌眼镜,卡设计已经成为可穿戴设备用户界面设计的标准。虽然谷歌眼镜的发展处于相对停滞的阶段,有些人认为它在企业市场还有机会,但总的来说,它为可穿戴设备的用户界面设计开辟了一条新路。

卡片式设计是如何占领设计圈的?



结语

毫无疑问,卡设计已经成为几乎所有媒体和设备的中流砥柱。随着科技的发展,整个局面将会改变,但方向不会逆转。卡设计是大势所趋。目前的卡设计并不复杂,但它在未来的可能性取决于你的大脑洞有多大。


相关文章推荐

水彩效果,制作复古水彩画人像照片教程
汽车海报,设计沙尘暴主题汽车商业海报
色彩知识,如何玩转PS中的明度、色相、维度
解析!版式设计的视觉流程
幽默的设计!幽默图形基本设计方法
公益广告注意事项!
荷花后期,用Camera Raw轻松提亮暗部区域
汉字图像化设计与视知觉!
广告设计中的想象!非空想
排版知识,设计新手常犯的排版设计误区

特别推荐

上一篇>> 为你解析二十个奇思妙想的LOGO设计

下一篇>> 一份超实用的设计规范制定指南

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部