Principios de diseño: los 10 que importan y cómo usarlos.
Julio Arango · 17 min de lectura · Actualizado agosto de 2026
Todo layout que se siente bien está siguiendo reglas, las pueda nombrar o no quien lo hizo. Todo layout que se siente mal está rompiendo alguna.
Este artículo cubre los diez principios de diseño desde los que trabajo, qué hace cada uno, y cómo aplicarlos como checklist en tu propio trabajo. Al final hay una sección que responde la pregunta que todos hacen primero: por qué las listas que se encuentran en internet nunca coinciden en el número.
¿Qué son los principios de diseño?
Los principios de diseño son las reglas que un diseñador aplica, casi siempre sin anunciarlas, para que una composición funcione. Son las reglas detrás de un diseño visualmente atractivo que además tiene sentido para quien lo mira, y son el vocabulario común de los diseñadores gráficos.
Representan trabajo acumulado de investigadores y profesionales del diseño, la ciencia del comportamiento, la sociología, la física y la ergonomía. Los fundamentos del diseño son conocimiento prestado más que reglas inventadas.
Aunque se discuten por separado, en la práctica funcionan juntos. Se aplican mientras seleccionas, creas y organizas lo que va en la página. Los diseñadores con experiencia saben cómo estos principios se refuerzan o se contradicen entre sí, y eso es lo que les permite predecir cómo va a reaccionar quien mire el trabajo antes de que nadie lo vea.
Vale la pena separar dos términos que se usan como si fueran lo mismo. Los elementos de diseño, los elementos que componen el diseño, son la materia prima: línea, forma, color, textura, espacio, volumen, valor. Los principios son lo que haces con ellos. Elementos y principios son vocabulario y gramática, en ese orden, la base de cualquier lenguaje visual. Arte y diseño funcionan con el mismo par.
¿Cuáles principios de diseño importan?
Busca el término y vas a encontrar listas de cinco, siete, diez, doce y diecisiete. El número de principios no es lo importante. Los principios del diseño casi no cambian; lo que cambia es cómo cada lista agrupa los diferentes elementos que ayudan a destacar cada uno. La mayoría de las listas cubren el mismo terreno con agrupaciones distintas.
Después de más de 20 años y miles de diseños, trabajo desde diez reglas que considero las más importantes en cualquier proyecto.
¿Por qué diez y no los doce que mencionan la mayoría de las listas? Porque dos de ellos, la proporción y el espacio vacío, son resultados de aplicar los otros y no reglas separadas. Eso no es una degradación: simplemente los trato como parte del equilibrio y la proximidad.
Estos son los diez principios de diseño que uso, sin un orden particular, porque tienen el mismo peso:
1. Equilibrio
Los objetos en la vida real tienen peso físico. Los elementos visuales tienen peso visual. Los elementos grandes se leen como pesados, los pequeños como livianos, y cada uno carga peso en proporción a la atención que atrae.
El equilibrio es la distribución de ese peso entre objetos, colores, textura y espacio, incluyendo el espacio negativo. El equilibrio visual significa que el diseño carga un peso más o menos igual a ambos lados de su centro. Cuando se logra, la composición se siente asentada en vez de caótica.
Es como una balanza: demasiado peso de un lado, y todo se desequilibra.
Equilibrio simétrico
Un diseño simétrico usa una línea imaginaria para dividir el trabajo en dos mitades alrededor de un punto central. Elementos de peso visual equivalente se ubican a cada lado del eje, que es lo que crea la simetría.
Hay dos variantes: la simetría reflectiva, donde las dos mitades son imágenes espejo exactas, y la simetría traslacional, donde la misma forma aparece a ambos lados del diseño.
Equilibrio asimétrico
Una composición asimétrica usa elementos desiguales. Un lado puede tener un elemento visualmente pesado, equilibrado por varios elementos livianos del otro lado. El equilibrio asimétrico sigue siendo equilibrio, y produce una experiencia distinta. Donde un layout espejado se puede leer como estático y predecible, la asimetría se siente más dinámica.
Equilibrio radial
Esto ocurre cuando los elementos irradian desde un punto en el centro de un diseño. Piensa en los rayos que salen del sol o en los pétalos de una rosa. Esta forma de simetría añade profundidad y movimiento a un diseño, y dirige la atención hacia un objeto en el centro de la composición.
2. Contraste
El contraste es lo opuesto a la similitud, y la gente responde a la diferencia. Un diseño donde todo se ve igual no le da al ojo ningún lugar hacia dónde ir. Al variar color, forma, tamaño, textura y tipografía, puedes captar la atención, controlar el flujo visual y mantener a alguien interesado.
El contraste ocurre cuando dos o más elementos de una composición son distintos. Puede crear efectos específicos, resaltar la importancia de ciertos rasgos, y sumar atractivo visual a tus diseños. Como con la mayoría de los elementos del diseño, el trabajo es encontrar un equilibrio. El color, la tipografía y el tamaño funcionan los tres. Demasiadas variaciones a la vez confunden a quien mira, que es el efecto contrario al que se busca.
3. Énfasis
El énfasis dirige la atención del espectador hacia un elemento del diseño: un área de contenido, una imagen, un enlace, un botón.
Este principio está muy relacionado con el siguiente, la jerarquía, porque el objetivo del énfasis es crear un punto focal en la composición. Este efecto se logra manipulando elementos como color, forma y tamaño para que ciertas partes de un diseño resalten. El énfasis aparece en la mayoría de los campos del diseño, incluida la arquitectura, el diseño de paisajes y el diseño de moda.
Digamos que quieres dirigir la atención hacia un botón de llamado a la acción en una página web. Aumenta el tamaño del texto y usa un color que resalte contra el fondo, y el botón deja de ser algo que un visitante puede pasar por alto.
4. Jerarquía
La información ordenada de lo más importante a lo menos importante es más fácil de recorrer y de absorber. La jerarquía visual descansa sobre una tendencia bien documentada: el cerebro organiza lo que ve en un conjunto coherente en vez de leer cada parte de forma aislada.
La jerarquía organiza el valor de las partes de un diseño llevando la mirada del espectador hacia el elemento más importante primero.
En diseño, la jerarquía se usa para: dar estructura, crear organización visual, crear dirección, sumar énfasis.
Varios trucos visuales ayudan a trazar el recorrido correcto:
- Tamaño y escala. Mientras más grande sea un elemento, más probable es que alguien lo vea. Hacer algo más pequeño puede reducir su importancia y mover el énfasis a otro lado.
- Color y contraste. Usa colores brillantes para que ciertos elementos resalten. Un toque de color hace una gran diferencia.
- Tipografía. Usa distintas fuentes y estilos como cursiva y negrita para atraer la mirada y mover el texto más arriba o más abajo en la jerarquía. Elegir bien esas fuentes es una disciplina propia.
- Espacio en blanco. El área vacía alrededor de un elemento le da aire y hace que resalte.
Establecer una jerarquía visual clara importa porque mantiene un diseño unido. Bien usada, la jerarquía puede volver simple un mensaje complejo.
5. Proximidad
La proximidad indica que los elementos están conectados o tienen una relación entre sí, y se convierten en una unidad óptica que ayuda a organizar o dar estructura a un diseño. La proximidad es, en el fondo, saber cómo colocar los elementos relacionados, todos juntos. Cualquier parte sin relación debe separarse.
El espacio vacío es bueno. Agrupa los elementos relacionados y usa regiones abiertas grandes para sumar organización y estructura al diseño.
Variar la cantidad de espacio abierto para unir o separar elementos es cómo se comunican agrupaciones con sentido. Este mismo artículo es un ejemplo: cada sección se separa de la siguiente con un espacio más grande que el que hay entre párrafos dentro de ella.
El mismo efecto aparece en texto plano: las frases se agrupan en párrafos, separados arriba y abajo por líneas vacías.
Un error típico de principiante es esparcir elementos por la página para llenar los espacios. Esto suele producir mala proximidad, porque los componentes relacionados necesitan agruparse para que quien mira pueda determinar las relaciones y conexiones de la información. Agrupa lo relacionado y usa espacios amplios para sumar organización y estructura al diseño.
6. Alineación
La alineación es el más directo de los diez principios. Es el ordenamiento de los elementos en una página para que dejen de leerse como un desorden. Alinear los elementos crea una conexión visual entre ellos y le da orden al diseño. Sin alineación, la ubicación de los elementos se lee como algo sin dirección. Vale la pena aplicarla todo el tiempo y no solo de vez en cuando.
La alineación es la colocación de los elementos para que queden en línea dentro de una composición. En diseño, usamos la alineación para organizar elementos, crear estructura y, junto con la proximidad, crear conexiones entre elementos que dan un resultado claro. Por lo general la alineación sigue una línea invisible, aunque también puede estar implícita por un borde real. De cualquier forma, es una herramienta para lograr una apariencia particular.
Hay dos tipos de alineación: alineación de borde y alineación central.
Alineación de borde
Como sugiere el nombre, la alineación de borde se refiere a la ubicación del contenido en los bordes de una página o lienzo. Todo se mantiene en el borde, ya sea que los elementos estén a la derecha, izquierda, arriba o abajo de la página. Se llama alineación horizontal si el borde ordena los elementos a la izquierda o derecha. En cambio, si los elementos están en el borde superior o inferior, se llama alineación vertical.
Alineación central
Este segundo tipo de alineación ubica el contenido sobre una línea central imaginaria. Un ejemplo es el texto centrado: cada línea puede tener un ancho distinto, pero todas quedan al centro de la página. La misma regla aplica a cualquier elemento del diseño. Si la línea central imaginaria corre de arriba a abajo, se obtiene la alineación horizontal. De la misma forma, el contenido queda alineado verticalmente si la línea central corre en el plano horizontal, de un lado a otro.
7. Repetición
Como ya te habrás imaginado, la repetición ocurre cuando un elemento se repite a lo largo de un diseño. Puede ser un color de fuente en particular, o un patrón que se repite en una publicación de redes sociales, y en la siguiente, y en la que sigue.
La repetición hace que los diseños se vean visualmente interesantes y cohesivos. También crea una sensación de consistencia usando un motivo repetitivo que quien mira llega a esperar. Los elementos que se repiten son lo que hace distintiva a una identidad de marca.
La identidad de marca es la parte visible de tu marca. Separa a tu empresa de todas las demás, para que la gente reconozca tu trabajo a simple vista. Todo negocio exitoso usa la repetición. ¿Por qué asociamos una lata azul con Pepsi? Porque la imagen se repitió hasta que se volvió la marca.
La repetición te va a dar un buen fondo de pantalla. También va a construir una identidad visual y reconocimiento de marca, que es el resultado más valioso.
8. Ritmo
El ritmo en diseño es una relación entre elementos que produce una sensación de armonía. Puedes dejar los zapatos de baile en casa.
Le da a una composición una sensación de movimiento y acción. En vez de dejar que la mirada se quede en un solo punto focal, el ritmo invita a recorrer toda la pieza, siguiendo las formas. La naturaleza y el arte están llenos de él.
Hay tres tipos distintos de ritmo:
- Ritmo regular: los elementos se repiten con precisión en un arreglo espaciado de forma uniforme.
- Ritmo fluido: el movimiento se sugiere a través de la repetición de formas orgánicas o la repetición irregular de elementos repetidos.
- Ritmo progresivo: se crea una secuencia en la que los elementos cambian levemente cada vez que se repiten.
Nota cómo estos principios se van uniendo. Si logras bien el énfasis y la jerarquía, el ritmo aparece casi solo. Vale la pena repetirlo:
En vez de dejar que la mirada de quien observa se detenga en un punto focal, el ritmo invita a recorrer con la mirada toda la pieza, siguiendo las formas de manera natural.
Uno de mis ejemplos favoritos de ritmo es "La noche estrellada" de Vincent van Gogh. Las pinceladas cargan un movimiento inestable y dinámico a lo largo de todo el lienzo. Este artículo no te va a convertir en Van Gogh. Debería mostrarte cómo el ritmo marca un tono, crea una sensación, y convierte mirar un diseño en una experiencia activa.
9. Movimiento
El movimiento en diseño tiene que ver con cómo viaja la mirada, no con que algo se mueva de verdad. Crea una sensación de dirección dentro de una composición y guía la mirada de un elemento al siguiente.
Un buen diseñador puede guiar a quien mira usando líneas, bordes, formas y colores para crear puntos focales y hacer que los objetos se vean de cierta manera.
El recorrido visual puede controlar la progresión de la mirada dentro y alrededor de la composición. Por ejemplo, la mirada va a viajar por un camino real, como una línea sólida o punteada. También sigue caminos más sutiles: de elementos grandes a pequeños, de oscuro a claro, de formas poco comunes a familiares.
Mantenlo simple. Usar más de una técnica de movimiento en una sola composición tiende a confundir a la gente.
10. Unidad
No es casualidad que la unidad sea la última. Solo ocurre cuando todo lo demás coexiste para formar un conjunto agradable a la vista.
La unidad se puede interpretar de dos formas:
- Unidad conceptual. El acto de combinar cosas por conveniencia de quien las usa. Se logra mejor pensando en el contenido y la función. En una página web, si el contenido o la función de una página se puede fusionar con otra, se reduce el número de pasos entre alguien y su objetivo. En un afiche de un evento, significa que toda la información sobre el evento realmente está en el afiche. Imagina que falte la fecha. La unidad conceptual significa que las acciones relacionadas se agrupan de una forma que anticipa lo que alguien va a necesitar después.
- Unidad visual. Se describe mejor como armonía: cómo los distintos elementos de una pieza se juntan para dar una sensación de conjunto. Dentro de un diseño, esto es lo que separa un sistema de una colección.
La unidad visual añade orden y hace que una pieza se sienta como un todo coherente, en vez de una combinación desordenada de partes individuales que existen en la misma página.
Para lograr unidad, hay que tener tres cosas en mente: si los elementos que usaste tienen una buena razón para estar ahí, si funcionan juntos, y si el mensaje o concepto que quieres mostrar se comunica con claridad.
Poniendo los principios a trabajar
Estos diez aplican ya sea que estés diseñando un logotipo, un afiche o una página web. Aprender los diez es rápido. Aplicar los principios bajo presión de tiempo es la parte que toma práctica.
No funcionan de forma aislada. Combinarlos con coherencia es lo que produce el resultado, y ayudan más cuando puedes nombrar cuál le falta a un layout. Las tendencias de diseño siguen cambiando, así que sigue mirando lo que hace otra gente en el mundo del diseño y pregúntate qué técnica está haciendo el trabajo. Las reglas de diseño gráfico envejecen; estos diez principios de diseño no.
Ya solo queda ponerse a trabajar.
Preguntas sobre los principios de diseño
¿Cuáles son los 7 principios de diseño?
La lista corta más común son los siete principios: equilibrio, contraste, énfasis, movimiento, patrón, ritmo y unidad. Cubre la mayor parte de lo que necesita alguien que empieza. Mis diez suman jerarquía, proximidad y alineación, que importan más en trabajo de interfaz y layout que en arte.
¿Cuáles son los 12 principios de diseño?
Esa lista más larga suele sumar proporción, variedad, armonía y algunos otros a los siete anteriores, según la fuente. Como se explicó antes, trato la proporción y el espacio en blanco como resultados del equilibrio y la proximidad, no como principios básicos separados.
¿Cuáles son los 5 principios básicos de diseño?
Cuando una lista se reduce a cinco, casi siempre es equilibrio, contraste, jerarquía, alineación y repetición. Ese conjunto lleva bastante lejos un proyecto de diseño gráfico por sí solo, y los principios de diseño gráfico rara vez necesitan más.
¿Cuáles son los 17 principios clave de diseño?
Las listas más largas dividen las mismas ideas en categorías más finas, sumando términos como escala, dominancia, tensión, profundidad y tipografía. Quien compare listas va a encontrar que las entradas extra son sobre todo subdivisiones y no conceptos nuevos. Pasado cierto punto, una lista deja de ser una herramienta de trabajo y se convierte en un infográfico de principios de diseño.
¿Cuál es la diferencia entre elementos y principios de diseño?
Los elementos son las cosas mismas: línea, forma, color, textura, espacio, volumen y valor. Los principios son las reglas para organizarlos. No puedes aplicar uno sin elementos, y elementos sin reglas producen un desorden.
¿Por qué importan los principios de diseño?
Convierten el gusto en algo que se puede discutir. Cuando un layout se siente mal, nombrar la regla que falta te dice qué cambiar. El buen diseño rara vez es resultado solo de la inspiración: casi siempre es resultado de saber qué regla está rompiendo la composición.
¿Cómo se aplican los principios de diseño en la práctica?
Úsalos como un checklist de revisión y no como una receta. Una vez que el layout existe, recorre los diez en orden y pregúntate si cada uno está haciendo algún trabajo. Los principios de diseño ayudan más en esta etapa, incluso en un diseño minimalista donde hay menos dónde esconderse. El buen diseño casi siempre sale de esa segunda pasada, no de la primera.
¿Qué son los principios de la Gestalt?
Describen cómo la gente percibe información visual agrupada: proximidad, similitud, cierre, continuidad y relación figura-fondo. Están debajo de varios de los diez principios de aquí, en particular la proximidad y la unidad, y explican por qué funcionan en vez de solo afirmar que lo hacen.
Dónde los principios se convierten en un activo de negocio
Aplicados una vez, mejoran un afiche. Aplicados de forma constante, se vuelven un sistema de diseño: un conjunto de decisiones que hereda cada página futura, de modo que la décima página de un sitio web cuesta menos hacer que la segunda y aun así se ve como parte del mismo conjunto.
Eso es lo que construimos en Dancing Pels a través de Sitios Web a Medida, donde el sistema visual es parte de lo que se entrega y no un accidente de las primeras tres pantallas.
Si estás mirando tu propio sitio y puedes nombrar qué está mal pero no por qué, agenda una llamada de 30 minutos y lo revisamos juntos.
