网站设计之巧用色彩为卡片式设计加分

2022-06-21    分类: 网站设计

巧用色彩为卡片式设计加分,创新互联教您:

得益于Material Design日益增长的人气,卡片式界面现已随处可见了。这种时权且重视功用的美学,运用块状的方案元素承载多种多样的信息。假如想要运用这种文武双全的办法,你的卡片方案有必要匠心独运。

色彩即是办法之一。漂亮的色彩选用、令人振奋的色彩分配、和幽默的联系,能创造关键、进步易用性,并且吸引用户深化你的方案项目。

卡片式方案基础

要运用卡片来方案,有许多要注意,这些卡片会出色不一样类型的数据(例如图画、文字、按钮、衔接、议论、或视频),这些数据都相关到同一则信息。

这些可点击的区块,被方案成复古校园游戏卡牌的款式,其间一块区域包含了某种视觉信息,还有一小块文字或按钮。卡片特性界面的优点是,用户能很容易领会它们的用法,使得它成为很多内容或电商的志向方案。并且,它们易于阅览、适于同享、用途广泛。

要初步运用卡片方案,能够从学习卡片方案的基础初步,

你还得遵照这7条好用法:

留白。运用满足的间隔和边距来避免杂乱。

一张卡片一件事。卡片能简化你的网站结构。不要让每张卡片过于杂乱,破坏了这层基础。

适宜的图画。卡片中的图老是比较小,要确保图画清楚、裁剪稳当,适宜相应的场景。

简练的字体。因为文字也很小,简练的字体最易辨识。选用简练漂亮的字体,避免运用装饰性字体。

表现构思。支付额外的极力让它匠心独运,运用比方动画效果、视频、圆角、或新颖的配色。

运用打开的栅格。标准的栅格有助于坚持间隔一同,一同包容各种标准和断点。

遵照菲兹规则。

首先要面临的选择,是运用淡色仍是深色的配色。两种各有利弊;白色或淡色的配色最遍及,但深色在移动应用上正在变得盛行。

Dribbble的卡片很简略分辩、摆放、和点击,让人了解某个项目的详细信息。它的方案在淡色布景上运用了白色的卡片,每张图画下方有个内容区域闪现著作。淡色在桌面端表现特别优良,对于双眼很和睦。

SB Joinery则选用了深色的配色——在深色布景上运用反白文字——并在图画上叠加了色彩,让视觉重心停留在文字和鬼魂按钮上。弹出菜单一样运用了深色主题。得益于粗字体和高对比度的色彩,深色特性的卡片易读性强,极点有用。

美丽的配色

卡片式方案的运用首要受Material Design的影响——好的影响。方案特性侧重移动端的可用性,借扁平化方案和极简特性之所长,遵照一套用户日益习气的美学特性和诀窍。

这种特性吸收了美丽、高丰满的配色,从蓝色到绿色、赤色。虽然不是一定要遵照这些色彩建议,但这是个好主意。参加大胆、明亮的配色,能够创造关键和顺畅的领会。

怎样充分运用丰满色?

用在页头、按钮和行为指令元素上。

作为一种有意义的布景元素运用——例如不一样类型的卡片运用不一样色彩。(就像Helbak.的事例)请注意,即使是柔软色和淡色也能美好地套用这种办法。

将色彩用于首要的文字元素,进步可读性。

用美丽的色彩叠加在图画上,或运用双色骤变的诀窍来引导用户阅览卡片。

用于侧重的色彩

终究,大胆的色彩选择,是一种侧重特定元素的手法。例如,五颜六色元素能打破视觉单一,推进交互做法。

The Mayors Challenge的方案充分运用了material design的概念,却没有做出Google产品的感触。色彩美丽而明亮,一同卡片在某种程度上却非常简略和“不明确”。图标、文字和衔接中都有美丽色彩,所有这些暗示,都在引导用户在网站上进行操作。

对于卡片式界面方案有一种批评的动静,它使各种元素看起来过于相似了——所以需要挥洒构思、打破陈规。

总结

色彩恰是让卡片式网站设计方案独具一格的要素。选择所用诀窍时,要思考色彩怎样好地与品牌相联系,并为用户服务。

要发作好效果,就要带着特定目的运用色彩,通过方案吸引用户,推进他们采纳行为。无论是运用淡色仍是深色,或者是美丽色彩和盛行混搭,色彩都能影响用户对于方案的感知和操作办法。

新闻标题:网站设计之巧用色彩为卡片式设计加分
分享路径:/news19/170019.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

营销型网站建设