Antes de que pueda dominar el diseño, primero debe dominar los fundamentos

La semana pasada, uno de mis lectores envió una pregunta: ¿Cómo puedo convertirme en un mejor diseñador visual?

Mientras pensaba en cómo responder a esta pregunta, mi mente vagó hacia mi experiencia con el aprendizaje del chino mandarín. Recientemente, decidí aprender mandarín por mi cuenta. Cuando se trata de aprender un nuevo idioma, primero debes comenzar con los fundamentos. Los sustantivos, pronombres y verbos forman la base para transmitir ideas más complejas.

El lenguaje es una forma en que las personas se comunican conceptos entre sí. El diseño visual es un lenguaje visual. Y aprender diseño visual no es diferente de aprender un nuevo idioma.

Los buenos diseños visuales no nacen. Ellos estan hechos. La clave para convertirse en un mejor diseñador visual es el rigor. Solo mejorarás como diseñador visual si haces un esfuerzo consciente.

Aquí hay algunos fundamentos que debe dominar para que pueda llevar su diseño visual al siguiente nivel.

Fundamental # 1: Regrese a lo básico con el tipo

Se puede saber mucho sobre un diseñador mirando su tipografía. Esto se debe a que la tipografía es una base fundamental para el diseño.

Puede crear diseños completos con solo escribir. También puede basar los diseños en la tipografía, tomando colas sutiles de las fuentes que elija. Para mejorar la tipografía en sus diseños, primero comience por aprender los conceptos básicos.

Desarrolle un vocabulario para describir tipos. Obtenga más información sobre el significado de términos como seguimiento, interletraje e interlineado. El artículo Un glosario bellamente ilustrado de términos tipográficos que debe conocer es un excelente recurso visual para aprender esos términos.

Luego, si desea una comprensión completa de cómo aplicar la tipografía a la web, lea Tipografía web: los elementos del estilo tipográfico aplicado a la web.

Finalmente, aprenda a emparejar fuentes. Un gran recurso para esto es FontWolf y FontPair. Poder emparejar fuentes juntas cambiará drásticamente la dinámica de su diseño.

Para una exploración más profunda de la tipografía, puedes leer mi artículo: La tipografía puede hacer tu diseño… o romperlo.

Fundamental # 2: Use el espacio para crear equilibrio

El espaciado ayuda a establecer el movimiento vertical y horizontal en sus diseños. Es fundamental para crear una jerarquía visual y formar asociaciones entre elementos.

Siempre puedes buscar en sitios como Behance y Dribbble para inspirarte sobre cómo espaciar los elementos. Pero es importante desarrollar su propia intuición para usar el espacio para crear equilibrio y armonía visual.

Al estudiar tipografía, es posible que haya notado la importancia del espaciado en la tipografía. Ajustar el kerning y el interlineado de las fuentes es un gran ejercicio para desarrollar su ojo para el espaciado. Por esta razón, te recomiendo que pruebes KernType, un juego en el que comparas tu solución de kerning con la solución de un tipógrafo.

Otro ejercicio que ayudará a desarrollar su ojo es el siguiente: tome un diseño existente, dibuje un eje xey, simplifique el diseño en formas básicas, analice cómo se equilibra el diseño y luego reorganice los elementos. Preste mucha atención a cómo el espacio negativo afecta el equilibrio de los elementos.

Fundamental # 3: Use el tamaño para establecer la jerarquía visual

Cuando se trata de crear una jerarquía visual, el tamaño es insuperable. Al usar el tamaño para transmitir relaciones visuales entre elementos, puede establecer un flujo.

El tamaño es una de las razones por las que las cuadrículas son útiles. Puede usar cuadrículas para ayudarlo a dimensionar elementos usando proporciones para transmitir importancia.

Una vez que haya determinado el tamaño de un elemento, manténgalo igual en todas las instancias. En diseño, la consistencia es el rey.

Aquí hay un ejercicio que le ayudará a desarrollar su ojo para el tamaño.

La clave es pedir comentarios.

Dibuja o crea una estructura alámbrica de una página de destino. Luego pídale a un amigo que mire su diseño. Haga que rodeen los elementos que más se destacan. Luego, pídales que numeren los elementos encerrados en un círculo según el peso visual. ¿Son los resultados los que esperaba?

Al hacer este ejercicio, tenga en cuenta las siguientes preguntas:

  • ¿Cuál es el objetivo de conversión de la página de destino? ¿Cómo puede optimizar para alcanzar su objetivo?
  • ¿Cuál es la relación entre diferentes elementos? ¿Qué elementos quieres enfatizar?
  • ¿Su diseño guía correctamente la vista del usuario a través de la página?

Fundamental # 4: Usa el color para transmitir significado

El color juega muchos papeles. Transmite significado, crea resonancia emocional y aporta unidad a los diseños.

Para una inmersión profunda en el color, puede leer mi artículo Diseñar en color. Aquí hay algunos puntos clave del artículo.

  • Identifique el propósito de su diseño antes de elegir una paleta de colores. El buen diseño alinea su paleta de colores con su propósito.
  • Identifica tu audiencia. Las personas perciben los colores de manera diferente. Los colores tienen diferentes efectos en las personas según sus preferencias personales, educación cultural y experiencias.
  • Al elegir una paleta de colores, la simplicidad es clave. Elija un color de fondo neutro. Luego elija un color de acento primario y secundario. Finalmente, basándose en sus otros colores, elija un color de error y éxito para sus diferentes estados de interfaz de usuario.

Una vez que tenga una buena comprensión de los conceptos básicos de la teoría del color, el color se reduce a la experimentación y la iteración. Intente activamente salir de su zona de confort y pruebe nuevas paletas de colores.

Aquí hay un ejercicio que le ayudará a desarrollar su ojo para el color.

Dedique tiempo a compilar paletas de colores para las cosas que le rodean, como fotografías, revistas y sus programas favoritos. Luego, tome un diseño existente y aplíquele nuevas paletas de colores.

Toma nota de cómo cambia el estado de ánimo y el tono del diseño. ¿Cambia también el significado?

Trate su trabajo como un oficio, en el sentido de que siempre hay algo que puede mejorar. Confíe en usted mismo para ser la motivación para convertirse en un mejor diseñador.

¿Cuáles son sus estrategias para mejorar como diseñador? Déjame una nota o envíame un tweet en Twitter.

Si le gustó este artículo, también puede disfrutar de CSS en Javascript con Aphrodite, una biblioteca de Khan Academy.

CSS en Javascript: el futuro del estilo basado en componentes

Esta semana, quiero presentarles el concepto de CSS en Javascript con Aphrodite de Khan Academy. Afrodita deja ... medium.com

Me puedes encontrar en Medium donde publico todas las semanas. O puedes seguirme en Twitter, donde publico divagaciones sin sentido sobre diseño, desarrollo de front-end y realidad virtual.

PD: Si disfrutaste este artículo, significaría mucho si haces clic en? y compartir con amigos.