作为网页设计师,你该如何使用卡片?当在设计卡片时,你应该注意些什么?下面让我们来谈谈。
当提及实用性和美感,卡片式设计可谓当仁不让的雄踞上风。以下所列的特性也许是它能胜出的原因。
1、响应式
响应式是个老生常谈,它成为了一项硬性要求。大部分客户都为各种层出不穷的移动设备准备好了响应式方案,那么卡式就是如此应运而生。在满足各种屏幕尺寸需要之上,卡式设计能非常便捷地帮助用户焦距到特定的内容,也让设计师在设计时合理又简洁地进行内容的布局。
2、有序性
混乱不堪的网站令人头疼,当我们在整理页面不同种类的元素时,卡式设计就能为这些内容的排版提供一种奇妙的有序性。这对于设计师和用户来说都是项利好。Kelsey Drake的网站也许能展示出这一特点。
3、易读性
卡式设计一个非常重要的特性就是它们包含的信息十分简洁,这让它们变得有趣且引人入胜,但这也让网站内容变得比较单一,很快就一览无余。像NamesForChange.org这样的网站就把每张卡片都设计得生动且让人理解起来毫不费力。
4、为社交媒体平台所青睐
想想一个社交媒体的网站是怎样建立起来的?它们需要的是清晰易读和快捷的展示方式。再考虑到卡式设计,你难道没有发现这之间的联系?最著名的卡式设计的例子就是Pinterest和Dribble啦!
5、平等性
卡式设计还有一个特性就是平等,这里的平等当然不是绝对的,也就是说,卡式设计里每张卡片,它在整个网页中的重要性是差不多相同的。这也就让大家省去了为内容进行等级排序的麻烦。不妨看看AHH的网站,你就能明白。
6、通用性
卡式设计几乎可以用于任何行业任何用途,它的创作弹性非常大。在设计风格上可以说没有任何定论,给了设计师非常大的可发挥的创意空间。就拿Futurefabric.co.uk这个网站来说,设计师利用了卡式设计去展示他的不同类型的作品。
来到重点了!作为UI设计师,如果你要运用到卡片式风格的话,有这些地方是你需要注意的(以下是我的经验之谈)
1、留白
留白是老话题,但卡式设计会非常容易忽略这个问题,因为你的注意力焦点都在卡片上面,一不小心你就陷入到了一片混乱里。你必须善用留白(或者也叫负空间)。不仅是卡片外的空间,甚至卡片内部,对于产品展示以外的空间也需要谨慎的处理。看看Danish company网站的产品展示就运用留白,将网站做得非常流畅自然。
2、细节
卡式设计带来了简洁,但与此同时也必须强调一点,那就是内容的丰富性。这在一定基础上必须保证页面能提供足够多的页面内容来引导用户,否则用户只会感到茫然。[Silk Tricky](Silk Tricky )的网站完美地平衡了简洁性和内容丰富性,它让两个相邻卡片之间共同展示同一内容,一图一文,又削减掉页面因平铺的画面而显出的单调。它还利用了“VIEW”的高亮按钮来提醒和吸引用户点击进入详细。
3、来点不一样的
卡式设计有其重复性,但并不意味着它必须得单调沉闷。别怕给你的项目中增加点吸引人的个性化的东西。客户也许不喜欢而否决掉,但它增加了你为创作所付出的一种可能性。炫目的小动画、别具一格的配色风格或者是让人耳目一新的字体,这些都值得去尝试。就像White Frontier这个网站所做的努力一样。
4、使用网格
这一条其实不用多说,想要让网页看上去更协调,网格可谓功不可没。
飞屋从卡式设计开始之初就在很多地方尝试了这一风格,下面展示一系列轻网站中卡式设计的样例。
别怪我没提醒,以上网站均为免费开源!网站的申请地址可以点击这里,或者进入到飞屋的轻网站频道。
卡式设计的延伸几乎无穷尽,打开你的PS,看看你能想出多少个卡式设计的布局呢?
网站建设 服务流程
一、客户提出需求:
客户通过电话、电子邮件或在线订单方式提出自己 网站建设 的基本需求,包括:
公司介绍;
网站设计开发预算范围;
基本功能需求;
基本设计要求;
二、我们提供“解决方案和报价”:
回答客户的咨询,对客户的需求予以回复,提供实现方案和报价以供客户参考和选择。
三、确定合作意向:
双方以面谈、电话或电子邮件等方式,针对项目内容和具体需求进行协商。并签订合同支付预付款。
四、提供材料:
客户提供项目所需文字资料(电子稿)与图片素材,以光盘或者任何存储媒介传送我方;
我方将开始进行风格设计。
五、设计制作:
我方按照需求说明进行设计,并向客户提供首页设计稿;
客户审核并确认设计稿后,我方进行整站设计开发。
六、客户验收:
所有设计文件统一上传到我方测试用服务器上,客户在规定的时间内上网浏览验收;
验收项目包括链接的准确性和有效性、页面是否真实还原设计稿、文字内容的正确性(以客户提供的电子文档为依据)、功能模块的有效性等
根据客户的意见或建议进行适当的调整,但不包括设计或数据结构的调整,直到验收合格。
七、收取余款:
客户按照合同规定支付余款,我方在收到余款后将网站文件递交给客户,或应客户委托将网站文件直接上传到指定服务器上。至此,网站设计开发过程结束。
八、后期维护:
客户可自行安排人员对日后的网站进行日常维护与更新,或按照合同由我方维护,也可与我方另行签订《网站维护协议》,由我方提供维护与更新服务。
网站在搜索引擎排名的过程中,表现的非常出色,品牌知名度,在这个过程中,扮演者重要的角色。
特别是一个知名品牌的品牌词搜索量,它代表一个网站在某一方面的价值,因此,你可能需要:
① 在行业权威网站上,坚持长期的进行投稿,提高自己的知名度。
② 如果有能力,可以邀请相关的媒体与记者针对自身的企业进行相关性的报道。
③ 积极的与合作伙伴、代理商、供货商沟通,针对特定品牌进行系列性的曝光。
网站的内容,一般我们建议首页的排版布局一定要好,首页展示就像一个企业的门面,所以排版布局一定不能马虎,轮播图展示那些主题、那些是图片展示、那些是文章模式、视频模块是放在前面还是后面,整体设计风格,排版展示、放那些内容可以抓住游客的眼球。这些都是应该注意到的。所以网站首页展示的内容排版一定要站在用户的角度去考虑,客户看我们网站,最想看到的内容是什么。因此想要做一个实用性强的网站,首先网站的展示内容必须是优质的。