{"id":39,"date":"2013-09-01T07:50:31","date_gmt":"2013-09-01T07:50:31","guid":{"rendered":"http:\/\/montarsite.com.br\/blog\/?p=39"},"modified":"2013-08-26T11:43:49","modified_gmt":"2013-08-26T11:43:49","slug":"flat-design","status":"publish","type":"post","link":"https:\/\/montarsite.com.br\/blog\/flat-design\/","title":{"rendered":"Flat Design"},"content":{"rendered":"

O \u201cflat design\u201d n\u00e3o \u00e9 algo novo, mas vem passando por uma mudan\u00e7a e se tornando um \u201cflat design 2.0\u2033. O motivo disto \u00e9 o surgimento do \u201clong shadows\u201d (em tradu\u00e7\u00e3o literal, \u201csombra longa\u201d), cada vez mais utilizado em \u00edcones e logos da web.<\/p>\n

O \u201clong shadow\u201d \u00e9 um conceito interessante, usado por muitos designers para criar profundidade em suas interfaces e que, quando usado com modera\u00e7\u00e3o, pode trazer uma est\u00e9tica mais agrad\u00e1vel a logos e \u00edcones em sites \u201cflat\u201d.<\/p>\n

Contudo o termo \u201clong shadow\u201d n\u00e3o \u00e9 algo novo. Ele j\u00e1 vem sendo explorado por fot\u00f3grafos a muito tempo: o modo mais simples \u00e9 tirar as fotos em luz natural durante o p\u00f4r do sol ou quando ele estiver nascendo.<\/p>\n

J\u00e1 em interfaces, para produzir o efeito \u00e9 necess\u00e1rio criar uma sombra de 45 graus comprida, que se projeta de forma diagonal para esquerda ou direita ao \u00edcone ou logo. Essas linhas diagonais que s\u00e3o formadas normalmente paralelas entre si foram tamb\u00e9m um recurso muito utilizado no passado, nos primeiros cartazes e colagens sovi\u00e9ticas produzidos antes do Realismo Socialista \u2013 um estilo que mais tarde foi adotado fortemente no branding e agora da as caras em Design de Interface e mobile apps.<\/p>\n

Bem, como somos designers nada melhor que ver para entender como funcionam essas sombras:<\/p>\n

\"flat-1\"<\/p>\n

\"flat-2\"<\/p>\n

\"flat-3\"<\/p>\n

\"flat-4\"<\/p>\n

Note que, se n\u00e3o fosse pelas sombras, os \u00edcones teriam uma apar\u00eancia totalmente plana.<\/p>\n

Esse suposto \u201cflat 2.0\u2033 ainda tem algum tempo para ser usado at\u00e9 que venha uma nova tend\u00eancia e tome seu lugar.<\/p>\n

E voc\u00ea j\u00e1 esta usando \u201clong shadows\u201d em suas interfaces? Como os clientes reagem a elas?<\/strong><\/p>\n

 <\/p>\n

Fonte:\u00a0http:\/\/design.blog.br\/web-design\/flat-design-2-0-long-shadows<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

O \u201cflat design\u201d n\u00e3o \u00e9 algo novo, mas vem passando por uma mudan\u00e7a e se tornando um \u201cflat design 2.0\u2033. O motivo disto \u00e9 o surgimento do \u201clong shadows\u201d (em tradu\u00e7\u00e3o literal, \u201csombra longa\u201d), cada vez mais utilizado em \u00edcones… Continue Reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":40,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"yoast_head":"\nFlat Design - Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO<\/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:\/\/montarsite.com.br\/blog\/flat-design\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flat Design - Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO\" \/>\n<meta property=\"og:description\" content=\"O \u201cflat design\u201d n\u00e3o \u00e9 algo novo, mas vem passando por uma mudan\u00e7a e se tornando um \u201cflat design 2.0\u2033. O motivo disto \u00e9 o surgimento do \u201clong shadows\u201d (em tradu\u00e7\u00e3o literal, \u201csombra longa\u201d), cada vez mais utilizado em \u00edcones… Continue Reading →\" \/>\n<meta property=\"og:url\" content=\"https:\/\/montarsite.com.br\/blog\/flat-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/agenciamontarsite\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-01T07:50:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-08-26T11:43:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"342\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/#website\",\"url\":\"https:\/\/montarsite.com.br\/blog\/\",\"name\":\"Montar Site - Cria\\u00e7\\u00e3o de sites, ag\\u00eancia de sites, linkbuilding, SEO\",\"description\":\"Cria\\u00e7\\u00e3o de sites, ag\\u00eancia de sites, linkbuilding, SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/montarsite.com.br\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg\",\"contentUrl\":\"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg\",\"width\":600,\"height\":342},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/#webpage\",\"url\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/\",\"name\":\"Flat Design - Montar Site - Cria\\u00e7\\u00e3o de sites, ag\\u00eancia de sites, linkbuilding, SEO\",\"isPartOf\":{\"@id\":\"https:\/\/montarsite.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/#primaryimage\"},\"datePublished\":\"2013-09-01T07:50:31+00:00\",\"dateModified\":\"2013-08-26T11:43:49+00:00\",\"author\":{\"@id\":\"https:\/\/montarsite.com.br\/blog\/#\/schema\/person\/ec0b69154daa83cd0b715286d3afff69\"},\"breadcrumb\":{\"@id\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/montarsite.com.br\/blog\/flat-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/flat-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Flat Design\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/#\/schema\/person\/ec0b69154daa83cd0b715286d3afff69\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/montarsite.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/537cf7dcbf377cc4cfb6674b04499cb2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/537cf7dcbf377cc4cfb6674b04499cb2?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/montarsite.com.br\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flat Design - Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","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:\/\/montarsite.com.br\/blog\/flat-design\/","og_locale":"pt_BR","og_type":"article","og_title":"Flat Design - Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","og_description":"O \u201cflat design\u201d n\u00e3o \u00e9 algo novo, mas vem passando por uma mudan\u00e7a e se tornando um \u201cflat design 2.0\u2033. O motivo disto \u00e9 o surgimento do \u201clong shadows\u201d (em tradu\u00e7\u00e3o literal, \u201csombra longa\u201d), cada vez mais utilizado em \u00edcones… Continue Reading →","og_url":"https:\/\/montarsite.com.br\/blog\/flat-design\/","og_site_name":"Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","article_publisher":"https:\/\/www.facebook.com\/agenciamontarsite\/","article_published_time":"2013-09-01T07:50:31+00:00","article_modified_time":"2013-08-26T11:43:49+00:00","og_image":[{"width":600,"height":342,"url":"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg","path":"\/home\/monta528\/domains\/montarsite.com.br\/public_html\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg","size":"full","id":40,"alt":"","pixels":205200,"type":"image\/jpeg"}],"twitter_misc":{"Escrito por":"admin","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/montarsite.com.br\/blog\/#website","url":"https:\/\/montarsite.com.br\/blog\/","name":"Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","description":"Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/montarsite.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https:\/\/montarsite.com.br\/blog\/flat-design\/#primaryimage","inLanguage":"pt-BR","url":"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg","contentUrl":"https:\/\/montarsite.com.br\/blog\/wp-content\/uploads\/2013\/08\/flat-11.jpg","width":600,"height":342},{"@type":"WebPage","@id":"https:\/\/montarsite.com.br\/blog\/flat-design\/#webpage","url":"https:\/\/montarsite.com.br\/blog\/flat-design\/","name":"Flat Design - Montar Site - Cria\u00e7\u00e3o de sites, ag\u00eancia de sites, linkbuilding, SEO","isPartOf":{"@id":"https:\/\/montarsite.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/montarsite.com.br\/blog\/flat-design\/#primaryimage"},"datePublished":"2013-09-01T07:50:31+00:00","dateModified":"2013-08-26T11:43:49+00:00","author":{"@id":"https:\/\/montarsite.com.br\/blog\/#\/schema\/person\/ec0b69154daa83cd0b715286d3afff69"},"breadcrumb":{"@id":"https:\/\/montarsite.com.br\/blog\/flat-design\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/montarsite.com.br\/blog\/flat-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/montarsite.com.br\/blog\/flat-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Flat Design"}]},{"@type":"Person","@id":"https:\/\/montarsite.com.br\/blog\/#\/schema\/person\/ec0b69154daa83cd0b715286d3afff69","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/montarsite.com.br\/blog\/#personlogo","inLanguage":"pt-BR","url":"https:\/\/secure.gravatar.com\/avatar\/537cf7dcbf377cc4cfb6674b04499cb2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/537cf7dcbf377cc4cfb6674b04499cb2?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/montarsite.com.br\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/posts\/39"}],"collection":[{"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":1,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions\/41"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/media\/40"}],"wp:attachment":[{"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/montarsite.com.br\/blog\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}