{"id":33790,"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-21T05:03:30","modified_gmt":"2026-04-21T05:03:30","slug":"il%c2%b7lustracio-i-disseny-web","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/","title":{"rendered":"Il\u00b7lustraci\u00f3 i Disseny Web"},"content":{"rendered":"

Encara que adoptem una visi\u00f3 ortodoxa i limitem al m\u00e0xim la nostra perspectiva, la il\u00b7lustraci\u00f3 \u00e9s una part essencial del disseny de p\u00e0gines web<\/strong>. Quan ens plantegem fer un bon disseny gr\u00e0fic<\/strong>, sovint el primer pas \u00e9s esbossar algunes idees.<\/p>\n

No importa si els dibuixos s\u00f3n senzills o molt elaborats, ni si els fem en paper, en un full qualsevol o directament en digital.<\/p>\n

Aix\u00f2, amics, \u00e9s IL\u00b7LUSTRACI\u00d3!<\/h2>\n

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

De fet, tots portem un il\u00b7lustrador a dins, amb m\u00e9s o menys habilitat; no importa si el resultat \u00e9s d\u2019una qualitat extraordin\u00e0ria o d\u2019una simplicitat aclaparadora. El que realment compta \u00e9s tenir un estil propi, i aix\u00f2 la il\u00b7lustraci\u00f3 ho reflecteix a la perfecci\u00f3.<\/p>\n

Ja sigui per les nostres capacitats o per les nostres limitacions creatives o d\u2019estil, els nostres dibuixos sempre tindran un toc personal, i a trav\u00e9s d\u2019ells s\u2019expressar\u00e0 el nostre car\u00e0cter, el nostre estat d\u2019\u00e0nim i els nostres sentiments.<\/p>\n

Tamb\u00e9 cal ser justos: la il\u00b7lustraci\u00f3 \u00e9s una professi\u00f3 en si mateixa. No tots els dissenyadors<\/strong> s\u00f3n il\u00b7lustradors, ni tots els il\u00b7lustradors s\u00f3n dissenyadors<\/strong>.<\/p>\n

Avui, per\u00f2, volem parlar-vos del paper de la il\u00b7lustraci\u00f3 en el disseny web<\/strong> i de la seva import\u00e0ncia com a element creatiu.<\/p>\n

En l\u00ednies generals, no haur\u00edem de basar l\u2019\u00e8xit d\u2019una p\u00e0gina web<\/strong> nom\u00e9s en bones il\u00b7lustracions; aix\u00f2 pot semblar evident, igual que seria un error fer-ho nom\u00e9s amb fotografies, efectes de despla\u00e7ament, etc.<\/p>\n

Si el nostre projecte web<\/strong> ho requereix, les il\u00b7lustracions han de tenir la pres\u00e8ncia justa, adaptant-se a les necessitats espec\u00edfiques del projecte.<\/p>\n

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

Dit aix\u00f2, parlem de la il\u00b7lustraci\u00f3 art\u00edstica: aquella que es crea per ser contemplada, per provocar una emoci\u00f3 o transmetre un sentiment concret.<\/p>\n

La il\u00b7lustraci\u00f3 creativa, molt utilitzada amb finalitats comercials, ha esdevingut una pe\u00e7a clau en el disseny de p\u00e0gines web.<\/p>\n

I \u00e9s que la il\u00b7lustraci\u00f3 aporta aquest toc org\u00e0nic i hum\u00e0 als dissenys web<\/strong>, humanitzant tot aquest conjunt de codi invisible per a l\u2019usuari.<\/p>\n

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

Il\u00b7lustraci\u00f3: Irene<\/p>\n

 <\/p>\n

 <\/p>\n

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

Encara que adoptem una visi\u00f3 ortodoxa i limitem al m\u00e0xim la nostra perspectiva, la il\u00b7lustraci\u00f3 \u00e9s una part essencial del disseny de p\u00e0gines web. Quan ens plantegem fer un bon disseny gr\u00e0fic, sovint el primer pas \u00e9s esbossar algunes idees. No importa si els dibuixos s\u00f3n senzills o molt elaborats, ni si els fem en […]<\/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-33790","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\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\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\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\" \/>\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-21T05:03:30+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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Il\u00b7lustraci\u00f3 i Disseny Web\",\"datePublished\":\"2016-10-20T08:26:46+00:00\",\"dateModified\":\"2026-04-21T05:03:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\"},\"wordCount\":372,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\",\"name\":\"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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-21T05:03:30+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/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\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/","og_locale":"ca_ES","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\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/","og_site_name":"Code Barcelona","article_published_time":"2016-10-20T08:26:46+00:00","article_modified_time":"2026-04-21T05:03:30+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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"2 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Il\u00b7lustraci\u00f3 i Disseny Web","datePublished":"2016-10-20T08:26:46+00:00","dateModified":"2026-04-21T05:03:30+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/"},"wordCount":372,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/","name":"Ilustraci\u00f3n y dise\u00f1o web - dise\u00f1o web barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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-21T05:03:30+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/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":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/il%c2%b7lustracio-i-disseny-web\/#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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/33790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=33790"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/33790\/revisions"}],"predecessor-version":[{"id":33805,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/33790\/revisions\/33805"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4372"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=33790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=33790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}