• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

Diseño

El camino hacia la excelencia en el diseño [infografía]

Sebastián Thüer · 10.05.2013 ·

Esta infografía no es de las más bonitas ni logradas pero la información que contiene es valiosa ¿Cómo lograr un diseño de excelencia? ¿Por donde se comienza? El gráfico propone un camino bastante lineal pero que sirve para organizar un poco todo aquello que alguna vez un diseñador o estudiante de diseño ha escuchado alguna vez: ser creativo pero no ambiguo; prestar atención al color, las formas y las texturas; escoger el tipo de diseño adecuado para cada necesidad, entre otras frases trilladas.

Quizás la clave para orientar un buen diseño esté en el primer paso y tiene que ver con una pregunta muy sencilla: ¿qué tipo de imagen voy a escoger para contar la historia? Puede ser una fotografía, una ilustración, un mapa, un diagrama o una metáfora. Pero el punto de partida es determinar qué tipo elementos visual se ajusta al proyecto.

Una vez hecho esto, sí nos centramos en variables específicas del diseño para concentrar nuestra atención en las formas, tamaños, colores, texturas, posiciones y la perspectiva. En este momento no hay lugar para las dudas o la experimentación: hay que jugar con los elementos básicos que tiene todo diseñador a su alcance para crear.

El tercer lugar lo ocupan los principios generales del diseño que todos deberíamos conocer: consistencia, repetición, contraste y proximidad. Recién en cuarto lugar entramos en la corrección tratando de corregir problemas como la sobresimplificación, el mal uso de clichés y la sobrecarga de ambiguedad. Y, recién para el último peldaño dejamos la innovación.

excelencia-visual

Ver infografía interactiva

Transformá tu diseño en Illustrator a código con Drawscript

Sebastián Thüer · 16.04.2013 ·

Drawscript es una de esas pequeñas joyas que hacen la vida de los profesionales del diseño y la programación un poco menos tortuosa. Se trata de una extensión que traduce un diseño en Illustrator a código fuente, es decir, nos permite incorporar un gráfico o ilustración a la interfaz de otro programa.

drawscript

Drawscript es capaz de transformar un diseño en Illustrator a código JavasScript, C++, OBJ-C, ActionScript 3 y JSON, entre otros.

Simplemente hay que descargar el archivo, instalarlo como extensión y automáticamente tendremos en Illustrator una ventana donde se nos muestra el código. Es decir, nos podemos llevar ese diseño prácticamente a cualquier programa.

El proyecto está en beta y es una iniciativa open source.

La crisis de la complejidad, cuando la simplicidad es la solución

Sebastián Thüer · 02.04.2013 ·

Fotografía: Complexity 1, por Michael Heiss (CC)
Fotografía: Complexity 1, por Michael Heiss (CC)

En un día típico tenemos varios momentos en que nos sentimos frustrados y confundidos por la complejidad. Nuestra vida esta llena de objetos tecnológicos que no podemos usar, instrucciones que no podemos seguir y  planillas que no podemos descifrar. Un GPS, la etiqueta de un medicamento o un formulario de declaración de impuestos: elementos que solían ser simples se han vuelto increíblemente intrincados y difíciles de comprender.

Así comienza When Simplicity Is the Solution, el excelente artículo escrito por Alan Siegel e Irene Etzkorn para The Wall Street Journal donde relatan como la complejidad lo ha invadido todo. Aun nuestros tiempos de entretenimientos y recreación.

La web Sephora.com ofrece 1.992 fragancias, 436 lociones y 135 máscaras diferentes. Buscar una aplicación para el iPhone puede ser una odisea en un App Store que va camino al millón de aplicaciones (800.000 actualmente). Y hasta un comerciante que quiera vender con tarjeta de crédito debe leerse un contrato de 20.000 palabras cuando en 1980 no se extendía más allá de las 400.

El problema no se circunscribe solamente a la tecnología. Las leyes, las regulaciones gubernamentales y las prácticas comerciales abusivas que se esconden detrás de la letra pequeña también tienen mucho que ver con esto. Y también las compañías, para quienes resulta mucho más fácil ir agregando parches, notas al pie, excepciones y cláusulas a su información que reescribirla desde cero para hacerla más comprensible.

Ponerse en el lugar del otro

La clave para vencer esta complejidad pasa por la empatía. Esta palabra siempre de moda en el mundo de la comunicación supone asumir la perspectiva del otro como la nuestra y comprender la importancia de la experiencia a la hora de usar un producto o servicio.

A la hora de tratar un paciente, por ejemplo, no se trata solo de prestarle atención médica. Así lo hicieron en Cleveland Clinic donde realizaron un profundo trabajo para comprender como los olores, los sonidos, el saludo, la programación de turnos y hasta la disposición del personal de seguridad afecta las emociones del paciente. Así desarrollaron protocolos y normas que van desde los tiempos que tienen las enfermeras para responder a los pacientes -y en qué momentos deben establecer contacto visual – hasta el lenguaje que deben usar los médicos para comunicarse con los enfermos.

Empatía en el diseño

Desde esta perspectiva, el trabajo del diseñador es básicamente generar empatía. Intervenir en el proceso de desarrollo de un producto o servicio para hacer su uso más fácil, más simple y más agradable. Sin embargo, hay muchos ejemplos de cómo no se han las cosas bien.

Los prospectos de medicamentos son todo un tema. Generalmente, las personas buscan 2 o 3 datos sencillos y concretos: cuál es la droga y su efecto, cómo debe tomarse y qué efectos secundarios podría haber. Pero para hallar esta información hay que bucear en un texto lleno de tecnicismos y con tipografía minúscula.

Ni que hablar de la web, donde si nos detuviéramos a leer los términos y condiciones de cada sitio, la política de privacidad de cada página donde hay que ingresar datos y las licencias de los software que utilizamos harían de la navegación una experiencia tortuosa.

Quien lo parece haber entendido perfectamente es Google. Su página principal sigue siendo una simple y despojada ventana donde el logo de la empresa y la caja de búsqueda ocupa los lugares centrales. No todos los sitios pueden seguir este modelo, claro está, pero quizás sí su filosofía: mantener el diseño tan simple como sea posible.

The Big Book of Font Combinations: Un libro con ejemplos para combinar fuentes

Sebastián Thüer · 01.04.2013 ·

big-book-font-combinationCon la cantidad de tipografías disponibles es posible pasar horas mirando fuentes y más tiempo aun para escoger una combinación adecuada. Días atrás comentaba algunas consideraciones básicas para combinar tipografías, una serie de principios generales que el diseñador debe tener en cuenta cuando trabajar con más de una familia tipográfica.

Sin embargo, a veces en que no hay demasiado tiempo y necesitamos una solución rápida. O que la cuestión tipográfica no es nuestro fuerte como diseñadores y necesitamos aprender de buenos ejemplos. Para ello existe The Big Book of Font Combinations, un libro de 350 páginas con una selección de las tipografías que han dejado huella en el mundo del diseño y algunos ejemplos de cómo han sido combinadas.

Este ebook (ver muestra en PDF) tiene un índice bien organizado, muestra ejemplos de aplicación de estas tipografías y permite buscar directamente una fuente en concreto. Un buen recurso que no está de más en la biblioteca del diseñador y que por tiempo limitado está disponible a un precio promocional de USD $13.

Diseño web: Una selección de listas con lo mejor del 2012

Sebastián Thüer · 03.01.2013 ·

Es un clásico. A esta altura del año salen las clásicas listas de recopilación que repasan lo mejor y lo peor de cada rubro ¿Qué hay del diseño web? Varios sitios especializados han armado sus catálogos para presentar lo más destacado del 2012.

Podemos encontrar dos tipos de listas: las ilustrativas, que pretenden recoger los mejores diseños; y las conceptuales, que analizan las tendencias. Aquí una selección de estos listados que siempre conviene repasar para reconocer el contexto en el cual estamos haciendo diseño web.

Best of Web Design in 2012

best2012-01

Esta recopilación del blog especializado Web Design Ledger hace una selección de los diseños que más comentarios y debates despertaron en sus lectores. La selección es variada con cierta predominancia de diseños minimalistas, uso de grande fotos y tipografías y, en menor medida, algo de collage.

[tf_button link=»http://webdesignledger.com/inspiration/best-of-web-design-in-2012″ align=»center»]Ver[/tf_button]

The 30 Best Web Design Gallery Picks of 2012

best2012-02

La presencia cada vez más fuerte de HTML5, CSS3 y el diseño web adaptativo fueron las principales características del diseño web en 2012 según Design Shack que armó su propio listado donde sobresalen los sitios con amplias imágenes, tipografía preponderante y aquellos que tienen hacen uso del espacio con una cuidada composición.

[tf_button link=»http://designshack.net/articles/inspiration/the-30-best-web-design-gallery-picks-of-2012/» align=»center»]Ver[/tf_button] 

40 Super Creative And Crazily Unique Web Designer Portfolios: 2012

best2012-03

Si sos diseñador web y estás pensando en renovar tu portfolio deberías mirar este post de 1st Web Designer que recopila algunos de los trabajos online más creativos donde sobresale el uso de metáforas, el humor y especialmente un estilo propio que se advierte desde la misma página principal de cada sitio.

[tf_button link=»http://www.1stwebdesigner.com/inspiration/web-designer-portfolios-2012/» align=»center»]Ver[/tf_button]

15 top web design anddevelopment trends for 2012

best2012-04

En lugar de hacer una presentación de sitios este artículo propone reflexionar sobre cuáles fueron las principales tendencias del diseño web en el 2012 desde el punto de vista conceptual. Las mejoras progresivas gracias a HTML5 y CSS3, diseño web adaptativo y la recuperación de Flash como tecnología para animación y 3D son algunos de los elementos salientes junto a la importancia cada vez mayor de la optimización para dispositivos móviles.

[tf_button link=»http://www.netmagazine.com/features/15-top-web-design-and-development-trends-2012″ align=»center»]Ver[/tf_button]

50 Unique and Inspiring Website Designs 2012

best2012-05

En lugar de concentrarse en las tendencias este post propone revisar lo contrario: aquellos sitios que se destacaron por alejarse de las propuestas mayoritarias. Diseños coloridos, divertidos y artísticos predominaron en este original listado.

[tf_button link=»http://blog.wezile.com/2012/01/50-unique-and-inspiring-website-designs/» align=»center»]Ver[/tf_button]

20 experiential web design trends for 2012

best2012-06

«El diseño web sigue evolucionando por su propia naturaleza, como debe ser, para sacar el máximo provecho de los navegadores modernos y usar HTML5, CSS3 y jQuery para proporcionar una experiencia de usuario maravillosa para los propietarios de teléfonos inteligentes y tabletas», comienza diciendo este artículo que analiza las tendencias del año que pasó. Experiencia de usuario independiente del dispositivo, elementos fijados en pantalla, diseños para tocar, uso de grillas al estilo Pinterest, formularios de registro ultrarápidos y buscar una conexión emocional con el usuario son algunas de las claves que reconoce en el diseño web actual.

[tf_button link=»http://econsultancy.com/ar/blog/11005-20-experiential-web-design-trends-for-2012″ align=»center»]Ver[/tf_button]

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 3
  • Página 4
  • Página 5
  • Página 6
  • Página 7
  • Página 8
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder