{"id":2721,"date":"2014-05-15T01:07:57","date_gmt":"2014-05-15T01:07:57","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/?p=2721"},"modified":"2014-05-15T02:55:51","modified_gmt":"2014-05-15T02:55:51","slug":"flat-design","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/flat-design\/","title":{"rendered":"Flat Design"},"content":{"rendered":"<p>En la clase surgi\u00f3 un comentario sobre el estilo flat a partir de una de las tipograf\u00edas dise\u00f1adas para la web, as\u00ed que me pareci\u00f3 interesante hacer una introducci\u00f3n al tema. Al principio, el dise\u00f1o web se basaba en lo que ya conoc\u00edamos; la estructura, composici\u00f3n, jerarqu\u00eda y dem\u00e1s aspectos simulaban el formato de la revista. Luego se incorporaron texturas y detalles para lograr parecidos al mundo material (por ejemplo, la textura de Pinterest que representa el corcho).\u00a0Este nuevo estilo se caracteriza por intentar deshacerse de todos esos detalles y elementos visuales que est\u00e1n dem\u00e1s, llevando a un minimalismo, claridad y sencillez\u00a0en la manera de comunicar. Recibe\u00a0su nombre, \u00abflat\u00bb (que significa plano), para hacer \u00e9nfasis en la doble-dimensi\u00f3n sobre la cual trabaja. Resaltar\u00e9 cinco caracter\u00edsticas para describir el estilo:<\/p>\n<p>1. Elimina la sensaci\u00f3n de profunidad y todos los efectos visuales que intentan imitar el mundo material. Las sombras, los grisados, la gradiente, textura, brillo, etc.<\/p>\n<p>2. Utiliza elementos sencillos. Varias veces se mantienen las figuras geom\u00e9tricas, la intenci\u00f3n es que sea completamente intuitivo.<\/p>\n<p>3. Importancia en la tipograf\u00eda. Se puede utilizar una simple tipograf\u00eda sans serif con muchas variables y tal vez una m\u00e1s novedosa para acompa\u00f1ar.<\/p>\n<p>4. \u00c9nfasis en el color.<\/p>\n<p>5. El minimalismo.<\/p>\n<p>En las siguientes im\u00e1genes podr\u00e1n notar la transici\u00f3n entre ambos estilos.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2734\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/flat-design\/original\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original.jpg\" data-orig-size=\"960,540\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"original\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original.jpg\" class=\"alignnone size-medium wp-image-2734\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original-300x168.jpg\" alt=\"original\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original-300x168.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/original.jpg 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Skeumorfismo (consiste en utilizar interfaces visualmente muy similares a objetos reales).<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2735\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/flat-design\/online-radio\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio.jpg\" data-orig-size=\"600,350\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Online-Radio\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio.jpg\" class=\"alignnone size-medium wp-image-2735\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio-300x175.jpg\" alt=\"Online-Radio\" width=\"300\" height=\"175\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio-300x175.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Online-Radio.jpg 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2740\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/flat-design\/feather-weight\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight.jpg\" data-orig-size=\"1200,675\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Feather-Weight\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight-1024x576.jpg\" class=\"alignnone size-medium wp-image-2740\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight-300x168.jpg\" alt=\"Feather-Weight\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight-300x168.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight-1024x576.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Feather-Weight.jpg 1200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Para concluir, los dejo con una p\u00e1gina que contiene varios ejemplos de como se utiliza el estilo\u00a0<a title=\"flat design\" href=\"http:\/\/fltdsgn.com\/\" target=\"_blank\">flat<\/a>\u00a0para que puedan descubrirlo por ustedes mismos!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o flat est\u00e1 basado principalmente en la b\u00fasqueda del funcionamiento sobre la forma. Se enfoca en lo simple, los colores y tipograf\u00edas que enfatizan una sencillez y funcionalidad.<\/p>\n","protected":false},"author":164,"featured_media":2736,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-2721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-especimen"],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/courtneyandrew.jpg","jetpack_shortlink":"https:\/\/wp.me\/p4rrRH-HT","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/users\/164"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/comments?post=2721"}],"version-history":[{"count":7,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2721\/revisions"}],"predecessor-version":[{"id":2744,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2721\/revisions\/2744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media\/2736"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media?parent=2721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/categories?post=2721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/tags?post=2721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}