{"id":39990,"date":"2016-01-21T17:00:44","date_gmt":"2016-01-21T17:00:44","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencia-de-diseno-web-y-grafico-para-el-2016-vol-1\/"},"modified":"2026-04-21T07:05:41","modified_gmt":"2026-04-21T07:05:41","slug":"tendencia-disseny-web-2016-vol-1","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/","title":{"rendered":"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design"},"content":{"rendered":"<p>\u00c9s important aixecar la mirada i anar m\u00e9s enll\u00e0 del present, analitzar la feina feta i projectar-nos cap al futur. Per aix\u00f2, us avancem quines seran les principals <strong>tend\u00e8ncies<\/strong> en <strong>disseny web<\/strong> per a <strong>2016<\/strong>.<\/p>\n<p>Aquest \u00e9s el primer d\u2019una s\u00e8rie de posts on parlarem de diferents <strong>tend\u00e8ncies<\/strong> en <strong>disseny web<\/strong>.<\/p>\n<h2 class=\"sh1\">Disseny pla o Flat Design<\/h2>\n<p>El Flat Design consisteix a eliminar o reduir al m\u00e0xim la decoraci\u00f3 en un disseny web, amb l\u2019objectiu de simplificar i fer m\u00e9s intu\u00eftiva la funcionalitat.<\/p>\n<p>Ens referim a prescindir de textures, degradats, ombres i altres elements decoratius.<\/p>\n<p>Pel que fa al color, s\u2019aposta per paletes de tons vius i past\u00eds, amb poques variacions dins de cada color. Es prioritzen esquemes crom\u00e0tics que facilitin la comprensi\u00f3 de la interf\u00edcie per part de l\u2019usuari. Aix\u00ed, el color esdev\u00e9 una eina de lectura, no nom\u00e9s un recurs est\u00e8tic.<\/p>\n<p>El joc crom\u00e0tic pot incorporar ombres, efectes de profunditat, animacions i transicions que afavoreixen la interacci\u00f3 dins de les aplicacions.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/01-1.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-174\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/01-1.jpg\" alt=\"disseny web barcelona, flat design\" width=\"850\" height=\"245\" \/><\/a><\/p>\n<p>Els avantatges d\u2019aquest tipus de <strong>disseny web<\/strong> no s\u00f3n nom\u00e9s est\u00e8tics, sin\u00f3 que tamb\u00e9 aporten grans beneficis funcionals.<\/p>\n<p>En dispositius m\u00f2bils, el Flat Design facilita l\u2019\u00fas i la comprensi\u00f3 de les interf\u00edcies gr\u00e0fiques en pantalles petites.<\/p>\n<p>Un enlla\u00e7 interessant sobre Flat Design el trobareu a <strong><a href=\"https:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\" target=\"_blank\" rel=\"nofollow\">Material Interaction<\/a><\/strong><\/p>\n<p>Nosaltres mateixos hem estat utilitzant aquest recurs els darrers anys amb molt bons resultats.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9s important aixecar la mirada i anar m\u00e9s enll\u00e0 del present, analitzar la feina feta i projectar-nos cap al futur. Per aix\u00f2, us avancem quines seran les principals tend\u00e8ncies en disseny web per a 2016. Aquest \u00e9s el primer d\u2019una s\u00e8rie de posts on parlarem de diferents tend\u00e8ncies en disseny web. Disseny pla o Flat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4685,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-39990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona<\/title>\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\/tendencia-disseny-web-2016-vol-1\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"\u00c9s important aixecar la mirada i anar m\u00e9s enll\u00e0 del present, analitzar la feina feta i projectar-nos cap al futur. Per aix\u00f2, us avancem quines seran les principals tend\u00e8ncies en disseny web per a 2016. Aquest \u00e9s el primer d\u2019una s\u00e8rie de posts on parlarem de diferents tend\u00e8ncies en disseny web. Disseny pla o Flat [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-21T17:00:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T07:05:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"323\" \/>\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=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design\",\"datePublished\":\"2016-01-21T17:00:44+00:00\",\"dateModified\":\"2026-04-21T07:05:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\"},\"wordCount\":262,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\",\"name\":\"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg\",\"datePublished\":\"2016-01-21T17:00:44+00:00\",\"dateModified\":\"2026-04-21T07:05:41+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg\",\"width\":700,\"height\":323},{\"@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":"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona","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\/tendencia-disseny-web-2016-vol-1\/","og_locale":"ca_ES","og_type":"article","og_title":"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona","og_description":"\u00c9s important aixecar la mirada i anar m\u00e9s enll\u00e0 del present, analitzar la feina feta i projectar-nos cap al futur. Per aix\u00f2, us avancem quines seran les principals tend\u00e8ncies en disseny web per a 2016. Aquest \u00e9s el primer d\u2019una s\u00e8rie de posts on parlarem de diferents tend\u00e8ncies en disseny web. Disseny pla o Flat [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/","og_site_name":"Code Barcelona","article_published_time":"2016-01-21T17:00:44+00:00","article_modified_time":"2026-04-21T07:05:41+00:00","og_image":[{"width":700,"height":323,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design","datePublished":"2016-01-21T17:00:44+00:00","dateModified":"2026-04-21T07:05:41+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/"},"wordCount":262,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/","url":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/","name":"Tend\u00e8ncia en disseny web per al 2016 vol.1 &#8211; Flat Design - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg","datePublished":"2016-01-21T17:00:44+00:00","dateModified":"2026-04-21T07:05:41+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/tendencia-disseny-web-2016-vol-1\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-1-flat-design-featured.jpg","width":700,"height":323},{"@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\/39990","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=39990"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39990\/revisions"}],"predecessor-version":[{"id":39995,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39990\/revisions\/39995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4685"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=39990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=39990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}