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