Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

9 consejos rápidos para realizar un diseño medianamente decente

by
Length:ShortLanguages:

Spanish (Español) translation by Héctor Fernández Gutiérrez (you can also view the original English article)

¿Medianamente decente?

Quizás seas un novato en esto del diseño, pero quieres hacer las cosas razonablemente bien ( sin necesidad de utilizar la plantilla o borrador que está utilizando todo el mundo). O quizás estés intentando entender los infinitos factores que hay detrás de un buen diseño pero, por ahora, sólo necesitas acabar algo.

Si sigues estos consejos, estarás en el camino de obtener un diseño con un resultado más o menos decente y simplificarás bastante tu aprendizaje a medida que vas desarrollando tus habilidades sobre la marcha, en vez de estar navegando en un mar de infinitas posibilidades.

Los Consejos

Vamos al grano…

#1 No utilices fuentes que están de moda

Hay miles de fuentes ahí fuera. Y es un hecho que la mayoría de éstas son terribles. Hay toneladas de fuentes que son geniales, pero muchas más que son horrorosas.

Definitivamente evita cualquier fuente de este tipo: fuentes que puedan parecer escritas a mano,...o que tengan parecido a un queso suizo. No todo este tipo de fuentes es malo pero, si eres un diseñador novel, es mejor que no te compliques la vida con rarezas ya que ésto te llevará a elegir la fuente equivocada.

#2 Mantén la elección de tu fuente simple

Puesto que hay tantos malos tipos de fuente por ahí, no te compliques arriesgandote a elegir las equivocadas. Cíñete a algunos ejemplos sencillos, y concéntrate en aprender a reconocer que tipos de fuente son buenos para pantallas pequeñas, cuáles son buenos para los tamaños más grandes (o para la impresión), y lo que intentas transmitir con cada uno. Si quieres un consejo rápido, échale un vistazo a "todas las fuentes que necesitarás alguna vez" parte de mi curso “Diseño para Hackers”.

#3 Nunca más de 15 palabras en la misma línea.

Las pantallas grandes, así como las diseños responsive, se han confabulado para que muchas personas hagan sus bloques de texto en el cuerpo demasiado amplios. No dejes nunca que tus bloques de texto tengan más de doce-quince palabras por línea. Así mismo, no dejes que los bloques contengan menos de ocho palabras por línea.

#4 Usa sólo una fuente

Sí, realmente estoy diciendo ésto. Sí, definitivamente se puede hacer un gran diseño, e incluso enriquecer un diseño, mediante el uso de más de un tipo de letra, pero si estás dando tus primeros pasos en esto del diseño, evita las distracciones. Vas a aprender mucho, mucho más acerca de cómo crear un buen diseño si eliges únicamente una buena tipografía que sea adecuada para tus proyectos, en lugar de preocuparte por los cambios de tamaño, la alineación y el espacio en blanco (más sobre este tema en el consejo # 9).

#5 Usa una escala variada para escoger tamaños de fuente

Con tipografía digital, tenemos el lamentable lujo de poder elegir el tipo de tamaño que queramos. Digo "desafortunado" porque para la mayoría de personas esto es un perjuicio, ya que complica las cosas. Házte un favor y utiliza sólo estos tamaños en píxel: 5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83. Estos tamaños se basan en una proporción de 3:4 Si quieres, puedes leer más sobre los detalles técnicos de estos tamaños en “Cómo establecer una escala tipográfica modular estable”.

Si alguno de estos tamaños no consigue el efecto que buscas, existen numerosas cosas que puedes hacer: utilizar negrita o cursiva, escribir en mayúsculas (para títulos y metadatos), o utilizar un color diferente. Utiliza estos tamaños, y preocupate de otra cosa.

#6 Nunca justifiques los bloques de texto

El justificado alinea el cuerpo del texto tanto a la derecha como a la izquierda, extendiendo las palabras a través del espacio disponible. Puedes lograr un texto bien justificado preparado para imprimirse con algún software de autoedición de calidad, si realmente conoces tu tipografía. En la web, en cambio, es imposible hacerlo de manera correcta. Los bloques de texto necesitan tener una textura uniforme, y justificarlos sólo producirá antiestéticos agujeros que interrumpen la lectura. No sacrifiques tu contenido por la falsa satisfacción de tener un borde liso en tus bloques de texto.

Espaces disgracieux

#7 Reduce los adornos, texturas y efectos al mínimo

Ponte a prueba para evitar adornos que sobrecarguen el diseño (subrayados, bloques de texto, gradientes y texturas) tanto como sea posible. Simplifica y preocupate por los demás detalles (como las de # 9), quizás entonces podrás empezar a añadir un par de cosas donde sea necesario.

Un des motifs attrayants disponibles sur thepatternlibrary.com, à utiliser avec précaution !

#8 Elije un color

Echa un vistazo a las marcas más conocidas a las que sigues generalmente. Tal vez sean Google, Yelp, Duolingo, y Twitter, por ejemplo. Cada una de ellas te recuerda su propio color, y ese color domina cada uno de sus productos. Elige un color que sea adecuado para tu diseño. A continuación, haz todo lo demás a partir de matices y tonos de ese color - o tonos de gris. Pero, más que nada, simplifica. Una vez más, concéntrate en el consejo # 9 en primer lugar.

#9 Céntrate más en lo "Invisible" que en lo "Visible"

Todo lo anterior está destinado a ayudar a simplificar tus decisiones para que puedas concentrarte en las cosas "invisibles" del diseño. Somos avaros cognitivos, y nos distraemos fácilmente por las cosas brillantes como fuentes y colores, cuando las cosas que realmente importan en la creación de un diseño limpio y coherente es: el tamaño de los elementos, la manera en que se alinean y se relacionan entre sí, y la cantidad de espacio en blanco entre ellos - estos elementos son invisibles para nosotros.

Las fuerzas invisibles son tan poderosas que he desarrollado un curso completo sobre ellas, disponible a través de tu email.

Conclusión

El diseño es una disciplina infinitamente compleja, y todas estas reglas pueden ser cambiadas por un diseñador muy hábil. Incluso tú puedes tratar de romperlas por tí mismo cuando tengas la suficiente soltura y te sientas cómodo aplicando estas normas, pero hasta entonces, sigue estás reglas y te irá bien en tu camino de realizar un diseño, no sólo medio decente, ¡sino totalmente!

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.