卡片式设计选用图象与文字描述相结合的方式将信息传达给受众群体,在有限的方形空间中设立了无限的可能性。
时迄今日, 卡片式设计早已不是一种设计发展趋势, 而是一种设计时尚潮流, 其知名度遍及于网页页面及挪动端应用场景中。
即然卡片式设计流行于当前的页面设计中,那么在界面的差异中卡片式设计必然存在一定的相似度。卡片式设计具有哪些标志性的特性,又适合应用在哪些设计场景中,就是我们主要关注和讨论的难题。
01 卡片式设计的特点
1. 多样的展现方式
在运用卡片设计的过程中,发生方式较多的是卡片颜色与背景底色有明显的颜色分类,即在视觉上能轻易区别卡片的存在,当鼠标光标飘浮在卡片上的时候会发生一层轻微的黑影。
另一种相对性简洁的设计形式是全部卡片掩藏于背景的背景色中,尽管视觉上缺少了方形卡片的存在,但访问的过程中仍能清楚地鉴别卡片中间组合的信息。
这种形式最大的亮点是呈现了及时的意见反馈实际效果,当鼠标光标飘浮或点一下卡片时,呈现的卡片与周围的信息有明显的区别。
2. 灵活的深度合理布局
页面设计中卡片的形式与日常生活实体线卡片的样式拥有如出一辙的效果——将图象与文本组合在一起来传递信息。和实体线卡片对比,页面中卡片的高度可以前后收放、灵活多变,保证有弹性地调整卡片内不一样容量的信息。
3. 直观的信息等级
在流式布局的操作界面中,每一个卡片全是单独存有的小个人,它们之间一同存有但是不互相影响,促成了页面的齐整统一,因此确保用户在巨大的信息量下也不至于造成错乱、找不到方向。
多数的卡片在有限的方形空间中承载着许多相关联的信息,具体内容不尽相同但信息的层级关系却类似。卡片里的新闻资讯虽然只是看起来简短的文章标题或引言,则是卡片身后真真正正有意义的具体内容可以展现是否的关键,因此卡片上信息层级的形象性显而易见,分明的等级可以引导用户的访问视野,有秩序地阅读与点一下。
02 卡片式设计的使用场景
1. 信息流(feed流)
信息流常见的展现形式包含以文字为主导、以照片为主导和以短视频为主导。文本为主的方式多出现在新闻资讯类的产品中,比如知乎问答、汽车之家论坛等。
优势是可以鉴别强、信息简约确立,通过对文章标题简洁的解决能快速告知客户卡片里的主要内容,吸引用户快速点击浏览。
照片为主的方式应用最多的要属Pinterest、花瓣儿这种网址,相比与文本,图片查看的速度相当快,一图胜千言,照片相比文本具备更强的视觉冲击和感召力,更容易吸引用户的注意力和点一下。
多数的设计中信息流的呈现方式目的是为了左右纵向翻转,在Plus X的网页页面设计中,使用了横着滚动的形式,照片信息为主的卡片整齐划一地呈现出来,见惯了上下滚动的设计,这类左右滑动的操作可以为客户增添了焕然一新的使用感受。
小视频的快速时兴为信息流注入了新鲜的魅力。短视频信息流的形式在淘宝直播间、抖音视频等手机端产品中运用比较多,视频画面一般布满全屏幕,最大限度地运用卡片式设计。
短视频具备图片和文字不具有的炫酷,满足客户的视觉感受,具有强烈的感观撞击力;沉浸式体验的页面设计让用户能够持续不断访问具体内容;只需要左右滚动这类简单操作模式便能转换短视频,适用范围普遍。
2. 发现页
卡片式设计本质上是不一样信息的结合解决。越来越多产品在发觉网页页面会使用不一样尺寸的卡片组成来突出主题信息,卡片灵活的排列与组合却让网页页面变得越来越标准。Flipboard作为一个资讯类服务平台,其设计和目前市面上别的同类的商品有着很大的差别。商品非常注重卡片式的设计,运用卡片来注重信息次序,统一的方式围绕在整个产品中。
根据微信公众平台而迅速崛起的微信阅读也同样重视卡片式的设计,在商品的发现页使用了左右滑动的卡片款式,每一个卡片中都包含不同类型的信息,充足释放了信息的传送而不至于局限在小小显示屏中。书柜也使用了标准的卡片构造,井然有序的排序产生清楚最易读的体验。
结束语
卡片式设计的流行一样归功于自身的协调能力,这类设计方式在跨机器设备、跨屏幕上拥有纯天然的优势, 也更加好用,为设计带来了更多的组成方式,给观众增添了良好的使用感受。
对生活当中实体线卡片的了解,也让我们习惯接纳这类设计形式的发生。卡片也不是万能的,设计师要做的是在正确的场景中科学地运用卡片式设计。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。