{"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\/blog\/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>Flat Design y su influencia en dise\u00f1o web de 2016<\/title>\n<meta name=\"description\" content=\"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.\" \/>\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\/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=\"Flat Design y su influencia en dise\u00f1o web de 2016\" \/>\n<meta property=\"og:description\" content=\"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/\"},\"wordCount\":262,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/\",\"name\":\"Flat Design y su influencia en dise\u00f1o web de 2016\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/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\"},\"description\":\"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/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":"Flat Design y su influencia en dise\u00f1o web de 2016","description":"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.","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\/tendencia-disseny-web-2016-vol-1\/","og_locale":"ca_ES","og_type":"article","og_title":"Flat Design y su influencia en dise\u00f1o web de 2016","og_description":"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/"},"wordCount":262,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/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\/blog\/tendencia-disseny-web-2016-vol-1\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/","name":"Flat Design y su influencia en dise\u00f1o web de 2016","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/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"},"description":"Es muy importante tener en cuenta a la hora del dise\u00f1o web, la tendencia y las posibilidades en dise\u00f1o que en nuestro estudio de dise\u00f1o web tenemos en cuenta.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-disseny-web-2016-vol-1\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/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}]}}