预约成功
《有效的卡片式设计完全指南》中的这7条最佳用法:
留白。
运用足够的边界和边距来避免杂乱。
一张卡片一件事。
卡片能简化你的网站结构。不要让每张卡片过于复杂,破坏了这层基础。
合适的图片。
卡片中的图总是比较小,要确保图片清晰、裁剪得当,适合相应的场景。
简洁的字体。
由于文字也很小,简洁的字体最易辨识。选用简洁优美的字体,避免使用装饰性字体。
发挥创意。
付出额外的努力让它别具一格,使用诸如动画效果、视频、圆角、或新颖的配色。
使用开放的栅格。
标准的栅格有助于保持间距一致,同时包容各种尺寸和断点。
贯彻菲兹定律。
正如我们在《交互设计最佳实践》中所描述的,菲兹定律(同样适用于卡片)建议整个卡片都可以点击——而不仅仅是上面的文字或图片。这使得用户操作更轻松。浅色与深色卡片首先要面临的抉择,是使用浅色还是深色的配色。两种各有利弊;白色或浅色的配色最普遍,但深色在移动应用上正在变得流行。
关于卡片式界面设计有一种批判的声音,它使各种元素看起来过于相似了——所以需要挥洒创意、打破陈规。总结色彩正是让卡片式设计独具一格的因素。选择所用技巧时,要考虑色彩如何最好地与品牌相结合,并为用户服务。好啦,今天的平面设计课堂:卡片式设计的7条最佳用法就到这里啦,请多多多关注环球网校~我们下期再见。