网页卡片式设计

1、卡片式设计有什么好处？谢谢了，大神帮忙啊

Google 的产品中越来多的出现了“卡片”式的内容容器。国内的一些 App 上也能看到这一风格，卡片式设计可以让信息更规整，简单，提高阅读的速度和舒适性，但是用不用卡片式和产品的终端显示区域有关系，小屏幕低分辨率不适用。这涉及到信息流总量和单个信息丰富程度的平衡问题。

2、标题：原型设计中卡片式网页设计技巧有哪些？

详细滴卡片设计技巧：

卡片是我们随处可见的小UI组件，原因很简单，它们占用的空间非常小，并且可以显示足够的信息，通常还有1-2种选项。

为什么使用卡片：

卡片能够存在和流行，因为它们本身拥有简约的设计和良好的可用性，卡片将会继续流行。

卡片作为切入点，可以进一步展示更详细的信息。

卡片在视觉上也很令人愉悦，因为在大多数卡片上，卡片的图像为卡片赋予了风格。

它们自动适应Web和移动视图。

没有太多认知负荷，毕竟卡片无处不在，用户早已经很熟悉。

它们保持界面井然有序，且非常简约。

1.了解构造

UI中的“卡片”就相当于物理世界的卡片。它们可充当容器，将内部信息组合起来。

该原型使用墨刀设计

2.阴影/描边

阴影/描边有助于呈现出卡片的形态，至于你是想使用阴影还是描边，取决于UI的风格。

该原型使用墨刀设计

3.背景

卡片的好处在于：只要保证视觉上没有太繁多的对比，卡片的背景你可以随便“玩”。

该原型使用墨刀设计

4. 文本大小和重量

当字体较小时，用户会倾向于“细读”；而字体较大时，用户更倾向于“跳读”。如果字体粗细使用错误，会影响可用性和美观性。

5.对比度

卡片确实很小，因此对比度在分割信息和优先级方面起着重要作用。

6. 按钮

可以使用普通按钮、文本按钮或图标。在垂直卡片上，按钮通常放置在底部上；在水平卡片上则是在右侧或底侧。

7.间距和空隙

在可聚焦元素之间添加适当的空隙，也留足够的间距来对内部信息进行分组。

8.对焦和悬停。

要使卡片在鼠标悬浮时更明显，通常使用较暗的阴影或上升一点高度。

本文转自由墨刀翻译自Dorjan Vulaj 的8 rules for a perfect card design。

望采纳 谢谢~

3、如何在Android上实现卡片式设计

之前一直像Google+那样,上下滑动卡片特效非常赏心悦目,是android设计的一大亮点。从昨天起知乎android客户端没有这个特效了

4、谈什么是卡片式设计以及卡片式设计的优势

所谓成长，就是把原本看重的东西看淡一点，原本看淡的东西看重一点。人生就像蒲公英，看内似容自由，却都是身不由己。云来雁往，为寻一场归宿。错失了的幸福，就不要了，那不是幸福的归宿。好好赶路把，还有下一站的幸福。过去的，别留恋了。得到的，好好珍惜。

5、什么叫卡片式设计

详细资讯请到大腕互联官网查询.

6、android app 卡片式布局 怎样设计比较美观

看看有道词典、知乎这两个软件，它们已经很接近material desgin 设计。

7、如何评价 V6 新版新浪微博 Web 端的卡片式设计

1. 不论从卡片化还是「转发评论收藏点赞」等按钮的新布局来看，微博V6的设计都努力与移动端统一。

2. 那些截图一截就是两屏的，放出来肯定是满眼大量卡片，让大家看起来似乎的确是很乱。这和王自如用更斜的角度拍锤子手机有什么区别？而实际效果上，一屏的时候真的有那么乱吗？我觉得可以接受。

3. V6的卡片化有滥用吗？至少对于主体的信息流来说，我认为是没有的。顺便来看看微博竞品twitter的设计，twitter的信息流一般情况不会一条推就是一张卡片，只有展开某条推的时候才会独立变成独立的卡片。

8、为什么卡片式设计在UI中如此流行

卡片式的布局能够把信息、图像、文本、按钮、链接等一系列数据整合到各种矩形方框中专。这些模块可属以分层或移动，并都倾向于调整到全屏幕尺寸。如果你把它滑动到手机的一侧，它就会和其它的卡片堆叠在一起。

卡片能够合理利用空间，清爽的列出全部信息。而就像“2015年和2016年手机设计流行趋势”所指出的那样，最好的设计思路其实就是把每个卡片作为一个独立整体来设计。

卡片式设计能够成为流行趋势的一个最重要的原因就是——卡片式设计能够完美利用手机屏幕的空间，不但界面清爽，内容也一目了然。在大多数的交互场景下，卡片式设计与移动应用程序简直是绝配。而矩形的设计也能够完美体现出UI设计的简洁美。