{"id":23051,"date":"2016-10-20T08:26:46","date_gmt":"2016-10-20T08:26:46","guid":{"rendered":"https:\/\/codewebbarcelona.com\/ilustracion-y-diseno-web\/"},"modified":"2026-04-20T23:15:16","modified_gmt":"2026-04-20T23:15:16","slug":"illustration-web-design","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/","title":{"rendered":"Illustration and Web Design"},"content":{"rendered":"

Even if we take the most traditional approach and narrow our perspective as much as possible, illustration is still an integral part of web design<\/strong>. In fact, when we set out to create strong graphic design<\/strong>, the first thing we often do is sketch.<\/p>\n

It doesn\u2019t matter whether those sketches are simple or highly detailed, or if they\u2019re drawn on paper, scribbled on scrap sheets destined for the bin, or created using digital tools.<\/p>\n

Ladies and gentlemen, THAT is ILLUSTRATION!<\/h2>\n

\"diseno-web-barcelona-ilustracion-01\"<\/a><\/p>\n

The truth is, there\u2019s an illustrator in all of us\u2014some more skilled than others. It doesn\u2019t matter if the result is highly polished or strikingly simple. What matters is having your own style, and illustration captures that perfectly.<\/p>\n

Whether it\u2019s thanks to our strengths or our creative quirks, our drawings are always personal. Through them, our character, mood, and emotions come to life.<\/p>\n

It\u2019s also important to recognize that illustration is a profession in its own right. Not all designers<\/strong> are illustrators, and not all illustrators are designers<\/strong>.<\/p>\n

Today, let\u2019s focus on illustration in web design<\/strong> and its role as a creative driver.<\/p>\n

Generally speaking, the success of a website<\/strong> shouldn\u2019t rest solely on great illustrations\u2014just as it shouldn\u2019t rely only on photography, scrolling effects, or other elements.<\/p>\n

If our web project<\/strong> calls for it, illustrations should be used thoughtfully and in proportion to the project\u2019s needs.<\/p>\n

\"diseno-web-barcelona-ilustracion-02\"<\/a><\/p>\n

With that in mind, let\u2019s talk about artistic illustration\u2014the kind that\u2019s created to be seen, to evoke a feeling, to express a particular emotion.<\/p>\n

Widely used for commercial purposes, creative illustration has become a key element in web design.<\/p>\n

Through illustration, web design gains an organic, human touch\u2014breathing life into what would otherwise be just lines of code, invisible to the average user.<\/p>\n

\"diseno-web-barcelona-ilustracion-03\"<\/a><\/p>\n

Illustration: Irene<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Even if we take the most traditional approach and narrow our perspective as much as possible, illustration is still an integral part of web design. In fact, when we set out to create strong graphic design, the first thing we often do is sketch. It doesn\u2019t matter whether those sketches are simple or highly detailed, […]<\/p>\n","protected":false},"author":1,"featured_media":4372,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,134],"class_list":["post-23051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-disseny-grafic"],"acf":[],"yoast_head":"\nIlustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona<\/title>\n<meta name=\"description\" content=\"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona\" \/>\n<meta property=\"og:description\" content=\"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-20T08:26:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T23:15:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1208\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Illustration and Web Design\",\"datePublished\":\"2016-10-20T08:26:46+00:00\",\"dateModified\":\"2026-04-20T23:15:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\"},\"wordCount\":315,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\",\"name\":\"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg\",\"datePublished\":\"2016-10-20T08:26:46+00:00\",\"dateModified\":\"2026-04-20T23:15:16+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg\",\"width\":1208,\"height\":678},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona","description":"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona","og_description":"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/","og_site_name":"Code Barcelona","article_published_time":"2016-10-20T08:26:46+00:00","article_modified_time":"2026-04-20T23:15:16+00:00","og_image":[{"width":1208,"height":678,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Illustration and Web Design","datePublished":"2016-10-20T08:26:46+00:00","dateModified":"2026-04-20T23:15:16+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/"},"wordCount":315,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","articleSection":["Disseny i desenvolupament web","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/","name":"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","datePublished":"2016-10-20T08:26:46+00:00","dateModified":"2026-04-20T23:15:16+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"La ilustraci\u00f3n y el dise\u00f1o web una relaci\u00f3n apartada en su tiempo de creaci\u00f3n, pero unida a d\u00eda de hoy, por su importancia en el dise\u00f1o web.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/illustration-web-design\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","width":1208,"height":678},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=23051"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23051\/revisions"}],"predecessor-version":[{"id":23066,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23051\/revisions\/23066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/4372"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=23051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=23051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}