28例卡通风格的网页设计

   如果你想自己设计网页时不再循规蹈矩,可以尝试通过艺术风格为网页加入一些趣味性的元素,比如我们今天要谈到的卡通风格插画。

  通过这些令人愉悦的卡通、妙趣横生的图像来打造一款网页设计,肯定效果会非常出众、极富娱乐性。

  那么立即让我们来欣赏这28例超赞的卡通风格网页设计吧。

  Fabrika Online

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


  Shape

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


  Web Design Wigan

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


  Rainbow Nursery

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


  Thrillbent

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


  Pupa

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


  Mailboxing

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


  Di Biasotto

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


  Stuff and Nonsense

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


  Netiko

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


  Dumb

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


  NASA: Prospect

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


  Pictoaplicaciones

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


  Bully in a Box

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


  XHTML Crab

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


  Made for Humans

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


  Captain Dash

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


  Ernest et Celestine

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


  El Monstruo – Bizarre

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


  Needagents

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


  Card Stories

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


  Hide, Find and Listen

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


  WordPress Maker

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


  Fountain of Youth Coconut Water

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


  Andreia Carqueija

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


  Well Done Team GB

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


  LoFavor

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


  Alessandra Balzani

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


  结论

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

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

时间: 2024-12-24 21:06:18

28例卡通风格的网页设计的相关文章

15例运用插图的网页设计案例赏析

  网页设计的风格多种多样,但插图风永远不过时.插图可以让设计师尽情地表现他们自己丰富的创造力和想象力,将插图运用于设计之中也会使网页变得更具有趣味性.今天我们搜集了15例运用插图的网页设计案例,一起来感受一下这些设计师们的创意吧! Abby Putinski Activate Media Awesome Fantasy Comic Book Adventure Caitlin Wicker Lets Yep Lush Type Marc-Andre Boivin Michelle Lana M

网页视觉设计:光亮风格的网页设计作品案例

文章描述:强质感高光风格网页欣赏及其表现手法总结. 经常能见到这一类的风格的网页设计作品,它们有如下共同的特点.背景通常是纯色的柔和渐变,不添加任何的材质,色块的边缘部分通常会添加1像素的高光:在页面元素的边缘部分有着强烈的1像素高光:元素表面有如玻璃般的明显反光:底部和背景接触的部分经常会设计出倒影.这种风格的设计经常会出现在商业和企业的网页设计中,会给人留下干净清爽的印象. 我这里将这些常用的表现方法提取了出来,共有6种样式,分别是:1.镜面的内容背景:2.光亮的按钮:3.浮动的圆角水晶按钮

网页设计技巧:炫彩和透明风格的网页设计

文章描述:炫光和透明风格网页设计作品及教程. 炫彩和透明风格的网页设计是我个人喜欢的设计风格之一.下面的设计作品和教程是我接触和收集到的这一类的设计风格的代表.这些作品和教程可以在我们动手创建个人的网页设计时给我们以启发,并且教会我们实际实现的技巧.总结起来,这些设计有着如下共同特点: 一.非常漂亮的抽象背景图片,内容以光晕.烟雾类为主.这些图片有着非常好的渐变,可以很好的和网页背景色融合在一起,便于后期代码实现实际的效果.在站酷上搜索这一类的素材,你会发现很多非常漂亮的图片可以用到你的设计上.

网页设计作品欣赏:破旧风格的网页设计实例

破旧风格的网页设计应该说是一种有着强烈风格的设计,给人的感官冲击十分突出.但是如果适度的应用破旧风格的元素,或者和相应的一些色彩搭配的话还是可以做到含蓄的同时不失破旧风格的魅力.而这种相对温和的设计风格更容易为人所接受.下面是网上的一些设计作品,风格相对温和一些,值得在设计时参考和借鉴. 1.CorkingDesign 2.31Three 3.Mindutopia 4.Snook 5.LePush Mail 6.Kean Richmond 7.Jason Julien 8.Abbey Theat

40个漂亮的应用插画风格的网页设计实例

在网页设计中,把不断变换着的内容变成一个漂亮的设计有无限种可能 .风格和技术能够使用.插画是其中风格之一,它能带给网站一个全新的水平,插画变得越来越流行,并且一些设计师真正的把一些风格发挥到极至. 下面,您将发现40个功能巧妙.插画漂亮的设计,恰到好处的结合创造了一个养眼的风格. 网页设计中的漂亮插画 DivVoted一个全方位的漂亮布局,加上一些漂亮颜色的插画. The Alamo Basement 一个好的,丰富多彩的插画可以营运一个舒适的氛围. StrawPoll StrawPoll有一个

五个Metro UI 风格的网页设计

 随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉.      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言.      Metro设计具备以下五点原则:        1.干净.轻量.开放.快速       2.要内容,而不是质感       3.整合软硬件       4.世界级的动画      5.生动,有灵魂      这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化

深底色风格的网页设计的策略

译者:西乔 来源:www.webdesignerdepot.com 原作者:Kayla Knight 深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果. 深底色设计适用于许多网站类型,但并非所有.这种风格应该在恰当的条件下使用. 虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其反.失败的设计会导致可读性差,难以吸引用户,无法使用传统的设计元素等问题. 所以在这里,我们将讨论一些深底色页面设计的要素,以便让你的下一次设计更受欢迎,

21例运用大图的网页设计案例赏析

最近的网页设计中,有许多网页是运用大图元素作为网页背景来设计.一张好看的图片能吸引大家注意力和点击的欲望,并让你的网站更有设计感.不妨一起来看看今天推荐给大家的这些运用大图的网页设计案例,看看有哪些你可以学习并运用到下一次的设计当中. 来源:web design ledger Big Cartel Shop Big Data Carles Palacio Photography Charles Williams Chesterfields 1780 Dassel Und Wagner Dicks

PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的