|
卡片式设计很大程度上是灵活的,它能够整合各种形式的内容,图片、文本、动画效果、视频、按钮、链接等。只有你想不到的,没有它包含不了的。而且在网站中使用卡片式设计时,也没有一定的规则。虽然小飞在前面提到栅格系统的整齐有序,即使你不按照横列或竖列进行也没有关系,因为卡片本身就是基于几何美的,就是有规则的,所以充分发挥你的想象力吧,给各项元素来个别出心裁的组合吧。以Futurefabric.co.uk为例,它利用卡片式设计展示了许多不同风格的元素。
6.直观的可操作性 对于手机等触屏设备的用户来说,网站上的卡片式设计让他们觉得更直观,更有想要点击的欲望。一张卡片传递一个信息,想要了解详情就直接点击浏览,不想深入只需向左、向右滑动,查阅其他的内容。还有的网站需要用户向上或向下进行拖动实现内容的加载。在移动设备上人们更加习惯手势操作,因此卡片式设计在手机等触屏设备上的操作性很高。
怎样更好发挥卡片式设计的作用? 看完上面的栗子,我们已经知道卡片式设计的很多好处。是不是已经心动了?但是要想在自己的网站中用好卡片式设计,我们还需要注意以下几点。 结合正负空间 在卡片式设计中,我们首先要避免网站的杂乱无章。就像我们前面谈到的,卡片可以容纳各种形式的元素,尤其是在PC端上显示时(全部显示出来),各种形式的元素可能会让用户感觉网站混乱、拥挤。所以,我们需要利用正负空间让整体布局赏心悦目。简单来说,负空间就是指文字、图案本身所占用空间之外的空间,比如字间距和元素周围的空白,而正空间是相对于负空间而言的,结合正负空间就是重点把握图案、文字、背景组合的好坏,既要突出网站核心信息又要保证视觉感官的一致。丹麦的Helbak ceramics在这一点上就做的很好,适当的留白同有趣的图案相得益彰,整个网站给人舒适、柔和的感觉。
注意每个细节 卡片式设计就是为了保持网站的简洁明了,这意味着卡片上的每个细节都很重要,不管是图片、文本、链接还是按钮。一颗老鼠屎会坏了一锅汤,一个不恰当的元素会影响一张卡片的效果,进而破坏网站的整体布局。Silk Tricky实现了文本和图片的平衡,既能有效吸引用户又足够美观大方。它还使用了"浏览"图标,给访客提供引导。
加点"香料" 虽然卡片式设计很重要的一个特征就是排版整齐,这并不意味着每张卡片都是一成不变、毫无生气的。我们可以在卡片上添加一些元素,比如吸引人的动画、独特的配色或是大胆的字体,给每张卡片以截然不同的风格,让网站个性化十足。White Frontier就是个性化网站的典型。
使用网格 如果你没有太多时间或精力给自己的网站添加个性化元素或排版,那就使用网格吧。在卡片式设计中,这是最容易、最简单的一项准则。很多人都采用这一方法,因为它可以保证卡片上各项元素的整齐一致,让网站更具统一美,而且不论屏幕尺寸的大小它能完美的适应。
用户优先 不管我们想要将网站做成哪种风格,时尚潮流也好,平淡朴素也罢,最重要的坚持用户优先。我们只有结合网站行业特性,考虑目标用户的喜爱偏好,才能做出让他们眼前一亮的网站。与此同时,注重网站的可读性,将最重要的信息准确无误的传递给用户,将他们的注意力吸引到行为引导按钮上。Theclymb.com就选择使用了干净整洁的布局,卡片易于理解,导航元素也很清晰,方便用户体验。
在内容为皇的网站世界里,信息的组织和呈现形式也很重要。在这点上卡片式设计是很好的选择,用户可以通过它快速获取有效信息。不过,并不是所有的网站都适合卡片式设计,比如对于一些新闻或数据类的网站来说,列表式的设计方式可能更加紧凑,更能够满足用户的基本需求。所以在网站中使用卡片式设计还是应该"对症下药",三思而后行"。 (责任编辑:admin) |












