什么是卡片式网站设计?卡片式网站有什么优势？

什么是卡片式网站设计?卡片式网站有什么优势？

卡片式网站设计——顾名思义：把包含图片或文本信息的方块矩形作为可交互信息入口，UI呈现形式类似卡片的设计形态。

　　在传统的信息集合设计中，人们往往先划定一个内容区域框架，再往框架内填充内容;而卡片设计则是以内容为核心，框架向内容妥协。在卡片式设计中，往往是先定好界面上应显示什么内容，然后再按照内容的呈现优先级进行排序，或者交由用户进行排序。

　　二、卡片设计有什么好处

　　(1)卡片具有良好的隐喻效果

　　现实生活中有各种各样的卡片形态不断教育着我们对卡片的认知，这些卡片是信息的集合。当卡片被应用于成电子产品的交互模型中时，卡片也代表着某一类的信息，并且可以点，有一定的交互预期。卡片是直接、言简意赅的信息表达。

　　(2)卡片设计有利于自适应布局设计

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

　　卡片作为一个内容容器，能很容易的放大或缩小，所以对于响应式的设计来说，卡片是一个非常合适的选择。

　　(3)美

　　整齐划一的几何之美，看着就让人觉得赏心悦目。

　　三、避免使用卡片设计的场合

　　(1)宽屏幕，多栅格系统(列数非常多)界面

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

　　(2)卡片内容过大(过长)的界面

　　在移动终端，卡片式设计对页面空间的消耗非常大，元内容之间的界限非常明显。如果卡片内容多长则容易导致一屏呈现的信息量很小。在这样的页面中强行使用卡片式设计，也就违背了卡片式设计信息集中、极简设计的原则了。

　　总而言之，需要对不同的信息进行整合，提高用户信息获取速度，减少用户思考时间时，卡片式设计是一个不错的选择。但设计是为了解决问题，如果因为设计而设计，强行使用卡片式，可能会得到相反的效果。

【关键词标签】什么是卡片式网站设计?卡片式网站有什么优势？    (PC+手机)响应式网站建设

• 在Google搜索引擎上做外贸推广，要懂..
• 为什么外国买家宁可花高一点的价格向外贸公..
• 英文网站建设用什么编码才不会出现乱码?
• 小公司需要做网站吗？来了解下小公司网站制..
• 惠州做网站如何展示企业产品
• 惠州做网站：响应式网站建设——想变就变！
• 惠州做网站,手机网站建设的重要性！
• 外贸建站——怎样才能提高外贸网站优化质量..
• 惠州做网站多少钱？惠州做网站,技术派带您..
• 惠州做网站,科学策划分析_价格务实靠谱!
• 惠州建网站——设计英文网站要注意什么？
• 三行与您分享下：建设外贸B2C独立商城的..
• 外贸网站建设的潜在雷区都有哪些呢？
• 手机数码产品外贸网站设计要注意哪些要点
• 外贸企业如何做好英文网站推广,英文网站建..