3 min read

Esqueumorfismo, Diseño Plano, y el Alza del Diseño Tipográfico

View all articles

Los libros, las películas y los programas de ciencia ficción a menudo predicen con exactitud el futuro. De tarjetas de débito a video chat a aterrizar en la luna — incluso los diseños de interfaz de usuario vistos en Star Trek y similares son bastante tendencia.

Las interfaces de usuario del futuro son siempre planas y cuentan principalmente con tipografía y trazos ó líneas.

Parece que la ciencia ficción predijo con exactitud el movimiento de diseño plano en la interfaz de usuario, pero los espectáculos de ciencia ficción llevaron a sus diseños un paso más allá basándose principalmente en la tipografía y las líneas.

La forma sigue a la función, y parece que estamos siempre avanzando hacia el corte de más desorden y centrarse en lo que más importa: resolver el problema de un usuario y ofrecer una oferta clara.

Comenzamos con el diseño esqueumorfórico luego yendo al diseño plano, y ahora creo que deberíamos desafiarnos a diseñar interfaces como las que hemos admirado en ciencia ficción con sólo tipografía y poco a nada más. Este nuevo estilo se puede llamar diseño tipográfico.

Necesitamos una mejor solución para hacer diseños que son más rápidos de iterar, pero que aún así se vean hermosas. Nuestros planos no son tan planos ya que tardan una eternidad en trabajar, mantener y cambiar. No estoy diciendo que debemos zanjar intrincados diseños por completo; sólo digo que necesitamos una segunda opción.

La Posibilidad y la Promesa de Diseño Tipográfico

Aquí es por qué podemos hacer diseños tipográficos o de tipografías posibles hoy:

  1. La tipografía ha avanzado tanto que tiene miles de versiones y muchas maneras diferentes de distinguir sus diseños del resto con una gran tipografía.

  2. Hay sitios de imagen de archivo increíble hoy. Tienes sitios como Unsplash proporcionando imágenes gratuitas y varios otros donde puedes comprar fotos originales para bastante barato.

Al igual que el diseño plano parecía demasiado simplista al principio (en comparación con el diseño esquemorfo) y algunas personas pensaron que podría no funcionar, esto podría sentirse la misma manera. Pero pienso que si todos juntamos nuestras mentes, podemos empujar este estilo del diseño bastante lejos y hacer diseños impresionantes con apenas algo de tipografía, líneas, e imágenes.

El diseño de página de inicio de Slack en 20 minutos de trabajo. Podrías probar tu idea en menos de una hora en una prueba de usuario para ver si tu mensajería funciona bien. La iteración es aún más rápida.

Si aportas este nivel de simplicidad a tus diseños, entonces tu:

  • Descubres si tu producto tiene sentido desde el principio, porque ya no podrás usar lorem ipsum como una muleta.

  • Ser capaz de probar tu página de destino o producto en cuestión de horas de trabajar en el diseño.

  • Ser capaz de cambiar las cosas muy fácilmente. Agregar funciones, iterar, etc. llevará minutos, no semanas.

  • Hacer que tu aplicación funcione mucho más rápido.

  • Descubre tu MVP de manera más rápida, ya que podrás cambiar la mensajería sobre la marcha.

Las Reglas del Diseño Tipográfico

Aquí están mis reglas propuestas para el diseño de tipo:

  1. Puedes usar líneas o trazos.

  2. Puedes utilizar iconos.

  3. Puedes utilizar la tipografía.

  4. Puedes cambiar el color del fondo.

  5. Puedes utilizar imágenes.

El diseño con el concepto de diseño tipográfico de la página principal de Lufthansa, hecho por el diseñador de Toptal Wojciech Dobry hecha en 2 horas. Se utilizaron diferentes tipografías para establecer las prioridades y la experiencia entera, y se utilizaron líneas para separar las secciones principales.

Eso es. No hay cajas, botones coloridos, olas, formas intrincadas, etc. Básicamente no hay diseños del tipo Dribbble.

Apuesto a que muchos diseñadores serán capaces de hacer piezas de diseño de tipo que se ven tan hermoso como cualquier diseño de Dribbble, sólo más limpio y con una interfaz de usuario mínima.

Concepto de rediseño de Facebook por Wojciech Dobry - características limitadas combinadas con tipografía simple e imágenes.

About the author

Michael Abehsera, United States
member since December 15, 2015
Michael is a UI/UX designer and front-end developer originally from Israel and France. He specializes in designing landing pages and user interfaces. In addition, his background in marketing and data analysis helps him make better decisions in landing page designs and user interface construction. [click to continue...]
Hiring? Meet the Top 10 Freelance UI Designers for Hire in December 2018

Comments

comments powered by Disqus
Subscribe
Free email updates
Get the latest content first.
No spam. Just great articles & insights.
Free email updates
Get the latest content first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.
Trending articles
Relevant Technologies
About the author
Michael Abehsera
Designer
Michael is a UI/UX designer and front-end developer originally from Israel and France. He specializes in designing landing pages and user interfaces. In addition, his background in marketing and data analysis helps him make better decisions in landing page designs and user interface construction.