28例卡通风格的创意网页设计欣赏

2016-02-16 19:38 13 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的28例卡通风格的创意网页设计欣赏设计作品,一起来看看吧!超容易上手~

【 tulaoshi.com - 平面设计 】

如果你想自己设计网页时不再循规蹈矩,可以尝试通过艺术风格为网页加入一些趣味性的元素,比如我们今天要谈到的卡通风格插画。通过这些令人愉悦的卡通、妙趣横生的图像来打造一款网页设计,肯定效果会非常出众、极富娱乐性。那么立即让我们来欣赏这28例超赞的卡通风格网页设计吧。

Fabrika Online

展示了游戏中壮观的场景,角色看起来很酷。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Shape

单色调,线条风插画,整体看起来非常整洁,操作起来感觉会很精确。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Web Design Wigan

非常愉悦的氛围,各个角色栩栩如生。卡通人物的色彩、个性是亮点,整体画面迷人。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Rainbow Nursery

明亮、多彩的卡通画风,温暖愉悦的使用体验。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Thrillbent

漫画风格,网格线区分了不同的漫画。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Pupa

滚动效果来讲述故事,非常活跃的氛围。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Mailboxing

低模图像,增添了一种粗粝、奇异的质感。几何形状和扁平风格很好结合,网页的外观很有特色。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Di Biasotto

角色与色彩之间有着较强的联系,这样就能从黑色背景中脱颖而出。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Stuff and Nonsense

轻松、幽默的都市氛围,有趣、卡通风格的人物刻画。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Netiko

材质我们很熟悉,类似白纸。几个盒子人的刻画非常的有趣、吸引人。整体的设计非常老派。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Dumb

讲述了地铁中的问题,刻画了很多有趣的、独一无二的角色。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

NASA: Prospect

李永乐多边形设计的技巧和多姿多彩的颜色,宇航员做主角讲述一个有趣的故事。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Pictoaplicaciones

轻松的卡通风格,这样的欢迎很有诚意。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Bully in a Box

利用怪异的卡通画风打造了主页,3个主要角色,这个网站的目标是帮助那些上学的不良少年,解决他们的困难。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

XHTML Crab

中心的卡通元素非常的吸引人,这有点像迪斯尼的卡通人物。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Made for Humans

通过动作,将卡通角色人性化,表现了一群被遗弃的机器人。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Captain Dash

深化了超级英雄这一概念,重点刻画超人的脸,然人感觉既骄傲,又专业。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Ernest et Celestine

田园风情的卡通画风。设计师很好的将插画和导航结合在一处。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

El Monstruo – Bizarre

水平风景画!不过是以卡通方式呈现,色彩很温暖,还有一丝模糊。而前景中的毛皮质感文字和图标让人不禁想要操作一番。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Needagents

采用了色彩感强的卡通插画风格来设计,角色深沉呢、严肃,整体深蓝色的色调显得很专业。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Card Stories

细节丰富。蓝色条纹天空,有趣的卡通人物,滑稽的Logo,出人意料的字体,让人心情不禁好了起来。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Hide, Find and Listen

明亮精致,图像光泽感不错,老式的渐变,细腻的木质纹理,让人感觉这款游戏会很有趣。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

WordPress Maker

将设计师以角色的形式进行卡通刻画,让人感觉网站更透明、更可信。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Fountain of Youth Coconut Water

3种颜色的网页设计,红绿蓝+留白区域的方式。不错的卡通风格。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Andreia Carqueija

几何图案,灰色背景,黑色矢量图形,粗字体。卡通插画是一视觉亮点。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Well Done Team GB

用一种颇为有趣的方式庆祝奥林匹亚,动态、多彩的插画很赞。

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

LoFavor

三维角色,利用多边形艺术打造了非常时髦的背景

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

Alessandra Balzani

带来一种儿童般的天真无邪,这个女孩也是网站的代言人:)

28例卡通风格的创意网页设计欣赏,PS教程,图老师教程网

结论

卡通风格的网页设计,主题可以与儿童无关,同样可以吸引到成年人。有很多公司和机构便利用这种可爱、简洁的风格获取了用户的心。

非常有组织、有技巧的设计方法,每个人其实都是大孩子,某种共鸣自然而然就产生了。

来源:http://www.tulaoshi.com/n/20160216/1572629.html

延伸阅读
在设计网页时,如何让页面更加个性化?这是很多设计师苦苦思索的问题。使用摄影照片和字体设计不免太流俗了。使用插画是个好想法,如果你擅长插画设计,或者设计团队中有优秀的插画设计师,那么不妨为网页加入插画元素。而且,插画图像视觉负担较小,导航起来相较能容易一点。 本文收集了网页设计中使用矢量插画的一些优秀案例。 svkariburnu ...
卡通涂鸦风格以往来讲仅仅为儿童主题或者给孩子设计的,但现在越来越多的使用到了一些企业站、专题站中,以其丰富的色彩、新奇的设计方式能迅速吸引访客的注意,同时卡通风格的涂鸦也使人感到轻松愉快。 下面是整理的一些卡通涂鸦的优秀网页设计案例: 01、Canon-ci.201404_Selphy 佳能相机,将其丰富的色彩,以卡通图像的形式展现到了书桌...
Photoshop绘制卡通风格的海盗 人物设计可能是最有趣的事情。今天,我们将演示如何在Photoshop中绘制一个海盗角色。预计完成时间5至6小时,让我们开始吧! 最终效果图 tuLaoShi.com 1、让我们从一个草图开始,我总是画一个草图扫描进我的电脑。 2、创建2000*1800像素白色背景新文件。 用蓝色#3686c3填充背景层。 命名为...
做事容易,做大事难。网页设计容易,但是出类拔萃难。左上角放Logo,Logo下方放导航,导航下方放置图片滑动栏,滑动栏下方来个三栏或者四栏布局,好吧,大多数的网站都是这样,除了图像、配色、字体不一样,布局方面非常相似或者相近,表现不出创意。 是不是很久木有这样的惊讶了:原来网站还可以这样做? 如果你想来点新鲜的体验,围观一些与...
在接下来的步骤里你将会学习到如何使用Adobe Illustrator创建一个详细的信封插图。从开始你将会学习到如何建立一个网格和如何创建一个图形样式。接下来,使用那个图形样式和一些基本的工具、矢量形状建筑技术,你将学习到如何给信封创造出需要的部分。继续学习使用基本效应和充分利用外观面板给整体插图添加阴影,深度和光亮。最后,主要使用外...

经验教程

881

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部