{"id":4312,"date":"2012-01-19T07:00:03","date_gmt":"2012-01-19T10:00:03","guid":{"rendered":"http:\/\/thuer.com.ar\/?p=4312"},"modified":"2012-03-27T17:49:23","modified_gmt":"2012-03-27T20:49:23","slug":"5-recursos-diseno-pasados-moda","status":"publish","type":"post","link":"https:\/\/thuer.com.ar\/?p=4312","title":{"rendered":"5 recursos de dise\u00f1o que ya pasaron de moda y c\u00f3mo suplantarlos"},"content":{"rendered":"<p>El dise\u00f1o -ya sea web, gr\u00e1fico, de modas o industrial- est\u00e1 alcanzado por tendencias o modas que marcan una cierta pauta de los recursos que se est\u00e1n utilizando. De alg\u00fan modo, los usuarios o consumidores esperan manejarse en un contexto previsible que las aporte seguridad y, a la vez, reconocer rasgos distintivos que doten de personalidad al objeto.<\/p>\n<p>En este sentido, es interesante el aporte que hace DesignShack a trav\u00e9s de<a href=\"http:\/\/designshack.net\/articles\/graphics\/5-former-design-trends-that-arent-cool-anymore-so-stop-using-them\/\" target=\"_blank\" rel=\"noopener\"> 5 Former Design Trends That Aren\u2019t Cool Anymore (So Stop Using Them)<\/a> donde recoge algunos de los principales clich\u00e9s del dise\u00f1o que han sido exprimidos hasta el hartazgo y ya no provocan ese toque sofisticado y moderno que ten\u00edan anta\u00f1o.<\/p>\n<h2>1. Bevel &amp; Emboss (biseles y relieve)<\/h2>\n<p>En alg\u00fan momento pudo ser original, pero ahora parece un recurso de principiante con el Photoshop. Una imagen as\u00ed hace que tu dise\u00f1o autom\u00e1ticamente retroceda 10 a\u00f1os.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4313\" title=\"Bevel &amp; Emboss\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-1.jpg\" alt=\"Bevel &amp; Emboss\" width=\"510\" height=\"310\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-1.jpg 510w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-1-200x121.jpg 200w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\n<p>Hoy en d\u00eda se tiende a minimizar el uso de estos recursos y darle a los objetos un aspecto m\u00e1s real sin sombras y brillos artificiosos. En lo personal creo que no hay que obsesionarse con estos efectos iluminaci\u00f3n y mejor trabajar con sombras m\u00e1s situales. De todas formas, si la intenci\u00f3n es dar sensaci\u00f3n de relieve mejor trabajar con sombras y brillo m\u00e1s ten\u00faes y progresivos. Un buen ejemplo es este trabajo de <a href=\"http:\/\/dribbble.com\/Icondeposit\" target=\"_blank\" rel=\"noopener\">Matt Gentile<\/a>.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/new_ui.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4314\" title=\"Twitter UI\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/new_ui.jpg\" alt=\"Twitter UI\" width=\"400\" height=\"300\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/new_ui.jpg 400w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/new_ui-200x150.jpg 200w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<h2>2. Brillos \u00aba la\u00bb Web 2.0<\/h2>\n<p>S\u00ed, en un momento la web 2.0 se puso de moda y surgieron los colores brillantes y efectos de pl\u00e1stico brillante. Era un lindo momento donde decir redes sociales era estar a la vanguardia y todo el mundo pon\u00eda el r\u00f3tulo de \u00abbeta\u00bb al lado de su logo.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4315\" title=\"Gradientes web 2.0\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-2.jpg\" alt=\"Gradientes web 2.0\" width=\"510\" height=\"310\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-2.jpg 510w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-2-200x121.jpg 200w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\n<p>Esa \u00e9poca ya pas\u00f3. Los degradados con efecto vidriado ya tuvieron su hora estelar y si bien son un recurso v\u00e1lido su abuso termin\u00f3 por homogeneizar muchos sitios web. Hoy en d\u00eda es preferible apostar por degradados m\u00e1s suaves, bordes ligeramente marcados para despegar el bot\u00f3n del fondo. Como lo hacen en la web de Firefox.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/boton-firefox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4316\" title=\"Bot\u00f3n Firefox\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/boton-firefox.png\" alt=\"Bot\u00f3n Firefox\" width=\"320\" height=\"79\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/boton-firefox.png 320w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/boton-firefox-200x49.png 200w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><\/p>\n<h2>3. Textos en manuscrito<\/h2>\n<p>Por alguna raz\u00f3n la utilizaci\u00f3n de la tipograf\u00eda manuscrita cada tanto resurge en el dise\u00f1o. Se trata de un recurso que bien utilizado aporta un toque fresco y casual para quebrar la sucesi\u00f3n de tipograf\u00edas formales. Pero normalmente se termina recurriendo a fuentes gratuitas que aparecen por todo el sitio con lo cual se pierde su intencionalidad original y el sitio en lugar de lucir \u00abfresco\u00bb parece desorganizado y con problemas de legibilidad.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4317\" title=\"Tipograf\u00eda manuscrita\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-3.jpg\" alt=\"Tipograf\u00eda manuscrita\" width=\"510\" height=\"310\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-3.jpg 510w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-3-200x121.jpg 200w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\n<p>En su lugar, mejor apostar por tipos claros y simples para presentar el texto. Hoy en d\u00eda, existe much\u00edsimas tipograf\u00edas con estilo y buena legibilidad. Mejor reservar el estilo manuscrito para lugares donde realmente tenga valor.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/58494.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-4318\" title=\"Tipograf\u00eda Brandon Grotesque\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/58494-628x314.png\" alt=\"Tipograf\u00eda Brandon Grotesque\" width=\"628\" height=\"314\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/58494-628x314.png 628w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/58494-200x100.png 200w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/58494.png 720w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/a><\/p>\n<h2>4. Promociones estrelladas<\/h2>\n<p>Ofertas, descuentos, 2&#215;1 y dem\u00e1s reclamos promocionales sol\u00edan estar siempre dentro una estrella de colores vibrantes. Un golpe de efecto al que ya le pas\u00f3 su cuarto de hora y que actualmente se puede reemplazar por una gama mucho m\u00e1s amplia de recursos gr\u00e1ficos para destacar argumentos de venta.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4325\" title=\"photoshopdonts-4\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-4.jpg\" alt=\"Las estrellas con promociones ya no van m\u00e1s\" width=\"510\" height=\"310\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-4.jpg 510w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-4-200x121.jpg 200w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\n<p>En su lugar, podemos optar por lazos colocados en esquinas, v\u00e9rtices o centrados en la misma p\u00e1gina. Otra alternativa son los distintivos o divisas que ayudan a destacar la informaci\u00f3n pero de un modo mucho m\u00e1s arm\u00f3nica e integrado con el resto de los elementos gr\u00e1ficos de la p\u00e1gina<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/ribbon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4326\" title=\"ribbon\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/ribbon.jpg\" alt=\"Lazos o divisas para remarcar ofertas\" width=\"580\" height=\"290\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/ribbon.jpg 580w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/ribbon-200x100.jpg 200w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><\/p>\n<h2>5. Sombras exageradas sobre el texto<\/h2>\n<p>Hubo un tiempo en que el descubrimiento de las sombras caus\u00f3 furor y se aplicaba a casi cualquier elementos. Como suele ocurrir con las cosas nuevas, se utiliz\u00f3 de una forma abundante y exagerada donde pasada la sorpresa inicial la sombra se convert\u00eda en un elementos distractivo. Como ocurre con el efecto \u00abbevel &amp; emboss\u00bb, utilizar este recursos de la misma manera significa gritar a los 4 vientos que nuestro criterios est\u00e9tico se ha detenido en el tiempo.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4327\" title=\"photoshopdonts-5\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-5.jpg\" alt=\"Sombras exageradas no van m\u00e1s\" width=\"510\" height=\"310\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-5.jpg 510w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/photoshopdonts-5-200x121.jpg 200w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/p>\n<p>\u00bfHay que dejar de usar sombras? Seguro que no, pero si emplearlas de un modo diferente. Apostar por la sutileza, los matices y degradados suaves que ayuden a reforzar la comprensi\u00f3n del texto. O l\u00edneas definidas que ayuden a marcar el relieve sin utilizar excesivos nivels de degradado.<\/p>\n<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/designing-monsters-header.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-4328\" title=\"designing-monsters-header\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/designing-monsters-header.jpg\" alt=\"Degradados suaves para las tipograf\u00edas\" width=\"560\" height=\"327\" srcset=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/designing-monsters-header.jpg 560w, https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/designing-monsters-header-200x116.jpg 200w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Un sitio con aspecto anticuado y donde adentrarse en sus p\u00e1gina implique un salto en el tiempo es algo que nadie quiere. Una cosa es utilizar la est\u00e9tica retro o vintage como recurso y con cierto sentido y otra cosa es abrir en el navegador un dise\u00f1o al que simplemente le pas\u00f3 el tiempo.<\/p>\n<p>Las t\u00e9cnicas y recursos descriptos son propias de un modo dedise\u00f1ar sitios web que ya est\u00e1 superado. No quiere decir que lo que se utiliza hoy sea mejor -aunque es cierto que ahora hay una mucho mayor preocupaci\u00f3n por los peque\u00f1os detalles- pero s\u00ed que al menos aporta un toque actual al dise\u00f1o. En definitiva, <em>aggiornare<\/em> a los tiempos que corren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o -ya sea web, gr\u00e1fico, de modas o industrial- est\u00e1 alcanzado por tendencias o modas que marcan una cierta pauta de los recursos que se est\u00e1n utilizando. De alg\u00fan modo, los usuarios o consumidores esperan manejarse en un contexto previsible que las aporte seguridad y, a la vez, reconocer rasgos distintivos que doten de &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"5 recursos de dise\u00f1o que ya pasaron de moda y c\u00f3mo suplantarlos\" class=\"read-more button\" href=\"https:\/\/thuer.com.ar\/?p=4312#more-4312\" aria-label=\"M\u00e1s en 5 recursos de dise\u00f1o que ya pasaron de moda y c\u00f3mo suplantarlos\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":4548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[21,56,169],"tags":[54,407],"class_list":["post-4312","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blog","category-diseno-web","category-photoshop","tag-diseno","tag-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/old-fashioned.png","featured_image_src_square":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2012\/01\/old-fashioned.png","author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/4312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4312"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/4312\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/media\/4548"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}