{"id":85633,"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-06-11T02:48:58","modified_gmt":"2026-06-11T02:48:58","slug":"tendencia-design-web-2016-vol-1","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/","title":{"rendered":"Tend\u00eancia em design web para 2016 vol.1 \u2013 Flat Design"},"content":{"rendered":"<p>\u00c9 fundamental olhar para al\u00e9m do presente, analisar o trabalho realizado e antecipar o que est\u00e1 por vir. Por isso, partilhamos convosco as principais <strong>tend\u00eancias<\/strong> em <strong>web design<\/strong> para <strong>2016<\/strong>.<\/p>\n<p>Este \u00e9 o primeiro de uma s\u00e9rie de artigos em que vamos abordar diferentes <strong>tend\u00eancias<\/strong> em <strong>web design<\/strong>.<\/p>\n<h2 class=\"sh1\">Design Plano ou Flat Design<\/h2>\n<p>O Flat Design consiste essencialmente em eliminar e reduzir elementos decorativos no design de um site, simplificando e tornando a navega\u00e7\u00e3o mais intuitiva.<\/p>\n<p>Falamos de remover texturas, gradientes, sombras, entre outros detalhes.<\/p>\n<p>Em termos de cor, predominam as paletas pastel com tons vivos e poucas varia\u00e7\u00f5es por cor. Os esquemas crom\u00e1ticos s\u00e3o pensados para facilitar a compreens\u00e3o do utilizador, tornando a cor parte integrante da leitura e n\u00e3o apenas da est\u00e9tica.<\/p>\n<p>O uso da cor pode incluir sombras, efeitos de profundidade, anima\u00e7\u00f5es e transi\u00e7\u00f5es que enriquecem a experi\u00eancia de intera\u00e7\u00e3o.<\/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=\"dise\u00f1o web barcelona, flat design\" width=\"850\" height=\"245\" \/><\/a><\/p>\n<p>As vantagens deste tipo de <strong>web design<\/strong> v\u00e3o muito al\u00e9m do aspeto visual, trazendo benef\u00edcios claros a n\u00edvel funcional.<\/p>\n<p>Em dispositivos m\u00f3veis, o Flat Design facilita a utiliza\u00e7\u00e3o e a compreens\u00e3o das interfaces gr\u00e1ficas em ecr\u00e3s de pequenas dimens\u00f5es.<\/p>\n<p>Um recurso interessante sobre Flat Design pode ser encontrado em <strong><a href=\"https:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\" target=\"_blank\" rel=\"nofollow\">Material Interaction<\/a><\/strong><\/p>\n<p>Temos vindo a aplicar esta abordagem nos \u00faltimos anos, sempre com excelentes resultados.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9 fundamental olhar para al\u00e9m do presente, analisar o trabalho realizado e antecipar o que est\u00e1 por vir. Por isso, partilhamos convosco as principais tend\u00eancias em web design para 2016. Este \u00e9 o primeiro de uma s\u00e9rie de artigos em que vamos abordar diferentes tend\u00eancias em web design. Design Plano ou Flat Design 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":[481],"class_list":["post-85633","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - 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\/pt-pt\/tendencia-design-web-2016-vol-1\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt-pt\/tendencia-design-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-06-11T02:48:58+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=\"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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tend\u00eancia em design web para 2016 vol.1 \u2013 Flat Design\",\"datePublished\":\"2016-01-21T17:00:44+00:00\",\"dateModified\":\"2026-06-11T02:48:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/\"},\"wordCount\":242,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-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\":[\"Sem categoria\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/\",\"name\":\"Flat Design y su influencia en dise\u00f1o web de 2016\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-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-06-11T02:48:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-web-2016-vol-1\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencia-design-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\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\/pt-pt\/tendencia-design-web-2016-vol-1\/","og_locale":"pt_PT","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\/pt-pt\/tendencia-design-web-2016-vol-1\/","og_site_name":"Code Barcelona","article_published_time":"2016-01-21T17:00:44+00:00","article_modified_time":"2026-06-11T02:48:58+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":{"Written by":"cd26Bc","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tend\u00eancia em design web para 2016 vol.1 \u2013 Flat Design","datePublished":"2016-01-21T17:00:44+00:00","dateModified":"2026-06-11T02:48:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/"},"wordCount":242,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-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":["Sem categoria"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/","name":"Flat Design y su influencia en dise\u00f1o web de 2016","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-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-06-11T02:48:58+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-web-2016-vol-1\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencia-design-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\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt-pt\/wp-json\/wp\/v2\/posts\/85633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=85633"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85633\/revisions"}],"predecessor-version":[{"id":85635,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85633\/revisions\/85635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/4685"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=85633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=85633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}