• 致父亲——习近平与父亲的家国情 2019-09-18
  • Conférence de presse du Premier ministre chinois 2019-09-08
  • 安琥的《琥式情歌》, 是工业时代的原生态情歌情歌 安琥 2019-09-08
  • 备战假日旅游,你有ROCK吗? 2019-09-06
  • 西部生态脆弱区产业转型升级优化路径 2019-09-06
  • 昆明 —频道 春城壹网 七彩云南 一网天下 2019-08-29
  • 冯潇霆淡出国家队他可挑起大梁!能力被名帅们看好 2019-08-29
  • “蛟龙” 吸引世界目光(砥砺奋进的五年·重大工程巡礼) 2019-08-21
  • 泰国力争今年吸引1000万中国游客 2019-08-20
  • 漂洋过海的中国迷:传奇“中国通” 这位大使在华50年圈粉无数 2019-08-19
  • 小长假前两天,广州哪些文化场馆最火爆? 2019-08-19
  • 人民日报评论员:坚持走中国特色强军之路 2019-08-15
  • 雪佛兰迈锐宝降2.5万 不仅靠颜值吃饭 2019-08-15
  • 梨子的滋味说不清楚就要亲口偿偿,什么不提倡在一些省搞社会主义,在一些省搞自由市场经济呢,却把这一理念转移方向呢? 2019-08-12
  • 可怜的大神,这会儿就剩麻子陪你聊天了[可怜] 2019-08-12
  • 当前位置:辽宁12选5中奖规则 > 新闻关注 > 网站建设 > 卡片式设计的基础概念和运用方法

    卡片式设计的基础概念和运用方法

    辽宁12选5中奖规则 www.2v2y.com 发布时间:2016-07-23关注:1905编辑:内蒙古航佳网络科技有限公司标签: 卡片式设计有什么优点?什么时候可以运用卡片式设计?  

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

    上面所说的形式功能的组织与呈现其实讲的是设计排版上的问题,当然对设计师排版功力也有相当的要求。这种排版优化的方法有很多种,我这里主要围绕卡片式设计的理论进行深入探讨,相信大家对卡片式设计已非常熟悉,虽然已流行了好多年,但是设计形式并不是随着使用年龄的增长而消失,芝加哥学派路易斯.H.沙利文提出过:“形式追随功能”就能说明这一点。最近笔者在项目改版中也运用了相关卡片方法,发现效果不错,所以希望借在项目里的思考与尝试,抛出引子,供大家参考。

    卡片式设计的定义

    在生活中,我们经常接触到各式各样的类似右图中的卡片,比如扑克牌、名片、机场和地铁的指示牌等等。

    如上图,大家可以看出,他们普遍具有以下特点:

    一清晰直观,二简单易懂,三信息??榛?。

    比如扑克牌我们可以看出虽然只有一个图案,一组文字,但很清晰传达出这张牌所代表的含义;又比如机场和地铁的指示牌,采用了图标、字体元素,很清晰直观地引导乘客方向,这种由文字或图案组成的方块样式叫做“卡片式设计”。这种轻巧、简洁的实物设计也被慢慢应用到虚拟设计当中。

    如上图,现在卡片式设计的应用场景非常广泛,最有代表性的是微软Win8、Win Phone 7的metro风格,他们也是采用了大量的卡片式设计,据说这种Metro的设计灵感也来自于机场、地铁指示牌。

    另外google +、 google play等很多谷歌产品也同样采用了这种设计,如下图

    正是因为卡片式设计在微软、谷歌的产品界面的大量运用,很多互联网企业也纷纷采用这种设计,这是应用在PC端的界面,内容部分也都采用了卡片式设计,如下图:

    下图中的移动端的界面,??橹锌傻慊鞑糠忠膊捎昧丝ㄆ绺?。

    这是印刷类的杂志界面,如下图杂志里的部分展示信息,也采用了这种卡片式风格。

    卡片式设计的优点

    1. 增强点击感

    这是诺基亚手机的win phone系统(下图),系统桌面的所有内容都是一个个小方块展示,类似一个块状类的按钮,让人联想到是可以点击的操作入口:

    而且每一块入口都是有区域大?。ㄏ峦迹?,从而避免造成误点击。

    2. 排版整齐

    如下图,将信息、图像归类整合到一个方块里,清晰直观又避免页面因为信息多而散乱,卡片的排列方式是按列或者行的方式进行对齐展示,视线沿着横向或者纵向浏览能快速找到想要的信息,此外,这种固定大小的卡片方块也有利于栅格化排版。

    比如下图,页面按5个单元进行栅格,利用卡片方块的展示,很轻松地计算并调整它的大小进行栅格布局

    3. 信息??榛?/strong>

    如下图,这是google now的一个界面,将信息、图像按维度分类整合到一个卡片里,能有效地避免信息散乱、同时避免信息分类不明确像这种??榛故居行У丶跎儆没伎嫉氖奔?,能快速找到自己所需的信息。

    4. 响应式设计

    卡片方块的高度和宽度的大小都是可以调整的,正是因为这种特性很适合用在响应式设计里,卡片在不同的平台展示,由于分辨率不同,卡片能自适应地展示,以上是卡片设计的优点。

    总结

    在信息量大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,对提高用户获取有效信息的效率有着非常大的帮助,这时应用卡片式的设计方式是不错的选择。

    辽宁12选5中奖规则航佳网络网站建设为您讲述最新的网站运营、网站制作、网站优化、网站优化推广知识,有何疑问就赶紧咨询我们,销售电话:0471-4599590  18698468112  15947112866

    销售电话:0471-4599590   18698468112   15947112866
    客 服QQ:303799553
    微      信:gaowei1318
    地      址:呼和浩特市金川开发区宽城小区#A6-4
    网      址:辽宁12选5中奖规则 www.2v2y.com www.航佳.com

    辽宁12选5中奖规则航佳网络专业服务 辽宁12选5中奖规则、 辽宁12选5中奖规则、 辽宁12选5中奖规则、 辽宁12选5中奖规则, 辽宁12选5中奖规则,做网站还是选择 辽宁12选5中奖规则、 辽宁12选5中奖规则航佳网络。

    关于我们  |  联系我们  |  网站地图  |  广告禁词检查
    版权所有:内蒙古航佳网络科技有限公司  Copyright  辽宁12选5中奖规则 www.2v2y.com  备案许可证号:辽宁12选5中奖规则    蒙公网安备 15012102000128号  
  • 致父亲——习近平与父亲的家国情 2019-09-18
  • Conférence de presse du Premier ministre chinois 2019-09-08
  • 安琥的《琥式情歌》, 是工业时代的原生态情歌情歌 安琥 2019-09-08
  • 备战假日旅游,你有ROCK吗? 2019-09-06
  • 西部生态脆弱区产业转型升级优化路径 2019-09-06
  • 昆明 —频道 春城壹网 七彩云南 一网天下 2019-08-29
  • 冯潇霆淡出国家队他可挑起大梁!能力被名帅们看好 2019-08-29
  • “蛟龙” 吸引世界目光(砥砺奋进的五年·重大工程巡礼) 2019-08-21
  • 泰国力争今年吸引1000万中国游客 2019-08-20
  • 漂洋过海的中国迷:传奇“中国通” 这位大使在华50年圈粉无数 2019-08-19
  • 小长假前两天,广州哪些文化场馆最火爆? 2019-08-19
  • 人民日报评论员:坚持走中国特色强军之路 2019-08-15
  • 雪佛兰迈锐宝降2.5万 不仅靠颜值吃饭 2019-08-15
  • 梨子的滋味说不清楚就要亲口偿偿,什么不提倡在一些省搞社会主义,在一些省搞自由市场经济呢,却把这一理念转移方向呢? 2019-08-12
  • 可怜的大神,这会儿就剩麻子陪你聊天了[可怜] 2019-08-12
  • 北京5分赛历史 快速赛车在线计划 山西泳坛夺金规则 在线炸金花网络游戏 欧美美女人体摄影图片 云南十一选五走势图表一定牛 大乐透开奖结果 长春红灯区哪里最多 街机电玩捕鱼游戏加盟价格 澳洲幸运10骗局 时时缩水在线 甘肃快三今日和值走势图 北京pk结果的广播 体彩幸运赛车开奖规则 山东时时后一走势 百度彩票