若想要设计出体验足够好的卡片元素，需要有足够好的策略和审慎的构思；否则，你的设计很可能是个失败的产物。 当一种设计技巧或者设计手法趋近于成熟的时候，我们常常可以总结出足够完整的最佳实践了。在这个移动端逐步占据主导而桌面端设备仍然主导生产力的时代，强调同时兼顾两大平台的设计，是自然而然的事情。对于许多人而言，在桌面端和移动端上来回切换是一件非常平常的事情，设计师需要让设计兼容不同屏幕，而卡片式设计，正是这种语境下诞生，并且蓬勃发展到了今天。 无论主推卡片式设计的Android，还是卡片化元素越来越多的iOS，又或者是将卡片元素玩的得炉火纯青的Facebook、Twitter等巨头，我们可以清晰地看到卡片式设计的普及和巨大的能量。它足够整洁，有着良好的参与感，能够更好地组织内容，易于扩展且非常灵活。 同时，诸多的优势和可能性也意味着，你想要设计出体验足够好的卡片元素，需要有足够好的策略和审慎的构思，否则，你的设计很可能是个失败的产物。 先说说卡片式设计本身 在真正开始探讨卡片式设计的最佳实践之前，我们还是需要梳理一下卡片式设计的基本概念和它的优势。 UI中的卡片借用了现实世界中的卡片的特征和概念。通常UI中的卡片是矩形的，其中承载图像、文本、链接、按钮等不同元素。卡片是容器，但是通常一个卡片中会集中承载一种或以一种元素为核心的一小组元素。不同的元素在不同的卡片中各司其职，不同的卡片组合到一起，构成功能性的页面，或者组合。 典型的卡片结构 例如在一个电商网站中，设计师会使用卡片来承载类目列表，在设计媒体中，卡片被用来承载用户发出的一条条内容，在新闻类网站中，卡片则常常拿来承载不同的新闻。 卡片的优势也很明显： 承载着不同元素的卡片有着千变万化的玩法，适合用来展示尺寸不同，属性不同的各种元素。 响应性：卡片移动端屏幕当中显示效果颇为精美，移动端需要流畅而灵活的布局，这一点卡片非常合适。卡片使得布局更为灵活，三个卡片在桌面上可以显示为并排的3列，在移动端上可以纵向拍成1列，这两种布局都能贴合用户的阅读习惯。 组织性：卡片可以将不同类型的元素有效地组织到一起，无论是图片、视频、文本还是CTA按钮，由于卡片本身的灵活性，设计师可以灵活地、有针对性地调整每一个元素而不用担心影响其他的的元素。卡片构建出统一的用户模式，使得用户可以更好地、快速地完成任务。 极简：极简主义的设计是目前主流，也是流行的设计风格。极简主义风格下用户更容易理解内容，外观上也更为优雅。卡片式设计在精神上和极简主义相通。 卡片式设计最佳实践 有目的地使用卡片 虽然卡片在UI设计中功能强大，但是不要仅仅为了用而用。绝大多数设计师是为了利用卡片本身的强大组织性才采用这一设计元素。 当你的UI中有大量不同类型的元素，诸如图片、文本、列表、CTA按钮等，你需要借助卡片来整合。 所承载的元素展示的长度可变 用户不用考虑各种元素之间的尺寸差别 需要承载某些交互，比如输入框、按钮和链接等 保持简约 每个卡片承载一种元素，执行一个任务。各种不同的元素通常不应该混杂在一起，不同的卡片将它们分散开来，让它们互补干扰。如果同时需要不同属性的内容共同完成一个任务，那么要让它们靠在一起，多卡片协同。限制卡片中文本的数量，尽量不要添加段落。 引导用户关注最重要的信息或操作 善用卡片的层次结构，突出关键内容和信息。例如将承载管家信息的卡片放在顶部，还可以使用排版来突出关键的信息和交互。 精心选图 图片是UI当中视觉化元素的代表，它能让界面吸引人，也能让卡片脱颖而出。但是不是图片素质越好，对于UI就越好，图片必须要传达正确的信息，这是第一要务。图片在卡片内的位置，通常取决于它是主要内容还是支撑性的内容。 支撑微交互 卡片本身是交互式元素，卡片上的链接和按钮可以指向更为详细的信息，卡片内自然也可以承载更为多样的微交互。比如，将光标悬停于卡片之上的时候，可以触发显示其他的内容。 支持手势 移动端设计当中，手势是主要的交互。手势不仅具备可用性，而且有趣的手势和交互能够创造有趣和愉悦的体验。通过滑动来移动卡片，以及使用点击、长按来组织卡片，通过上下滑动来关闭卡片，早在webOS时代就已经有了。不过，要让整个手势交互的逻辑顺滑自恰，这样才能让体验无懈可击。 精心打磨 有创意的设计会让人眼前一亮。尺寸合理、大小合适的高清图片让人赏心悦目。精心打磨的细节令人看着就舒服。你应该尽量让卡片给人快乐和愉悦的体验。 结语 卡片式设计如果能够好好运用，对于整个体验的效果是明显而巨大的。现如今的设计师已经在卡片式设计上有了足够深入的探讨，多钻研实例能够让你更好地掌握这一设计技巧。 原文作者：CanvasFlip 原文地址：uxplanet
保险销售队伍口号下面是由美文阅读网整理的保险销售队伍口号，欢迎阅读。1、备战热身、提前酝酿、氛围炒作、强势启动（1）经营理念、宏伟口号：励精图治、精耕细作、虎霸天下、龙腾中华……该片造句用该片造句大全61，1940年，袁牧之、冼星海带着该片的全部摄影素材去苏联进行后期制作，但苏德战争爆发后，这批电影胶片素材不幸遗失，未能编成影片。62，此外，该片还吸引了雷恪生、马精武……上海市黄浦区营商环境考察报告2014年1月12日14日，聊城市政务服务中心、经济合作局、规划局派4人，赴上海市黄浦区、中国（上海）自由贸易实验区学习考察。期间，与黄浦区金融服务办公室（以下简称金融办）和部……绣球黑杆是怎么回事绣球黑杆与土壤、肥料和光水分有关，在养护期间，土壤未经过消毒感染病菌后，就会使绣球黑杆。过量的施肥或是肥料的浓度过高，根系被烧伤后会滋生细菌，会使绣球黑杆。生长期间过量的给绣球……手淫两年龟头特别敏感男生怎么能控制射精时间啊弟兄，做为有经验人我要告诉你，戒色是一等要事，戒色一段时间后你能发觉阴茎龟头不那麼比较敏感了，射精时间也可以非常好的操纵了。也有平常确保每日50个负重深蹲，长期性坚持不懈你能发……年八种正规的网络赚钱方式分享每种都能日赚几十块我们在网上赚钱最怕遇到的事情就是骗局，现在网络错综复杂，遇到骗局是常有的事情，所以选择正规的网络赚钱方式尤为重要，它直接关系着能不能在网上赚到钱，能赚多少钱的问题。老司机……孕期种腹痛如何对症解决孕妈咪最担心的就是肚子痛，因为心爱的胎宝贝就住在自己的肚子里，肚子疼可能直接影响宝贝的健康，或是预示着胎宝贝出了什么问题。那么，哪些因素会造成孕期腹痛？对胎宝贝是否会造成不好的……送往迎来2008年，荷兰收藏家倪汉克先生将家族三代历经几十年收藏的97件中国明清青花瓷器（含l件日本伊万里烧彩绘瓷器）捐赠给上海博物馆。这批景德镇烧造的青花瓷器当中除了4件是明代瓷器以……红粉台阁徒长了怎么办砍头修剪并节制浇水红粉台阁出现徒长，需要进行砍头修剪处理，将徒长的枝条截取掉，之后可用来扦插使用，之后将其放置在光照充足的位置，均匀的接受散光照射，节制浇水次数，保持干燥的生长环境，处了春季以及……带耳机耳朵疼如何保护耳部健康为了不影响身边人的正常休息工作，所以很多人喜欢在听音乐或者是工作时戴着耳机，结果长时间戴耳机就会让耳朵产生痛感。不仅如此，经常使用耳机对耳部健康的伤害是非常大的。如何才能缓解疼……秦始皇陵地宫之谜秦陵地宫果真有飞雁吗秦始皇陵自被发现之日起，一直处于还未挖掘的状态，不知是出于保护遗迹，还是怕皇陵内部机关重重。秦地宫内有哪些珍贵的随葬品？千百年来由此引发了许多神奇的传说故事。地宫飞雁就是一个十……卷叶蛾是果树的主要害虫吗卷叶蛾后翅浅灰褐色。卵长0。8～0。85毫米，扁平椭圆形，浅黄色。末龄幼虫体长18～26毫米，体黄绿色，头黄褐色，前胸背板近半圆形，褐色，后缘及两侧暗褐色，两侧下方各具2个黑褐……