Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Principios de diseño
Fundamentos de diseño <ul><li>Según el autor  Wucius Wong. (1992)  en su obra  Fundamentos del Diseño , “un buen diseño es...
Fundamentos de diseño <ul><li>La base de un buen diseño de página es usar los elementos del diseño:  Balance o equilibrio,...
Balance o equilibrio <ul><li>El equilibrio debe existir entre los diferentes elementos que componen la página. Imágenes y ...
Balance o equilibrio <ul><li>Existen tres tipos de balance para diseñar páginas: </li></ul><ul><ul><li>1. Balance simétric...
Balance o equilibrio <ul><li>“ La  simetría  es la exacta correspondencia de todas las partes de una figura respecto de un...
Balance o equilibrio <ul><li>Simetría horizontal  Simetría vertical  Simetría radial </li></ul>
Asimetría <ul><li>“ La  asimetría  se refiere a la no simetría, es decir, a la propiedad de determinados cuerpos, funcione...
Asimetría <ul><li>Asimetría horizontal  Asimetría vertical  Asimetría radial </li></ul>
Énfasis <ul><li>El énfasis es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que sucede con ...
Color <ul><li>Los colores obtenidos naturalmente por descomposición de la luz solar o artificialmente mediante focos emiso...
Colores aditivos o de luz
Color <ul><li>La intensidad de cada uno de los componentes se mide también en una escala que va del 0 al 255.  </li></ul><...
Color
Color <ul><li>Si el cliente no cuenta con una paleta de colores, establezca una, de preferencia de colores armonizados. </...
Color
Color
Color
Upcoming SlideShare
Loading in …5
×

0202 principios de diseño

3,036 views

Published on

Published in: Education
  • Be the first to comment

0202 principios de diseño

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

×