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

网站设计

Website development

上海网站设计云智谈谈网页设计中的卡式设计

发布时间:2015-11-03 08:42:21

TAGS:客户体验,上海网页设计,企业网页设计,网页版式设计


8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司



8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

前言8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

“我要卡式的”,这是上一期客户在和我聊需求的时候说的第一个需求点。毫无疑问,卡式不论是适应PC还是手机都表现优秀。从在线商城到社交媒体网站,卡式设计成为特马资料qq群网页设计中的一股强大风潮且风头正劲。其中重要的原因想必就是它的灵活性。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡片,可以是任何形状、颜色和形式。但是总的来说,他们都包含了图片、图标和一些基本的文字信息,例如标题、客户名和位置信息。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

“然而,其风靡起来的核心还在于其简单性。你很少见到复杂的卡片设计,它之所以出现的目的就是为了引导客户去点击它”8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

作为特马资料qq群网页设计师,你该如何使用卡片?当在设计卡片时,你应该留意些什么?下面让上海特马资料最准群网站设计的云智来谈谈。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

是什么让卡式设计势不可挡**8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当提及实用性和美感,卡片式设计可谓当仁不让的雄踞上风。以下所列的特性也许是它能胜出的原因。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、响应式8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

响应式是个老生常谈,它成为了一项硬性需求。大部分客户都为各种层出不穷的移动设备准备好了响应式方案,那么卡式就是如此应运而生。在满足各种屏幕尺寸必需之上,卡式设计能非常便捷地帮助客户焦距到特定的内容,也让设计师在设计时合理又简洁地进行内容的布局。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、有序性8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

混乱不堪的网站令人头疼,当我们在整理页面不同种类的元素时,卡式设计就能为这些内容的排版提供一种奇妙的有序性。这对于设计师和客户来说全是项利好。Kelsey Drake的网站也许能展示出这一优点。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、易读性8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计一个非常重要的特性就是它们包含的信息非常简洁,这让它们变得有趣且引人入胜,但这也让网站内容变得比较单一,很快就一览无余。像NamesForChange.org这样的网站就把每张卡片都设计得生动且让人理解起来毫不费力。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、为社交媒体平台所青睐8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

想想一个社交媒体的网站是怎样建立起来的?它们必需的是清晰易读和快捷的展示方式。再考虑到卡式设计,你难道没有发现这之间的联系?著名的卡式设计的例子就是Pinterest和Dribble啦!8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、平等性8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计还有一个特性就是平等,这里的平等当然不是绝对的,也就是说,卡式设计里每张卡片,它在整个网页中的重要性是差不多相同的。这也就让各位省去了为内容进行等级排序的麻烦。不妨看看AHH的网站,你就能明白。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、通用性8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计几乎可以用于任何行业任何用途,它的创作弹性非常大。在设计风格上可以说没有任何定论,给了设计师非常大的可发挥的创意空间。就拿Futurefabric.co.uk这个网站来说,设计师利用了卡式设计去展示他的不同类型的作品。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计中我们应该留意什么8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

来到要点了!作为UI设计师,假如你要运用到卡片式风格的话,有这些地方是你必需留意的(以下是我的经验之谈)8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、留白8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

留白是老话题,但卡式设计会非常容易忽略这个难题,因为你的留意力焦点都在卡片上面,一不小心你就陷入到了一片混乱里。你必须善用留白(或者也叫负空间)。不仅是卡片外的空间,甚至卡片内部,对于产品展示以外的空间也必需谨慎的处理。看看Danish company网站的产品展示就运用留白,将网站做得非常流畅自然。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、细节8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计带来了简洁,但与此同时也必须强调一点,那就是内容的丰富性。这在一定基础上必须保证页面能提供足够多的页面内容来引导客户,否则客户只会感到茫然。Silk%20Tricky的网站完美地平衡了简洁性和内容丰富性,它让两个相邻卡片之间共同展示同一内容,一图一文,又削减掉页面因平铺的画面而显出的单调。它还利用了“VIEW”的高亮按钮来提醒和吸引客户点击进入详细。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、来点不一样的8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计有其重复性,但并不意味着它必须得单调沉闷。别怕给你的项目中增加点吸引人的个性化的东西。客户也许不喜欢而否决掉,但它增加了你为创作所付出的一种或许性。炫目的小动画、别具一格的配色风格或者是让人耳目一新的字体,这些都值得去尝试。就像White Frontier这个网站所做的努力一样。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、使用网格8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这一条本来不用多说,想要让网页看上去更协调,网格可谓功不可没。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

飞屋轻网站卡式设计范例8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

飞屋从卡式设计开始之初就在很多地方尝试了这一风格,下面展示一系列轻网站中卡式设计的样例。8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

DEMETER8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

MEROPE8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

THOTH8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

ATHENA8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

干货丨让我们谈谈<a href= target=_blank class=infotextkey>特马资料qq群</a>网页设计中的卡式设计8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

SEAWEE8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

178Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

后:8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

卡式设计的延伸几乎无穷尽,打开你的PS,看看你能想出多少个卡式设计的布局呢?8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


8Zw上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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

原文地址:/i,72,6201,0.html

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!