企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

网站的卡片式设计

发布时间:2016-10-17 10:22:36

TAGS:网站设计

 一、什么是卡片式网站设计
pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

      卡片,你或许不熟悉这个术语,但是你绝对不会对卡片的概念感觉陌生。现在,卡片在网页设计中是普遍存在的,并且还将越来越流行。事实上,Google,Twitter和Facebook这三大受推崇的网页全是这么设计的,所以至少粗略的看一下卡片是很值得的。但是,因为我们不想在这浅谈,所以让我们直接深入地了解一下吧!把包含图片或文本信息的方块矩形作为可交互信息入口,UI呈现形式类似卡片的设计形态。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  在传统的信息集合设计中,人们往往先划定一个内容区域框架,再往框架内填充内容;而卡片设计则是以内容为核心,框架向内容妥协。在卡片式设计中,往往是先定好界面上应显示什么内容,然后再按照内容的呈现优先级进行排序,或者交由用户进行排序。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1476672430622878.jpgpKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

二、卡片设计有什么好处pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  (1)卡片具有良好的隐喻效果pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  现实生活中有各种各样的卡片形态不断教育着我们对卡片的认知,这些卡片是信息的集合。当卡片被应用于成电子产品的交互模型中时,卡片也代表着某一类的信息,并且可以点,有一定的交互预期。卡片是直接、言简意赅的信息表达。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  (2)卡片设计有利于自适应布局设计pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  对于多平台,多分辨率设备兼容,卡片式设计有不可比拟的优势。它将网站/App彻底的分解,将它们模块化,分解成一个个无法再解耦的部分。这些不可解耦的部分为元内容,比如微信的图文消息,文章的标题、缩略图和摘要出现时都是一个整体,不可分割。再次说明 卡片设计是以内容为核心,框架向内容妥协的设计。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  卡片作为一个内容容器,能很容易的放大或缩小,所以对于响应式的设计来说,卡片是一个非常合适的选择。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  (3)美pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  整齐划一的几何之美,看着就让人觉得赏心悦目。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联


pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站得卡片式设计.jpgpKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联


pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  三、避免使用卡片设计的场合pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  (1)宽屏幕,多栅格系统(列数非常多)界面pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  卡片式的信息展现形式在App上的展示效果非常不错,在PC 大屏上的话单就其视觉效果来讲也还可以,比如很流行的宽屏瀑布流,但一旦列数到了一定到程度时,用户的浏览是需要大范围扫视、接收大量相关性的信息然后再过滤筛选时,强行使用卡片式设计会让用户的使用效率降低,给用户带来信息获取障碍。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1476672493992772.pngpKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  (2)卡片内容过大(过长)的界面pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  在移动终端,卡片式设计对页面空间的消耗非常大,元内容之间的界限非常明显。如果卡片内容多长则容易导致一屏呈现的信息量很小。在这样的页面中强行使用卡片式设计,也就违背了卡片式设计信息集中、极简设计的原则了。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  四、北京网站设计公司总结pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  总而言之,需要对不同的信息进行整合,提高用户信息获取速度,减少用户思考时间时,卡片式设计是一个不错的选择。但设计是为了解决问题,如果因为设计而设计,强行使用卡片式,可能会得到相反的效果。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  网站设计找“云智互联”,专业的一线网站设计品牌网站!十几年的专业网站设计经验,资深设计团队,为您量身设计,我们拒绝模板,只做定制网站设计!一站式服务值得信赖。pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联


pKU北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6863,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号