Principios de Principios de diseño diseño
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Principios de Principios de diseñodiseño
Fundamentos de diseñoFundamentos de diseño Según el autor Según el autor Wucius Wong. (1992) Wucius Wong. (1992) en su en su
obra obra Fundamentos del DiseñoFundamentos del Diseño, “un buen , “un buen diseño es la mejor expresión visual de la diseño es la mejor expresión visual de la esencia de «algo», ya sea esto un mensaje esencia de «algo», ya sea esto un mensaje o un producto. Para hacerlo fiel y o un producto. Para hacerlo fiel y eficazmente, el diseñador debe buscar la eficazmente, el diseñador debe buscar la mejor forma posible para que ese «algo» mejor forma posible para que ese «algo» sea conformado, fabricado, distribuido, sea conformado, fabricado, distribuido, usado y relacionado con su ambiente. Su usado y relacionado con su ambiente. Su creación no debe ser sólo estética sino creación no debe ser sólo estética sino también funcional, mientras refleja o guía también funcional, mientras refleja o guía el gusto de su época.”el gusto de su época.”
Fundamentos de diseñoFundamentos de diseño
La base de un buen diseño de página La base de un buen diseño de página es usar los elementos del diseño: es usar los elementos del diseño: Balance o equilibrio, unidad, Balance o equilibrio, unidad, énfasis y color.énfasis y color.
Balance o equilibrioBalance o equilibrio
El equilibrio debe existir entre los El equilibrio debe existir entre los diferentes elementos que componen diferentes elementos que componen la página. Imágenes y texto, la página. Imágenes y texto, elementos grandes y pequeños, elementos grandes y pequeños, zonas oscuras y claras, etc., deben zonas oscuras y claras, etc., deben estar balanceadas de forma que estar balanceadas de forma que resulte atractiva, logrando enfocar la resulte atractiva, logrando enfocar la atención del usuario sobre aquellos atención del usuario sobre aquellos elementoselementos de mayor interés. de mayor interés.
Balance o equilibrioBalance o equilibrio
Existen tres tipos de balance para Existen tres tipos de balance para diseñar páginas:diseñar páginas:1. Balance simétrico1. Balance simétrico
2. Balance asimétrico2. Balance asimétrico
3. Balance de simetría radial3. Balance de simetría radial
Balance o equilibrioBalance o equilibrio
““La La simetría simetría es la exacta es la exacta correspondencia de todas las partes correspondencia de todas las partes de una figura respecto de un centro, de una figura respecto de un centro, un eje o un plano. Se puede un eje o un plano. Se puede representar en tres formas representar en tres formas horizontal, vertical y radial”. horizontal, vertical y radial”. Wikipedia. Simetría. [En línea] Wikipedia. Simetría. [En línea] http://es.wikipedia.org/wiki/Simetrhttp://es.wikipedia.org/wiki/Simetr%C3%ADa, 20 de Marzo 2010.%C3%ADa, 20 de Marzo 2010.
Balance o equilibrioBalance o equilibrio
Simetría horizontal Simetría vertical Simetría Simetría horizontal Simetría vertical Simetría radialradial
AsimetríaAsimetría
““La La asimetría asimetría se refiere a la no se refiere a la no simetría, es decir, a la propiedad de simetría, es decir, a la propiedad de determinados cuerpos, funciones determinados cuerpos, funciones matemáticas y otros tipos de matemáticas y otros tipos de elementos en los que, al aplicarles una elementos en los que, al aplicarles una regla de transformación efectiva, se regla de transformación efectiva, se observan cambios respecto al elemento observan cambios respecto al elemento original”. original”. Wikipedia. Asimetría. [En Wikipedia. Asimetría. [En línea] línea] http://es.wikipedia.org/wiki/Asimetrhttp://es.wikipedia.org/wiki/Asimetr%C3%ADa, 20 de Marzo 2010.%C3%ADa, 20 de Marzo 2010.
AsimetríaAsimetría
Asimetría horizontal Asimetría vertical Asimetría Asimetría horizontal Asimetría vertical Asimetría radialradial
ÉnfasisÉnfasis
El énfasis es una forma de distinguir algo dentro El énfasis es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que de un elemento. Un ejemplo de esto es lo que sucede con este texto, donde los títulos se sucede con este texto, donde los títulos se encuentran resaltados así como algunas palabras encuentran resaltados así como algunas palabras o frases.o frases.
ColorColor Los colores obtenidos naturalmente por Los colores obtenidos naturalmente por
descomposición de la luz solar o descomposición de la luz solar o artificialmente mediante focos emisores de artificialmente mediante focos emisores de luz de una longitud de onda determinada luz de una longitud de onda determinada se denominan colores aditivos.se denominan colores aditivos.
Los colores aditivos son los usados en Los colores aditivos son los usados en trabajo gráfico con monitores, ya que, el trabajo gráfico con monitores, ya que, el monitor produce los puntos de luz monitor produce los puntos de luz partiendo de tres canales, rojo, verde y partiendo de tres canales, rojo, verde y azul. azul.
Por este motivo, el modelo de definición de Por este motivo, el modelo de definición de colores usado en trabajos digitales es el colores usado en trabajos digitales es el modelo RGB (Red, Green, Blue).modelo RGB (Red, Green, Blue).
Colores aditivos o de luzColores aditivos o de luz
ColorColor La intensidad de cada uno de los La intensidad de cada uno de los
componentes se mide también en una escala componentes se mide también en una escala que va del 0 al 255. que va del 0 al 255.
Sin embargo utiliza una Sin embargo utiliza una codificación codificación hexadecimal (16 digítos), hexadecimal (16 digítos), lo que le permite lo que le permite representar el número 255 en base decimal representar el número 255 en base decimal con solo dos dígitos en base hexadecimal. con solo dos dígitos en base hexadecimal.
En el sistema de numeración hexadecimal, En el sistema de numeración hexadecimal, además de los números del 0 al 9 se utilizan además de los números del 0 al 9 se utilizan seis letras con un valor numérico equivalente; seis letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15.a=10, b=11, c=12, d=13, e=14 y f=15.
ColorColor
ColorColor
Si el cliente no cuenta con una paleta Si el cliente no cuenta con una paleta de colores, establezca una, de de colores, establezca una, de preferencia de colores armonizados.preferencia de colores armonizados.
Prepare su muestrario de colores con Prepare su muestrario de colores con ellos. Genere un archivo y una ellos. Genere un archivo y una página muestra, por ejemplo:página muestra, por ejemplo:
ColorColor
ColorColor
ColorColor
Related Documents
