{"id":93510,"date":"2016-10-20T08:26:46","date_gmt":"2016-10-20T08:26:46","guid":{"rendered":"https:\/\/codewebbarcelona.com\/ilustracion-y-diseno-web\/"},"modified":"2026-06-12T09:19:49","modified_gmt":"2026-06-12T09:19:49","slug":"illustration-und-webdesign","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/","title":{"rendered":"Illustration und Webdesign"},"content":{"rendered":"<p>Auch wenn wir eine orthodoxe Haltung einnehmen und unseren Blickwinkel so weit wie m\u00f6glich verengen: Illustration ist Teil des <strong>Webdesigns<\/strong>. Sobald es darum geht, ein gutes <strong>Grafikdesign<\/strong> zu entwickeln, sind ein paar Zeichnungen wahrscheinlich das Erste, womit wir beginnen.<\/p>\n<p>Dabei spielt es keine Rolle, ob sie linear oder sehr komplex sind. Ebenso wenig ist entscheidend, ob wir sie auf analogem Tr\u00e4germaterial anfertigen, auf einem Blatt Papier oder auf Bl\u00e4ttern, die eigentlich f\u00fcr den Schredder bestimmt waren, oder ob wir eine digitale Software verwenden.<\/p>\n<h2>Das, meine Damen und Herren, ist ILLUSTRATION!<\/h2>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14632606_10209555869946880_1712851781_o-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-548\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14632606_10209555869946880_1712851781_o-1024x575-2.jpg\" alt=\"diseno-web-barcelona-ilustracion-01\" width=\"1024\" height=\"575\" \/><\/a><\/p>\n<p>Tats\u00e4chlich steckt das Handwerk des Illustrators in jedem von uns, mit mehr oder weniger Geschick. Es ist nicht entscheidend, ob das Ergebnis von h\u00f6chster Qualit\u00e4t oder von \u00fcberw\u00e4ltigender Schlichtheit ist. Wichtig ist, einen eigenen Stil zu haben \u2013 und genau das f\u00e4ngt Illustration perfekt ein.<\/p>\n<p>Ob durch unsere F\u00e4higkeiten oder durch unsere kreativen oder stilistischen Schw\u00e4chen: Unsere Zeichnungen werden immer pers\u00f6nlich sein, und durch sie sprechen unser Charakter, unsere Stimmung und unsere Gef\u00fchle.<\/p>\n<p>Au\u00dferdem sollten wir fair bleiben: Illustration ist ein Beruf f\u00fcr sich. Nicht alle <strong>Designer<\/strong> sind Illustratoren, und nicht alle Illustratoren sind <strong>Designer<\/strong>.<\/p>\n<p>Heute m\u00f6chten wir jedoch \u00fcber Illustrationen im<strong> Webdesign<\/strong> sprechen und \u00fcber ihre Bedeutung als kreativer Faktor.<\/p>\n<p>Grunds\u00e4tzlich sollten wir den gesamten Erfolg des Designs einer <strong>Website<\/strong> nicht allein auf gute Illustrationen st\u00fctzen. Das mag selbstverst\u00e4ndlich klingen \u2013 genauso wie es ein Fehler w\u00e4re, dasselbe mit Fotografien, Scroll-Effekten usw. zu tun.<\/p>\n<p>Wenn unser <strong>Website-Projekt<\/strong> es erfordert, sollten Illustrationen in genau dem richtigen Ma\u00df pr\u00e4sent sein und sich an den Anforderungen des Projekts orientieren.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14697101_10209555869986881_247392538_o-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-550\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14697101_10209555869986881_247392538_o-1024x575-2.jpg\" alt=\"diseno-web-barcelona-ilustracion-02\" width=\"1024\" height=\"575\" \/><\/a><\/p>\n<p>Nachdem das gesagt ist, sprechen wir \u00fcber k\u00fcnstlerische Illustration: jene, die gedacht und entwickelt wird, um betrachtet zu werden, um in uns eine Empfindung auszul\u00f6sen \u2013 als Antwort auf das eine oder andere Gef\u00fchl, das wir vermitteln m\u00f6chten.<\/p>\n<p>Kreative Illustration wird h\u00e4ufig zu kommerziellen Zwecken eingesetzt und ist zu einem wichtigen Bestandteil von Website-Designs geworden.<\/p>\n<p>Denn durch Illustration ist es gelungen, <strong>Webdesigns<\/strong> eine organische und menschliche Note zu verleihen \u2013 diesem Berg an Code, der f\u00fcr die Augen der Nutzer unsichtbar bleibt.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14699586_10209555869786876_1684220088_o-1.jpg\"><img decoding=\"async\" class=\"alignnone size-large wp-image-551\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/14699586_10209555869786876_1684220088_o-1024x575-2.jpg\" alt=\"diseno-web-barcelona-ilustracion-03\" width=\"1024\" height=\"575\" \/><\/a><\/p>\n<p>Illustration: Irene<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auch wenn wir eine orthodoxe Haltung einnehmen und unseren Blickwinkel so weit wie m\u00f6glich verengen: Illustration ist Teil des Webdesigns. Sobald es darum geht, ein gutes Grafikdesign zu entwickeln, sind ein paar Zeichnungen wahrscheinlich das Erste, womit wir beginnen. Dabei spielt es keine Rolle, ob sie linear oder sehr komplex sind. Ebenso wenig ist entscheidend, [&hellip;]<\/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":[651,658],"class_list":["post-93510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grafikdesign","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ilustraci\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\/de\/illustration-und-webdesign\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de\/illustration-und-webdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-20T08:26:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-12T09:19:49+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\\\/de\\\/illustration-und-webdesign\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Illustration und Webdesign\",\"datePublished\":\"2016-10-20T08:26:46+00:00\",\"dateModified\":\"2026-06-12T09:19:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/\"},\"wordCount\":370,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/ilustracion-y-diseno-web-featured.jpg\",\"articleSection\":[\"Grafikdesign\",\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/\",\"name\":\"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/#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-06-12T09:19:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/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\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/illustration-und-webdesign\\\/#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\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@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\/de\/illustration-und-webdesign\/","og_locale":"de_DE","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\/de\/illustration-und-webdesign\/","og_site_name":"CODE","article_published_time":"2016-10-20T08:26:46+00:00","article_modified_time":"2026-06-12T09:19:49+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\/de\/illustration-und-webdesign\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Illustration und Webdesign","datePublished":"2016-10-20T08:26:46+00:00","dateModified":"2026-06-12T09:19:49+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/"},"wordCount":370,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/10\/ilustracion-y-diseno-web-featured.jpg","articleSection":["Grafikdesign","Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/","url":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/","name":"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/#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-06-12T09:19:49+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/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":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/illustration-und-webdesign\/#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\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@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\/de\/wp-json\/wp\/v2\/posts\/93510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=93510"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/93510\/revisions"}],"predecessor-version":[{"id":93525,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/93510\/revisions\/93525"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/4372"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=93510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=93510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}