Вы находитесь на странице: 1из 22

20

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
REGLAS
DEL
DISEÑO
1
Ten un concepto
Es la guía para levar a cabo el diseño,
pues nos permite trasmitir el mensaje
que queremos llevar a los futuros
usuarios, ya que sin un mensaje claro
no hay un buen diseño.

Principios del Diseño asociados:

1. Consistencia.
2. Modelo Mental.

Todas las partes deben ser


consistentes entre si con el concepto
para transmitir el mensaje, usando
la experiencia, lo que ya esta
establecido y se conoce, para no
generar conflictos.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
2
Hay que comunicar, no
decorar
Depende del concepto de diseño
que se tiene, ya que este conlleva un
significado específico, si los elementos
en el diseño no contribuyen a transmitir
el mensaje correcto se convierten en
decoraciones o distracciones.

Principios del Diseño asociados:

1. Interferencia.
2. Regla 80/20.
3. Proporción señal-ruido.
4. La Navaja de Ockham.
5. Visibilidad.

Si un elemento no posee una función


se convierte en una interferencia, una
sección que ralentiza o interfiere con
en el proceso de comprensión del
mensaje. Por ello se debe mantener
simple (Navaja de Ockham) y sin
elementos decorativos.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
3
Habla con un único
lenguaje visual
Hay que crear una unidad en el
diseño de forma coherente para
poder transmitir el mensaje de la
mejor forma.

Principios del Diseño asociados:

1. Semejanza.
2. Similitud.
3. Conexión de lo uniforme.

Las composiciones que poseen


elementos similares se perciben
relacionadas o como si fueran parte
de un solo conjunto, logrando dar
el aspecto de una unidad que es
fácilmente diferenciable de otros
conjuntos.

Dentro de una sola composición si los


elementos son muy diferentes, no se
transmite un mensaje de armonía y el
mensaje se puede volver ambiguo.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
4
Use solo 2 tipos de fuentes,
está bien, máximo 3
Ayuda a mantener la unidad del
diseño y transmitir el mensaje.

Principios del Diseño asociados:

1. Jerarquía.
2. Realce.
3. Proporción señal-ruido.

Utilizar muchas tipografías puede resultar


confuso porque es más difícil establecer
una jerarquía entre elementos que pueden
ser muy diferentes, además que algunos
de ellos pueden generar distracción del
mensaje.

Por ello se recomienda utilizar técnicas de


realce (negrita, cambio de tamaño) para
establecer la jerarquía entre elementos sin
utilizar diferentes tipografías.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
5
Golpea en dos tiempos: ¡un,
dos!
Hay que mantener una jerarquía
en donde un elemento llame la
atención del usuario desde la primera
impresión y los demás elementos
permiten continuar con el mensaje.

Principios del Diseño asociados:

1. Jerarquía.
2. Realce.
3. La Pirámide Invertida.
4. Efecto de Von Restorff.

La pirámide invertida establece que


primero se presenta la información
más importante y luego se dan los
detalles, esto permite atraer mejor
la atención del usuario. También se
puede conseguir usando técnicas de
realce para que destaque del resto
de los elementos, o mostrando un
elemento extraño que logre captar
la atención.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
6
Escoja los colores con un
propósito
Se debe usar los colores con un
propósito, no por gustos personales,
sino con un objetivo.

Principios del Diseño asociados:

1. Color.
2. Realce.
3. Modelo Mental.
4. Efecto de Von Restorff.

Según el color utilizado este puede


transmitir diferentes impresiones o
sensaciones debido a los esquemas
mentales que posee el usuario,
también es un medio que permite
resaltar los elementos dentro de una
composición.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
7
Si puedes hacerlo con
menos, entonces adelante
Hay que eliminar distracciones o
elementos que no aportan en nada
a transmitir el mensaje de forma
óptima.

Principios del Diseño asociados:

1. Interferencia.
2. Proporción señal-ruido.
3. La Navaja de Ockham.

La navaja de Ockham establece que


lo más simple funciona mejor, esto
debido a que no existen elementos
que interfieran con la comprensión
del mensaje.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
El espacio negativo es
8
mágico: no lo rellenes,
¡créalo!
Es un espacio necesario, que permite
al usuario descansar la mirada en la
lectura de los elementos.

Principios del Diseño asociados:

1. Contraste Fondo-Figura.
2. Proximidad.
3. Jerarquía.

Sin espacio negativo no se diferencia


entre el fondo y la figura, por lo que
esta última parte no puede destacar,
volviéndose confusa la composición
al no saber que es lo que se debe
leer y dar jerarquía.

Además el espacio permite agrupar


los elementos por proximidad,
logrando organizar y entender
mucho mejor la información.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
Trabaja la tipografía
9
como si tuviera la misma
importancia que la imagen
El bloque de texto es parte de la
composición y no se puede ignorar,
no deberían de compertir las
imágenes con con los bloques de
texto y viceversa.

Principios del Diseño asociados:

1. Interferencia.
2. Legibilidad.
3. Jerarquía.

Si la tipografía se trata sin importancia


se convierte en un elemento que
estorba para la lectura, y el mensaje
tarda más en entenderse.

Además la superposición de afecta


la capacidad para leer fácilmente el
texto

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
10
Los tipos sólo son tipos
cuando son agradables
La tipografía debe poder leerse
transmitiendo el mensaje de una
forma adecuada, esta debe ser
expresiva pero no agresiva.

Principios del Diseño asociados:

1. Legibilidad.
2. Realce.

Esta debe ser sencilla para que


el mensaje sea legible y fácil de
recordar, utilizando elementos de
realce (cambios de la tipografía,
color, tamaño, entre otros) que
ayuden en transmitir correctamente
el mensaje.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
Tienes que ser universal;
11
recuerda: tu trabajo no es
para ti
Son los usuarios los que deben
entender el mensaje, las formas y los
colores.

Principios del Diseño asociados:

1. Legibilidad.
2. Representación Icónica.
3. Modelo Mental.

Se debe tomar en cuenta la


experiencia y lo que conoce la
audiencia, para que el mensaje se
pueda transmitir de la forma correcta,
proporcionando un lectura fluida y
sencilla.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
12
Comprime y Separa
Se deben crear espacios informativos
y dinámicos para mantener la
claridad y el interés del mensaje.

Principios del Diseño asociados:

1. Contraste.
2. Legibilidad.
3. Ritmo.

Se debe mantener ritmo en la


composición, para volver la lectura
del diseño dinámica y diferente, pero
sencilla y legible.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
Distribuye la luz y la
13
oscuridad como fuegos
artificiales o un amanecer
Hay que crear contrastes en la
composición para facilitar la
comunicación del mensaje y
transición del mismo.

Principios del Diseño asociados:

1. Proyección Tridimensional.
2. Connotación iluminación
desde arriba.
3. Color.

Usando sombras, iluminaciones y


colores se puede crear un diseño
tridimensional a partir de uno
bidimensional.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
14
Sé contundente: hazlo a
conciencia o no lo hagas
Se debe ser claro y original en la
transmición del mensaje.

Principios del Diseño asociados:

1. Efecto de Von Restorff.


2. Contraste.

Creando cosas diferentes y


contrastantes se logra llamar
la atención de la audiencia
impactandolo y nos permite transmitir
el mensaje deseado de una forma
más fácil sin usar una forma metódica
y conocida.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
15
Mide con los ojos: el diseño
es visual
Se deben acomodar los elementos
usando la percepción y no de forma
rígida y geométrica.

Principios del Diseño asociados:

1. Sección Aurea.
2. Buena Continuación.
3. Proximidad.

Usando una buena proporción y la


distancia de los elementos, estos se
pueden acomodar de forma que no
afecten la continuidad y fluidez de
la lectura, permitiendo transmitir el
mensaje de forma sencilla y original.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
16
No copies las imágenes,
créalas
Hacer o que no se ha hecho, hay
que ser creativo y simple.

Principios del Diseño asociados:

1. Efecto de Von Restorff.


2. Superioridad de la imagen.
3. La imitación.

Utilizando partes de obras conocidas,


se le proporciona beneficios al diseño,
dandole importancia y dejandolo
hablar por si misma, sin embargo al
aplicarle diferencias se puede lograr
un efecto original expresando un
mensaje original y sencillo.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
17
Ignora las modas
No hay que dejar que la moda influya
en el diseño, sobre todo si este tiene
que perdurar en el tiempo.

Principios del Diseño asociados:

1. Efecto de Von Restorff.

Ser original y diferente causa impacto


en las audiencias, lo que le permite
al diseño sobresalir de parametros
establecidos en la sociedad y en la
actualidad.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
18
¡Muévelo! Estático es igual a
aburrido
El crear movimiento atrae la atención
y el interés del público.

Principios del Diseño asociados:

1. Contraste Fondo-Figura.
2. Proyección Tridimensional.
3. Buena Continuación.

Creando contraste de figuras,


colores, superposiciones, tamaños,
gradientes, dentro del diseño se
puede transmitir mensaje simple y
única que atraiga el interes de una
audiencia.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
19
Busca en la historia, pero no
la repitas
Usando elementos del pasado, el
mensaje puede ser reconocido y
recordado.

Principios del Diseño asociados:

1. La imitación.

Usar un contexto conocido del


pasado se puede dotar de
significado un mensaje y hacerlo más
recordable. Lo “retro” en muchas
ocasiones transmite significado y, por
tanto, es comunicativamente útil.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
20
La simetría es el mayor de
todos los males
La simetría se percibe aburrida y
de poco movimiento, y la asimetría
genera interés, libertad y poca
rigidez.

Principios del Diseño asociados:

1. Efecto de Von Restorff.


2. Contraste.

Es predecible y pasa desapercibida,


mientras que algo original y diferente
ayuda a enfocar la atención y a
transmitir el mensaje de una forma
sencilla y eficaz.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012
Bibliografía
Butler J, Holden K, Lidwell W. (2003). Principios Universales
del Diseño. Rockport Publishers. Massachusetts, EEUU.

Samara, T. (2007). Elementos del Diseño: Manual de Estilo


Gráfico. Rockport Publishers. Massachusetts, EEUU.

ITCR • DISEÑO 4 • LUIS DIEGO VALERIO • MIGUEL ANGEL ZERPA • I SEM 2012