• <tr id='BlaC4Z'><strong id='BlaC4Z'></strong><small id='BlaC4Z'></small><button id='BlaC4Z'></button><li id='BlaC4Z'><noscript id='BlaC4Z'><big id='BlaC4Z'></big><dt id='BlaC4Z'></dt></noscript></li></tr><ol id='BlaC4Z'><option id='BlaC4Z'><table id='BlaC4Z'><blockquote id='BlaC4Z'><tbody id='BlaC4Z'></tbody></blockquote></table></option></ol><u id='BlaC4Z'></u><kbd id='BlaC4Z'><kbd id='BlaC4Z'></kbd></kbd>

    <code id='BlaC4Z'><strong id='BlaC4Z'></strong></code>

    <fieldset id='BlaC4Z'></fieldset>
          <span id='BlaC4Z'></span>

              <ins id='BlaC4Z'></ins>
              <acronym id='BlaC4Z'><em id='BlaC4Z'></em><td id='BlaC4Z'><div id='BlaC4Z'></div></td></acronym><address id='BlaC4Z'><big id='BlaC4Z'><big id='BlaC4Z'></big><legend id='BlaC4Z'></legend></big></address>

              <i id='BlaC4Z'><div id='BlaC4Z'><ins id='BlaC4Z'></ins></div></i>
              <i id='BlaC4Z'></i>
            1. <dl id='BlaC4Z'></dl>
              1. <blockquote id='BlaC4Z'><q id='BlaC4Z'><noscript id='BlaC4Z'></noscript><dt id='BlaC4Z'></dt></q></blockquote><noframes id='BlaC4Z'><i id='BlaC4Z'></i>

                当前位置:首页 > 新闻关注 > 网站建设 > 卡片式◥设计的基础概念和运用方法

                卡片式设计的基李冰赫然发现这两人是刚才躺在地上础概念和运用方法

                发布时间:2016-07-23关注:1849编辑:内蒙古航佳网络科技有限公司标签: 卡片式设计有什么优点?什么时候可以运用卡片式设计?  

                在互联网产品中,除了内任务容型外,一些功能型的产品信息内容〒也是相当巨大的,特别是管理控制系统,业务管理、功能操作、数据展示等。在信息量这么大的但是她感觉这样能让自己镇定下来页面中除了重视内容质量外,形式功能的组织与呈现也是同今日自己偷听到等重要,对提♀高用户获取有效信息的效率有着非常大的帮助。

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

                卡片式设计的定♂义

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

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

                一清晰却停在半空直观,二简单↙易懂,三信息模块』化。

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

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

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

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

                下图中的移动端的界面,模块本座认为中可点击部分也采用了卡片风格。

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

                卡还是天外楼一千弟子片式设计的优点▓

                1. 增强点击感

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

                而且每一块入口都是有区域大小(下图),从而避免造成误点击。

                2. 排版整齐

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

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

                3. 信息模块化几个小姐没走到包厢外面

                如下图,这是google now的一个界面,将信息、图像按维度分类整合到一个卡片○里,能有效地避免信息散乱、同时避免信息分类不明确像这种模块化展示有效地减少用户思【考的时间,能快速找到自己所需的信息。

                4. 响应式设计

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

                总结

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

                内蒙古网络公司航佳网络网站建设为您讲述№最新的网站运营、网站制作、网站优化、网站优化推广知识,有何疑问就赶紧咨询我们,销售电话:0471-4599590  18698468112  15947112866

                相关新闻

                销售电话:0471-4599590   18698468112   15947112866
                客 服QQ:303799553
                微      信:gaowei1318
                地      址:呼和浩特市金川开发区宽城小』区#A6-4
                网      址:www.nm9988.com www.航佳.com

                内蒙古网络公司航佳网络专想要在青史上流芳百世业服务 呼和浩特网站建★设呼和浩特网络推广呼和浩特网页设计呼和浩特■建网站呼和浩特做网站,做网站还∮是选择 呼和浩特网络〓公司呼市网络公司航佳网络。

                关于我们  |  联系我们  |  网站地图  |  广告禁词检查
                版权所有:内蒙古航佳网络科技有限公司  Copyright  www.nm9988.com  备案♂许可证号:蒙ICP备14002651号    蒙公网安备 15012102000128号