ui培训学校哪家好？上海跑赢职场期待你的加入！！！

以下是上海跑赢职场金老师为你介绍以下：移动App的设计风格

卡片式设计

卡片是交互信息的承载体，通常以矩形的方式呈现，就像信用卡。所有卡片的主要特点就是交互性。它们不仅仅提供了信息，而且用另外一种委婉的方式要求一次互动。卡片通常包括与用户交互的方法。

卡片式设计是在栅格的基础上更进一步将整个页面的内容切割为N个区域，不仅能给人很好的视觉一致性，而且更易于设计上的以迭代。这样的设计在处理PC和移动多平台一致性时有很好的效果。现在卡片设计的应用场景非常广泛，最为常见的就是浏览器上的选项卡了。浏览器把要浏览的网页做成一个一个卡片的样子，用户可以来抽取、移动和删除这些卡片，若干个选项卡还可以独立成浏览堆栈，显得非常方便。Google全线产品都努力趋向简洁，其中，卡片式设计为Google最重视的元素。

Google的这种卡片式设计一改之前信息显示的杂乱无章，在某种意义上甚至从新定义了信息显示。首先，它直接排除了多余的信息，尤其是广告；其次，它淘汰了超链接，能让用户专注于信息本身而不是寻找信息。另外值得一提的是，Google卡片能在各种尺寸的屏幕上实现无差别体验，甚至是在Glass上也一样。

对于移动设备碎片化的屏幕来说，卡片是完美的设计形式。在手机上，卡片通常以垂直方式展现（如信息流）。在平板上，卡片也可以以水平方式呈现（当平板横置时，可添加一栏新内容），卡片的高度可根据内容进行调整。总结起来，卡片式设计具有如下优点：

￭卡片能够抓住眼球。相对于过度的无理由的文本，卡片是更好的选择。

￭卡片是响应式的。卡片可以很好地帮助手机浏览器实现响应式设计。

￭卡片易读。因为空间有限，卡片不能说得太多，但是这是一件好事！读者如果想要知道更多的话就会点击它。

￭卡片是可共享的，卡片使读者能够快速并轻松地通过社交、手机和邮件平台分享内容。目前，卡片式设计主要用老解决三类问题：

1）信息分类。例如Google+,把feed信息做成卡片样式易于浏览，常见的瀑布流式

局的信息展示其实也是一种卡片布局。

2）导航。例如Evernote或Vu应用里的卡片，类似传统Tab栏的功能来区分不同的内容和功能，在移动端使用居多，与手势操结合，易于理解和操作。

3）任务管理。卡片式设计运用在移动端可实现多任务管理。

卡片式设计自身也有一定的局限性，它对页面空间的消耗非常大，并且将内容元之间行割裂，导致一屏呈现的信息量很小。所以当用户的浏览是需要大范围扫视、接收大量相关性的信息然后再过滤筛选时，强行使用卡片式设计会降低用户的使用效率，带来不必要的麻烦。

但是这种局限性也为设计带来更好的体验，正如Android的用户体验总监MatiasDuarte所说：“这种限制迫使我们要做到‘专注’，要特别注意界面的视觉凝聚力，迫使我们在一张卡片上只放置一张图像，这样整个布局就会显得很整洁。”这样一来，就不用考虑多图情况下的排版问题了。