20

reglas de
diseo +
principios
universales
del diseo

ITCR - IDI - Diseo 4 - Tarea 1 - Profesora: Ivonne Madrigal Gaitn

Adriana Castillo Espaa - 200841693 / Albin Padilla Rivera - 200619309 - I Semestre 2012

Regla #1:

Tener un concepto.
Con ello se permite sintetizar, comunicar y lograr procesar lo
que se desea decir de una manera adecuada. Lo que importa es la
claridad del mensaje y poder comunicarlo en un solo plano.

Principios acordes a la regla:

- Organizacin avanzada

Es posible comunicar la
informacin de manera
novedosa, se organiza
la informacin en un solo
plano. Nike indica que
apoya a las personas con
condiciones especiales, sin
discriminacin.

1 - reglas del diseo

- Disponibilidad de recursos
Por medio de ambientes
especiales y de imgenes
de personas famosas se
transmite un mensaje en
especfico apoyando en
historias que permite al
usuario identificarse.

Regla #2:

Comunicar, no decorar.

Es posible tratar formas sin perder el objetivo de comunicar
informacin especfica, sin caer en la saturacin de elementos que
solo incitan a hacer del diseo un elemento complicado y con
distracciones. Todo lo que vamos a trabajar en un diseo debe de
tener una razn para estar ah, sino es mejor no ponerlo.
Principios acordes a la
regla:

- Condicionamiento
clsico.
Por medio de imgenes
impactantes se logra
demostrar un mensaje
conciso. La Disonancia
Colectiva y la Capacidad
de Procesamiento, por
medio de una imagen se
llega a la conciencia de
la poblacin y no solo
superficialmente, tratando
de cambiar un paradigma
estipulado en una persona,
tal como est representado
en la campaa contra el
tabaco.
3 - reglas del diseo

- La Alineacin.
Este principio permite dirigir el orden de la lectura, la Secuencia de Fibonachi evitar
errores de proporciones a la hora de acomodar la informacin permitiendo as la
legibilidad toma en cuenta los contrastes, el color y el tamao de la tipografa.

4 - reglas del diseo

Regla #3:

Hablar con un nico lenguaje visual.

El buen diseo asume el lenguaje visual como una sola pieza
en la cual es posible transmitir un mensaje con un concepto solido
que le haga identificable y memorable. Ante ello es muy importante
tomar el cuente la imagen corporativa, as como aquellas marcas y
sus variaciones.
Principios acordes a la regla:

- Consistencia.

Es muy importante para

determinar que toda una
imagen esta ajustada
bajo un mismo concepto
y buscan un objetivo en
comn.

- El color.

Es una forma de seguir

una misma lnea grafica,
sin perder el sentido, as
mismo como la utilizacin
de elementos ilustrativos.
(regla3.1)

5 - reglas del diseo

Regla #4:

Utilizar mximo dos familias tipogrficas.

La tipografa debera de ser adecuada para transmitir un
mensaje con claridad, esta debe ser ordenada y con un propsito.
Adems, tambin puede servir para jerarquizar la informacin o
cambiar de concepto.
Principios acordes a la regla:

- Iluminacin.
Lograr enfocar la atencin
en un elemento en
especifico dentro de la
composicin, se logra
tambin por medio del
color.

6 - reglas del diseo

- Legibilidad.
El tamao de la tipografa, as como el espacio entre las
dos tipografa es necesario para comunicar un mensaje,
si esto no se da como en este caso existen problemas
de lectura, adems de un desorden evidente en la
composicin.
1 - reglas del diseo

Regla #5:

Golpe en dos tiempos; uno, dos!

Lo ms importante en la comunicacin visual es captar la
atencin lo ms rpido posible. En el momento en que comunicamos,
si en el primer vistazo se llama la atencin, en el segundo el mensaje
ser comunicado. De lo contrario pasar desapercibido. Una imagen
vale ms que mil palabras.

Principios acordes a la regla:

- Condicionamiento Clsico.

Por medio de imgenes

se logra transmitir en
un solo plano todo
aquello que deseamos
comunicar. Profundidad
de Procesamiento, es lo
que sucede una vez que
se llama la atencin, como
sucede en la imagen con
tra el cancer de mama.

8 - reglas del diseo

- Los recursos mnemotcnicos.

Estos permiten organizar la informacin para que esta sea
fcil de recordar, y se pueda relacionar las imgenes con
palabras. El encuadre, como tcnica de manipulacin de
imgenes para cambiar el pensamiento, de esta manera
se utilizan elementos de agrado pblico tal como lo
hace el efecto de exhibicionismo pero logra
comunicar un mensaje diferente.

- Punto de entrada.
Llama la atencin de primera entrada sin embargo
si existen problemas de diseo llega a molestar la
informacin mostrada. La eleccin correcta de color
es necesaria para determinar cules sern los puntos
en llamar la atencin, y posteriormente poder pasar al
segundo paso en el cual el mensaje llega a la persona.

1 - reglas del diseo

Regla #6:

Elige los colores con un propsito.

Por medio del color es posible demostrar mil sentimientos e
incluso sensaciones por lo tanto usar color es vlido, pero se debe
hacer con un propsito que resalte el concepto por describir.
Principios acordes a la regla:

- Conexin Uniforme.
Se basa en la conexin
visual de elementos que
permiten una imagen memorable. Ante ello en la imagen se puede notar que
se utiliza blancos y negros,
el rojo se emplea en el
elemento ms importante
creando un sentido de
atraccin hacia el objeto a
presentar.

10 - reglas del diseo

- El color.
Se presenta con el fin de
crear jerarquas en la informacin esto es posible por
medio de la saturacin y el
significado aplicado que se
desea dar a los elementos.
Tal como es presentado en
la imagen.

11 - reglas del diseo

Regla #7:

Si puede hacerlo con menos, adelante!

Los diseos no deben de estar sobrecargados si se pueden
transmitir de manera sencilla. Se debe evitar la basura visual con un
concepto directo y abstenerse de la decoracin necesaria.
Principios acordes a la regla:

- La Representacin.
Por medio de iconos, hace que la imagen sea directa y
el mensaje llegue sin necesidad de indicar alguna otra
indicacin.

12 - reglas del diseo

- Jerarqua.
Por medio de la buena
organizacin de la
informacin hace que
algunos elementos sean
imprescindibles. La imagen
es clara en la primera con
solo una pieza se sabe que
se refiere a la marca LEGO,
mientras que en la segunda se
utiliza toda una composicin
que no comunica el
mensaje tan fcilmente de
construccin.

13 - reglas del diseo

Regla #8:

El espacio negativo es mgico, no lo

rellene, cralo!

No debe ser existir miedo al blanco, hay que dejar que el
diseo respire, y as crear zonas de confort.
Principios acordes a la regla:

- Relacin Figura-Fondo.
Para transmitir ms de una
idea con un doble sentido
o sentido. Se aplican reglas
como la regla de tercios, en
la cual la imagen se divide
entre imagen y diseo para
mantener el balance.

14 - reglas del diseo

- La fragmentacin.
Ayuda a poner espacios
y dividir la informacin. Tal
como se muestra mostrando
lo que es fundamentalmente
necesario manteniendo el
balance.

15 - reglas del diseo

Regla #9:

Trabajar la tipografa con la misma

importancia de la imagen.

La tipografa puede ser un plus para la publicacin, adems
brinda un significado a la parte grafica.
Principios acordes a la regla:

- La Jerarqua.
Entre el texto es importante
ya que realza la informacin
relevante. Adems, brinda
legibilidad, efecto visual
del texto contra la imagen
basado en el contraste.

- Los Recursos
mnemotcnicos.
Logran ligar las imgenes
con el texto y hacer que
estos sean memorables,
conjunto a esto se aplica la
iluminacin de la tipografa,
ya sea por color o por
cantidad de luz enfocada
para lograr resaltar el texto.

16 - reglas del diseo

Regla #10:

Las tipografas slo son tipografas

cuando son agradables.

Si no, no se sabe muy bien lo que son. Hay que ser armnico,
hay que ser claro y, sobre todo, hay que ser legible. Puede ser muy
bonito, pero si no se lee no vale para nada.
Principios acordes a la regla:

- La proporcin seal ruido.

Es necesario que se busque
siempre la maximizacin de la seal,
evitando grafas inadecuadas o
elementos ruidosos y ambiguos.
La imagen muestra como el
mensaje que se intenta dar se
distorsiona mucho, esto debido a
la construccin que presenta la
tipografa de fantasa utilizada.

17 - reglas del diseo

- Legibilidad y
Realce.
Las tipografas utilizadas
son claras, provocan una
sensacin agradable
al permitir una rpida
lectura, la distribucin
de los diferentes textos
en la imagen la hacen
entretenida y llamativa. Se
establece un realce de
informacin basndose en
el tamao de la tipografa.

18 - reglas del diseo

Regla #11:

Se debe ser universal, ya que el trabajo

no es solo para ti.
Con ello se permite sintetizar, comunicar y lograr procesar lo
que se desea decir de una manera adecuada. Lo que importa es la
claridad del mensaje y poder comunicarlo en un solo plano.

Principios acordes a la regla:

- Interpretacin de
los mapas.
Se deben crear imgenes
universales y minimizar las
posibles opciones de rutas.
Con esto interacta

La claridad,

referido
a la sencillez con la que
se escribe, donde el lxico
utilizado en los textos debe
estar enfocado al pblico
meta del diseo.

19 - reglas del diseo

- Distribucin
normal.
Es necesario crear diseos
que sean tiles para el
98% de los usuarios meta,
esto garantiza el xito del
mismo. Las instrucciones,
debe existir relacin entre
las instrucciones que se le
ofrecen a los usuarios y los
efectos que estas causan
en el producto.

- Equilibrio entre
flexibilidad y
eficacia.
La accesibilidad, los
mensajes creados deben
permitir su lectura rpida
y fcil sin explicaciones
o modificaciones para la
mayor cantidad de usuarios.

20 - reglas del diseo

Regla #12:

Comprime y separa.

Colocacin de elementos de la imagen agrupados que llamen
mucho la atencin para una comunicacin rpida y otros elementos
que permitan una comunicacin ms profunda. Es necesario crear
contraste en los elementos informativos, brindndole un poco de
tensin que la har llamativa.
Principios acordes a la regla:

- Profundidad.
La profundidad de procesado, a la hora de profundizar en la informacin brindada, es
necesario brindar ideas de forma original y mtodos que despierten el inters del usuario.

21 - reglas del diseo

- La revelacin progresiva

Consiste en una revelacin progresiva de la informacin, dando a conocer lo

ms relevante y dejando en un perfil bajo la informacin ms compleja para quienes
estn interesados o la puedan comprender. Adems se denota la organizacin de la
informacin por capas, es importante agrupar la informacin y mostrar las categoras de
la misma para facilitar el transmitir grupos de datos especficos y disminuir la complejidad
de la informacin.

22 - reglas del diseo

Regla #13:

Distribuye la luz y la oscuridad como

fuegos artificiales o un amanecer

Concentrar reas con mucha claridad y otras reas con muy poca
luz, haciendo transiciones marcadas entre ambas zonas.
Principios acordes a la regla:

- Connotaciones
de la iluminacin
desde arriba.
La utilizacin de una
iluminacin de este tipo
permite una percepcin
de los elementos con
profundidad y naturalidad.

- Contraste
Por medio de los cambios
de iluminacin se puede
llamar la atencin del
mensaje ms importante que
se desea transmitir.

23 - reglas del diseo

Regla #14:

S contundente: hazlo a conciencia o

no lo hagas.

La falta de seguridad en la utilizacin y colocacin de elementos
puede provocar que el lector se distraiga del mensaje brindado
para tratar de descifrar los errores presentes en la composicin.
Principios acordes a la regla:

- Conexin de lo
uniforme.
Al darle unidad visual a
los elementos utilizados
en las composiciones es
posible brindar el sentido
de relacin y unidad de los
contenidos, creando una
sensacin de consistencia,
tanto esttica como
funcional, que permite una
mejor y ms rpida lectura
del diseo.

24 - reglas del diseo

- Las interferencias
Estas se crean al provocar que el usuario se encuentre ante un diseo con procesos
mentales diferente al mismo tiempo. Es necesario separar los procesos y la informacin de
forma que no influyan unos a otros, creando imgenes memorables e interesantes.
25 - reglas del diseo

Regla #15:

Mide con tus ojos, el diseo visual.

Dependiendo de las formas, estas se vern alineadas o del
mismo tamao aunque no lo estn o no lo sean respectivamente. La
mejor solucin es la colocacin de los elementos visualmente.

Principios acordes a la regla:

- Regla de los
tercios.
Creando una cuadrcula
visible, se coloca el
elemento ms llamativo de
una imagen sobre uno de
los 4 ejes para crear zonas
de inters en la imagen.

- Proximidad
Los elementos ms cercanos
entre s se perciben ms
relacionados que los que
est muy separados.
Adems, existen otros
principios asociados a esta
regla como lo es el Cierre.

26 - reglas del diseo

Regla #16:

No rapies las imgenes, cralas.

Crea lo que necesites, lo mejor que puedas. Tratar de no utilizar
lo que ya hay aunque sea ms fcil o barato.

Principios acordes a la regla:

El costo-beneficio.
Se considera como la satisfaccin al resolver un problema, es esencialmente ms til
conseguir un diseo que se ajuste a medias, de esta manera el costo disminuye, sin
perder la calidad.

27 - reglas del diseo

- El efecto von Restorff.

Si la memoria es capaz de recordar mejor imgenes diferentes respecto a lo
considerado comn, al crear nuestros propios elementos grficos nos aseguramos una
mayor posibilidad de llamar la atencin.

28 - reglas del diseo

Regla #17:

Ignore las modas. En serio!

Ignore gustos actuales y trabajos de otros diseadores. Es mejor
disear respecto al significado del proyecto y crear impacto en l
que seguir lneas graficas solo porque son exitosas y tienen historia.

Principios acordes a la regla:

- Arquetipos.
Estos son del resultado de bases innatas que existen a
disposicin, entones se creen que son exitosas por que
logran llamar la atencin y funcionan, sin embargo no son
originales y muchos diseaos se basan en ellos, tal como
es aplicado en la imagen.

- Esttica en la Utilidad.
Ms all de la moda, los diseos
actuales exitosos se fundamentan
en el hecho de obtener su forma
debido a su funcin y no por
aspectos externos. Admite la
esttica como fundamento para
percibir un diseo ms til que otro.
(rgla17.2)

29 - reglas del diseo

18. Muvelo! Esttico es igual a

aburrido.
Cuando algo es aburrido por qu va a leerse? Recuerda: nos
dedicarn poco tiempo, as que aprovchalo.

Principios acordes a la regla:

- La proyeccin
tridimensional.
Para evitar la sensacin
esttica en una
composicin es importante
aplicar los factores visuales
como la interposicin,
el tamao, la elevacin,
la perspectiva lineal, el
gradiente textura, las
sombras y la perspectiva.

30 - reglas del diseo

- La superioridad de la imagen.
Es ms til aplicar una imagen para comunicarse ya que permite un reconocimiento y
recuerdo de la informacin ms rpido, adems elimina la monotona del diseo. Una
imagen dice ms que mil palabras.

31 - reglas del diseo

Regla #19:

Mira la historia, pero no la repitas.

Tomar en cuenta diseos anteriores, analizando cmo ha
variado el diseo a travs del tiempo, as como otras personas han
resuelto problemas comunicativos es importante para lograr una
comunicacin ms acertada.
Principios acordes a la regla:

- Recursos nemotcnicos.
El optar por imgenes y palabras que
hagan hincapi en conceptos familiares
ayudaran a que el diseo creado sea ms
fcil de reconocer, leer y utilizar

- La imitacin.
Obtener ideas de otros diseos anteriores
y mejorarlas es una forma eficaz de lograr
un mejor producto.

32 - reglas del diseo

Regla #20:

Simetra, el mayor de todos los males.

El no evitarla solo demuestra que el diseador es perezoso
limitando el espacio y provocando que la introduccin de puntos de
inters y desequilibrio sea ms complicado.
Principios acordes a la regla:

- La regla de los
tercios.
Al analizar la imagen
podemos ver como se
rompe la simetra mediante
la regla de los tercios,
dejando gran parte del
formato vaco y colocando
un elemento grfico en un
punto de inters.

33 - reglas del diseo

- La simetra.
Esta se debe utilizar para transmitir equilibrio, armona y estabilidad permitiendo un fcil
reconocimiento y lectura del diseo. Existen diferentes tipos de esta: reflejo, traslacin y
rotacin. La imagen mostrada presenta simetra reflejada.

34 - reglas del diseo