新闻中心

当前位置:首页 >> 新闻中心

卡片设计

时间: 2017-6-12    信息来源:

 

    在互联网中,除了内容型外,一些功能型的产品信息内容也是相当巨大的,特别是管理控制系统,业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视呢绒质量外,形式功能的组织与呈现也是同等重要,对提高用户获取有效信息的效率有着非常大的帮助。

    形式功能的组织与呈现其实讲的是设计排版上的问题,当然对设计师排版功力也要相当的要求。这种排版优化的方法有很多种,我这里主要围绕卡片式设计的理论进行深入探讨,相信大家对卡式设计已非常熟悉,虽然已流行了好多年,但是设计形式并不是随着使用年龄的增长而消失。

    在生活中,我们经常接触到各式各样的类似右图中的卡片,比如扑克牌、名片、机场和地铁的指示牌等等。清晰直观,简单易懂,信息模块化。比如扑克牌我们可以看出虽然只有一个图案,一组文字,但很清晰传达出这张牌所代表的含义;又比如机场和地铁的指示牌,采用了图标、字体元素,很清晰直观地引导乘客方向,这种由文字或图案组成的方块样式叫做“卡片式设计”深圳平面设计这种轻巧、简介的事物设计也被慢慢运用到虚拟设计当中。在信息量大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,对提高用户获取有效信息的效率有着非常大的帮助,这时应用卡片式的设计方式是不错的选择。

深圳产品画册设计

    现在卡片式设计的运用场景非常广泛,最有代表性的是微软Win8、metro风格,他们也是采用了大量的卡片式设计,据说这种Metro的设计灵感也来自于机场、地铁指示牌。另外google+\google play等很多谷歌产品也同样采用了这种设计,正是因为卡片式设计在微软、谷歌的产品界面的大量运用,很多互联网企业也纷纷采用这种设计,这是运用在PC段的界面,内容方面也都采用了卡片式设计,移动端的界面,模块中可点击部分也采用了卡片风格。

    卡片方块的高度和宽度的大小都市可以调整的,正是因为这种特性很适合用在响应式设计里,卡片在不同的平台展示,由于分辨率不同,卡片能自适应地展示,以上是卡片设计的优点。将信息、图像归类整合到一个方块里,清晰直观又避免页面因为信息多而散乱,卡片的排列方式是案列过着行的方式进行对其展示,视线沿着横向或者纵向浏览能快速找到想要的信息,此外,这种固定大小的卡片方块也有利于栅格化排版。页面按5个单元进行栅格,利用卡片方块的展示,很轻松的计算并调整它的大小进行栅格布局,将信息、图像按维度分类整合到一个卡片里,能有效的避免信息散乱、同事避免信息分类不明确,想这种模块化展示有效地减少用户思考的时间,能快速找到自己所需的信息。