SlideShare una empresa de Scribd logo
1 de 17
 
Contenido - Introducción al Diseño Gráfico - Diseño gráfico en la Web - Teoría del Color - Introducción - Naturaleza del Color. Percepción - Tipos de Color. Propiedades - Estudio de algunos colores - Colores para la Web - Formatos de Imágenes
Introducción al Diseño Gráfico El ser humano ha tenido siempre la necesidad de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que si el hombre es el ser más avanzado de la naturaleza, es debido en gran parte a la facilidad que ha tenido para hacer partícipe a los demás de sus ideas de una forma u otra. Las primeras formas comunicativas fueron mediante elementos visuales. Antes de que desarrollaran capacidades de expresión mediante el lenguaje hablado, los hombres utilizaron su cuerpo para comunicar a los demás estados de ánimo, deseos e inquietudes a través de ademanes, expresiones y signos, que con el tiempo adquirieron la condición de "lenguaje", al convertirse en modelos de comunicación. El desarrollo de la publicidad trajo consigo un desarrollo paralelo del diseño gráfico y de los soportes de comunicación. Había que convencer al público de las ventajas de un producto o marca, y para ello nada mejor que mensajes concisos, cargados de componentes psicológicos, con diseños cada vez más elaborados, que se hacían llegar al mayor número posible de personas. El cómo se transmitía la información llegó incluso a superar en importancia a la misma información transmitida.
Diseño Gráfico en la Web El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: Internet. El diseño gráfico de una página web es tan solo una parte del diseño de la misma, ya que, además, hay que considerar un conjunto más o menos extenso de condicionantes que van a limitar la libre creatividad del diseñador. En las páginas web se deben descargar de un servidor web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualización. La mayoría de los usuarios se conectan todavía a Internet con un módem, con velocidades teóricas de 56 Kbps, aunque en realizada no superar los 10-15 Kbps en el mejor de los casos. Estudios realizados demuestran que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar nuestro sitio web y buscar otro más rápido. Por lo tanto, el número de elementos gráficos que podemos introducir en una página web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores.
Teoría del Color: Introducción En el diseño web disponemos de muy poco espacio y muy poco tiempo para poder expresar el alma de nuestro sitio y captar adecuadamente la atención de nuestros visitantes, y el color es la primera forma de comunicación entre una página web y el usuario.  Está demostrado que los nueve primeros segundos en los que una persona contempla nuestra página son cruciales, y de ellos depende que esta continúe con agrado navegando por nuestro sitio, lo haga con indiferencia o nos abandone. Y de lo que ve en estos segundos lo que tal vez mas llame y capte su atención sea la distribución y la gama de colores de nuestra página.
Teoría del Color: Naturaleza del Color La luz del Sol está formada en realidad  por un amplio espectro de radiaciones electromagnéticas  de diferentes longitudes de onda, formando un espectro  continuo de radiaciones, que comprende desde longitudes  de onda muy pequeñas, de menos de 1 picómetro  (rayos cósmicos), hasta longitudes de onda muy grandes,  de más de 1 kilómetro.
Teoría del Color: Naturaleza del Color El ser humano tan solo es capaz de visualizar un subconjunto de ellas, las que van desde 380 (violeta) a 780 nanómetros (rojo), como podemos apreciar claramente si la hacemos pasar por un prisma, efecto descubierto por Newton. Cada longitud de onda define un color diferente (colores de emisión). La suma de todos los colores (longitudes de onda) da como resultado la luz blanca, siendo el color negro u oscuridad la ausencia de colores.
Teoría del Color: Tipos de Color El sistema de definición de colores aditivos RGB, usado en diseño gráfico digital y en diseño web, parte de tres  colores primarios , rojo, verde y azul, a partir de los cuales es posible obtener todos los demás de espectro. Así, por mezcla directa de los colores primarios obtenemos los colores secundarios, cian, magenta y amarillo, y por mezcla directa de estos los colores terciarios.
Teoría del Color: Tipos de Color Si continuamos mezclando colores vecinos iremos obteniendo nuevos colores, consiguiendo una representación de éstos muy importante en diseño, denominada círculo cromático, representativa de la descomposición en colores de la luz solar, que nos va a ayudar a clasificar éstos y a obtener sus combinaciones idóneas.
Teoría del Color: Tipos de Color Partiendo del círculo cromático podemos establecer diferentes clasificaciones de los colores, entre las que destacan:  Colores en cálidos y fríos   Los colores cálidos dan sensación de actividad, de alegría, de dinamismo, de confianza y amistad. Estos colores son el amarillo, el rojo, el naranja y la púrpura en menor medida.  Los colores fríos dan sensación de tranquilidad, de seriedad, de distanciamiento. Colores de este tipo son el azul, el verde, el azul verdoso, el violeta, cian, aqua, y a veces el celeste. Un color azul acuoso es perfecto para representar superficies metálicas. Verdes oscuros saturados expresan profundidad.
Teoría del Color: Tipos de Color Colores claros o luminosos y oscuros    Los colores claros inspiran limpieza, juventud, jovialidad, como ocurre con amarillos, verdes y naranjas, mientras que los oscuros inspiran seriedad, madurez, calma, como es el caso de los tonos rojos, azules y negros.
Teoría del Color: Tipos de Color Colores apagados o sucios y los colores pastel     Obtenidos cuando se aumenta o disminuye la luminosidad de todo el círculo cromático. Los colores apagados expresan oscuridad, muerte, seriedad, mientras que los pastel sugieren luz, frescura y naturalidad.
Teoría del Color: Estudio de algunos colores Es bien sabido por los psicólogos la influencia emocional que desencadenan los colores en el espíritu humano. Las respuestas emocionales varían enormemente dependiendo del color y de la intensidad de éste, así como de las diferentes combinaciones de colores que se pueden dar.  Normalmente cada color individual lleva asociado un conjunto de emociones y asociaciones de ideas que le es propio. Hay que destacar que estas emociones asociadas corresponden a la cultura occidental, ya que en otras culturas los colores pueden expresar sentimientos totalmente opuestos a los arriba indicados (por ejemplo, en Japón el color blanco simboliza la muerte).  Las sensaciones que producen los colores dependen de factores culturales y ambientales, y muchas veces de los propios prejuicios del usuario. Además hay que sumar a esto que no todas las personas ven los colores de la misma forma, ya que hay personas que sólo pueden ver bien la gama azul / naranja, otras la roja / verde y otras degeneran a la gama blanco / negro. Incluso se perciben los colores de forma diferente con el ojo derecho que con el izquierdo.
Teoría del Color: Estudio de algunos colores Rojo   El rojo es el único color brillante de verdad y puro en  su composición. es exultante y agresivo. Es el  símbolo de la pasión ardiente y desbordada,  de la sexualidad y el erotismo. Es un color cálido,  asociado con el sol y el calor, de tal manera que  es posible sentirse más acalorado en un ambiente pintado de rojo, aunque objetivamente la temperatura no haya variado. Su nombre procede del latín "russus“. El rojo es el color de la sangre, de la pasión, de la fuerza bruta y del fuego  Color fundamental, ligado al principio de la vida, sugiere vitalidad, entusiasmo, pasión, agitación, fuerza, sexo, calor, fuego, sangre, amor, audacia, valor, coraje, cólera, crueldad, intensidad y virilidad, estando asociado con sentimientos enérgicos, con la excitación apasionada o erótica. Es el color más sensual de todo el círculo cromático.
Teoría del Color: Estudio de algunos colores Verde   El verde es el color más tranquilo y sedante de todos.  Es el color de la calma indiferente: no transmite alegría,  tristeza o pasión.  Su nombre deriva del latín "viridis" (que tiene savia).  Está asociado a conceptos como Naturaleza, salud, dinero,  frescura, crecimiento, abundancia, fertilidad, plantas,  bosques, vegetación, primavera, frescor, esmeralda, honor,  cortesía, civismo y vigor. El verde que tiende al amarillo cobra fuerza activa y soleada; si en él predomina el azul resulta más sobrio y sofisticado.
Teoría del Color: Estudio de algunos colores Azul  El color azul es el símbolo de la profundidad.  Inmaterial y frío, suscita una predisposición favorable.  La sensación de placidez que provoca el azul es distinta  de la calma o reposo terrestres, propios del verde.  Es un color reservado y entra dentro de los colores fríos. Expresa armonía, amistad, fidelidad, serenidad, sosiego, verdad, dignidad, confianza, masculinidad, sensualidad y comodidad. Su nombre es de origen incierto, pero parece que procede del sánscrito "rajavarta" (rizo del rey).  Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Combina muy bien con su complementario, el naranja, y con las variaciones de éste, siendo típicos los fondos azules con textos naranjas, sobre todo en dinteles con logotipo.
Teoría del Color: Estudio de algunos colores Amarillo   El color amarillo es el color más luminoso,  más cálido, ardiente y expansivo.  Es un color optimista, moderno, y denota  alegría, entusiasmo, pasión, fuerza, sexo,  calor, primavera, inocencia, infancia, juventud.  También se usa para expresar peligro y precaución. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Si es muy brillante puede indicar peligro, y si es muy suave puede sugerir delicadeza. Un entorno amarillo medio o pálido hace a la gente sentirse cómoda, caliente.  El amarillo llama mucho la atención en un entorno o composición, utilizándose a menudo en elementos que conviene hacer visibles. Es el color que fatiga mas a la vista humana, porque causa una estimulación  visual excesiva, pudiendo originar sensación de irritabilidad  en las personas.

Más contenido relacionado

La actualidad más candente

Colores
ColoresColores
Colores
1am7
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
isabel bordonaba
 

La actualidad más candente (19)

Taller 1 cesar peñafiel zarate
Taller 1 cesar peñafiel zarateTaller 1 cesar peñafiel zarate
Taller 1 cesar peñafiel zarate
 
La poética del color en el diseño. carlos churba
La poética del color en el diseño. carlos churbaLa poética del color en el diseño. carlos churba
La poética del color en el diseño. carlos churba
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Psicologia del color
Psicologia del colorPsicologia del color
Psicologia del color
 
Colores
ColoresColores
Colores
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
 
Teoría del color.
Teoría del color.Teoría del color.
Teoría del color.
 
Ensayo final psicologia de los colores
Ensayo final psicologia de los coloresEnsayo final psicologia de los colores
Ensayo final psicologia de los colores
 
Un mundo de colores
Un mundo de coloresUn mundo de colores
Un mundo de colores
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
 
La psicologia del color
La psicologia del colorLa psicologia del color
La psicologia del color
 
El Diseno Grafico Y Creatividad
El Diseno Grafico Y CreatividadEl Diseno Grafico Y Creatividad
El Diseno Grafico Y Creatividad
 
Teoría del color
Teoría del color Teoría del color
Teoría del color
 
teoria de color
 teoria de color teoria de color
teoria de color
 
Color
ColorColor
Color
 
El color en la decoración
El color en la decoración El color en la decoración
El color en la decoración
 
4.3 aplicaciones de la teoria
4.3 aplicaciones de la teoria4.3 aplicaciones de la teoria
4.3 aplicaciones de la teoria
 
Psicología del Color
Psicología del ColorPsicología del Color
Psicología del Color
 
Que es el color
Que es el colorQue es el color
Que es el color
 

Destacado (13)

3Com 3C18122
3Com 3C181223Com 3C18122
3Com 3C18122
 
BB_brochure_Landscape_2
BB_brochure_Landscape_2BB_brochure_Landscape_2
BB_brochure_Landscape_2
 
Presentation
PresentationPresentation
Presentation
 
3Com 3CR990TX95
3Com 3CR990TX953Com 3CR990TX95
3Com 3CR990TX95
 
DiseñO Web Centrado En El Usuario
DiseñO Web Centrado En El UsuarioDiseñO Web Centrado En El Usuario
DiseñO Web Centrado En El Usuario
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0
 
Periodismo 3.0
Periodismo 3.0 Periodismo 3.0
Periodismo 3.0
 
Pechakacha presentation powerpoint.pptx
Pechakacha presentation powerpoint.pptxPechakacha presentation powerpoint.pptx
Pechakacha presentation powerpoint.pptx
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Eventi & fiere b2b - Polonia 2017
Eventi & fiere b2b  - Polonia 2017Eventi & fiere b2b  - Polonia 2017
Eventi & fiere b2b - Polonia 2017
 
Escudo Español
Escudo EspañolEscudo Español
Escudo Español
 
Phi 103 week 2 quiz new 2016
Phi 103 week 2 quiz new 2016Phi 103 week 2 quiz new 2016
Phi 103 week 2 quiz new 2016
 
3Com 1722-060-000-1
3Com 1722-060-000-13Com 1722-060-000-1
3Com 1722-060-000-1
 

Similar a Diseño Web Centrado En El Usuario

Diseno Web Centrado En El Usuario
Diseno  Web  Centrado En El  UsuarioDiseno  Web  Centrado En El  Usuario
Diseno Web Centrado En El Usuario
Jose Rojas
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Color
guest51a388
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Color
guest51a388
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
stewarr
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
stewarr
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
stewarr
 

Similar a Diseño Web Centrado En El Usuario (20)

Diseno Web Centrado En El Usuario
Diseno  Web  Centrado En El  UsuarioDiseno  Web  Centrado En El  Usuario
Diseno Web Centrado En El Usuario
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Color
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Color
 
Ensayo de la Teoría general del color
Ensayo de la Teoría general del colorEnsayo de la Teoría general del color
Ensayo de la Teoría general del color
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
La teoría de color
La teoría de colorLa teoría de color
La teoría de color
 
Patricio pachacama act. 2.1
Patricio pachacama act. 2.1Patricio pachacama act. 2.1
Patricio pachacama act. 2.1
 
Propiedades del color
Propiedades del colorPropiedades del color
Propiedades del color
 
Diagramación y Composición
Diagramación y ComposiciónDiagramación y Composición
Diagramación y Composición
 
Teoria del Color
Teoria del Color Teoria del Color
Teoria del Color
 
Sensaciones que producen algunos colores
Sensaciones que producen algunos coloresSensaciones que producen algunos colores
Sensaciones que producen algunos colores
 
Teoría del color en la Arquitectura.pptx
Teoría del color en la Arquitectura.pptxTeoría del color en la Arquitectura.pptx
Teoría del color en la Arquitectura.pptx
 
El color
El colorEl color
El color
 
El color
El colorEl color
El color
 
Maquetación y composición
Maquetación y composiciónMaquetación y composición
Maquetación y composición
 
circulo cromatico
circulo cromaticocirculo cromatico
circulo cromatico
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 

Más de Jose Rojas

Educación 2.0: La educación del futuro
Educación 2.0: La educación del futuroEducación 2.0: La educación del futuro
Educación 2.0: La educación del futuro
Jose Rojas
 
Modelos De Negocio En El Sl
Modelos De Negocio En El SlModelos De Negocio En El Sl
Modelos De Negocio En El Sl
Jose Rojas
 
Linux Para Usuarios Finales
Linux Para Usuarios FinalesLinux Para Usuarios Finales
Linux Para Usuarios Finales
Jose Rojas
 
Java Es O No Software Libre
Java Es O No Software LibreJava Es O No Software Libre
Java Es O No Software Libre
Jose Rojas
 
El Poder De Las Redes Deugarte
El Poder De Las Redes DeugarteEl Poder De Las Redes Deugarte
El Poder De Las Redes Deugarte
Jose Rojas
 
Software Libre en la Comunidad Universitaria por Jose Rojas
Software Libre en la Comunidad Universitaria por Jose RojasSoftware Libre en la Comunidad Universitaria por Jose Rojas
Software Libre en la Comunidad Universitaria por Jose Rojas
Jose Rojas
 
Tema1 Lenguajes De Programacion
Tema1 Lenguajes De ProgramacionTema1 Lenguajes De Programacion
Tema1 Lenguajes De Programacion
Jose Rojas
 
Presentacion Fundamentos S L I N I A
Presentacion  Fundamentos  S L  I N I APresentacion  Fundamentos  S L  I N I A
Presentacion Fundamentos S L I N I A
Jose Rojas
 
S L Y La Brecha Digital Jose Rojas
S L Y La  Brecha  Digital    Jose  RojasS L Y La  Brecha  Digital    Jose  Rojas
S L Y La Brecha Digital Jose Rojas
Jose Rojas
 
Presentacion Fundamentos S L I N I A
Presentacion  Fundamentos  S L  I N I APresentacion  Fundamentos  S L  I N I A
Presentacion Fundamentos S L I N I A
Jose Rojas
 

Más de Jose Rojas (16)

Educación 2.0: La educación del futuro
Educación 2.0: La educación del futuroEducación 2.0: La educación del futuro
Educación 2.0: La educación del futuro
 
Modelos De Negocio En El Sl
Modelos De Negocio En El SlModelos De Negocio En El Sl
Modelos De Negocio En El Sl
 
Linux Para Usuarios Finales
Linux Para Usuarios FinalesLinux Para Usuarios Finales
Linux Para Usuarios Finales
 
Java Es O No Software Libre
Java Es O No Software LibreJava Es O No Software Libre
Java Es O No Software Libre
 
Ponencia
PonenciaPonencia
Ponencia
 
El Poder De Las Redes Deugarte
El Poder De Las Redes DeugarteEl Poder De Las Redes Deugarte
El Poder De Las Redes Deugarte
 
Software Libre en la Comunidad Universitaria por Jose Rojas
Software Libre en la Comunidad Universitaria por Jose RojasSoftware Libre en la Comunidad Universitaria por Jose Rojas
Software Libre en la Comunidad Universitaria por Jose Rojas
 
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas Desarrollo Rapido de Aplicaciones con RoR
Jose Rojas Desarrollo Rapido de Aplicaciones con RoR
 
Tema1 Lenguajes De Programacion
Tema1 Lenguajes De ProgramacionTema1 Lenguajes De Programacion
Tema1 Lenguajes De Programacion
 
Presentacion Fundamentos S L I N I A
Presentacion  Fundamentos  S L  I N I APresentacion  Fundamentos  S L  I N I A
Presentacion Fundamentos S L I N I A
 
S L Y La Brecha Digital Jose Rojas
S L Y La  Brecha  Digital    Jose  RojasS L Y La  Brecha  Digital    Jose  Rojas
S L Y La Brecha Digital Jose Rojas
 
Presentacion Fundamentos S L I N I A
Presentacion  Fundamentos  S L  I N I APresentacion  Fundamentos  S L  I N I A
Presentacion Fundamentos S L I N I A
 
5154 Tema3 Jose Rojas
5154 Tema3 Jose Rojas5154 Tema3 Jose Rojas
5154 Tema3 Jose Rojas
 
5154 - Tema 1
5154 - Tema 15154 - Tema 1
5154 - Tema 1
 
5154 - Tema 2
5154 - Tema 25154 - Tema 2
5154 - Tema 2
 
Desarrollo Colaborativo por Jose Rojas
Desarrollo Colaborativo por Jose RojasDesarrollo Colaborativo por Jose Rojas
Desarrollo Colaborativo por Jose Rojas
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Diseño Web Centrado En El Usuario

  • 1.  
  • 2. Contenido - Introducción al Diseño Gráfico - Diseño gráfico en la Web - Teoría del Color - Introducción - Naturaleza del Color. Percepción - Tipos de Color. Propiedades - Estudio de algunos colores - Colores para la Web - Formatos de Imágenes
  • 3. Introducción al Diseño Gráfico El ser humano ha tenido siempre la necesidad de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que si el hombre es el ser más avanzado de la naturaleza, es debido en gran parte a la facilidad que ha tenido para hacer partícipe a los demás de sus ideas de una forma u otra. Las primeras formas comunicativas fueron mediante elementos visuales. Antes de que desarrollaran capacidades de expresión mediante el lenguaje hablado, los hombres utilizaron su cuerpo para comunicar a los demás estados de ánimo, deseos e inquietudes a través de ademanes, expresiones y signos, que con el tiempo adquirieron la condición de "lenguaje", al convertirse en modelos de comunicación. El desarrollo de la publicidad trajo consigo un desarrollo paralelo del diseño gráfico y de los soportes de comunicación. Había que convencer al público de las ventajas de un producto o marca, y para ello nada mejor que mensajes concisos, cargados de componentes psicológicos, con diseños cada vez más elaborados, que se hacían llegar al mayor número posible de personas. El cómo se transmitía la información llegó incluso a superar en importancia a la misma información transmitida.
  • 4. Diseño Gráfico en la Web El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: Internet. El diseño gráfico de una página web es tan solo una parte del diseño de la misma, ya que, además, hay que considerar un conjunto más o menos extenso de condicionantes que van a limitar la libre creatividad del diseñador. En las páginas web se deben descargar de un servidor web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualización. La mayoría de los usuarios se conectan todavía a Internet con un módem, con velocidades teóricas de 56 Kbps, aunque en realizada no superar los 10-15 Kbps en el mejor de los casos. Estudios realizados demuestran que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar nuestro sitio web y buscar otro más rápido. Por lo tanto, el número de elementos gráficos que podemos introducir en una página web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores.
  • 5. Teoría del Color: Introducción En el diseño web disponemos de muy poco espacio y muy poco tiempo para poder expresar el alma de nuestro sitio y captar adecuadamente la atención de nuestros visitantes, y el color es la primera forma de comunicación entre una página web y el usuario. Está demostrado que los nueve primeros segundos en los que una persona contempla nuestra página son cruciales, y de ellos depende que esta continúe con agrado navegando por nuestro sitio, lo haga con indiferencia o nos abandone. Y de lo que ve en estos segundos lo que tal vez mas llame y capte su atención sea la distribución y la gama de colores de nuestra página.
  • 6. Teoría del Color: Naturaleza del Color La luz del Sol está formada en realidad por un amplio espectro de radiaciones electromagnéticas de diferentes longitudes de onda, formando un espectro continuo de radiaciones, que comprende desde longitudes de onda muy pequeñas, de menos de 1 picómetro (rayos cósmicos), hasta longitudes de onda muy grandes, de más de 1 kilómetro.
  • 7. Teoría del Color: Naturaleza del Color El ser humano tan solo es capaz de visualizar un subconjunto de ellas, las que van desde 380 (violeta) a 780 nanómetros (rojo), como podemos apreciar claramente si la hacemos pasar por un prisma, efecto descubierto por Newton. Cada longitud de onda define un color diferente (colores de emisión). La suma de todos los colores (longitudes de onda) da como resultado la luz blanca, siendo el color negro u oscuridad la ausencia de colores.
  • 8. Teoría del Color: Tipos de Color El sistema de definición de colores aditivos RGB, usado en diseño gráfico digital y en diseño web, parte de tres colores primarios , rojo, verde y azul, a partir de los cuales es posible obtener todos los demás de espectro. Así, por mezcla directa de los colores primarios obtenemos los colores secundarios, cian, magenta y amarillo, y por mezcla directa de estos los colores terciarios.
  • 9. Teoría del Color: Tipos de Color Si continuamos mezclando colores vecinos iremos obteniendo nuevos colores, consiguiendo una representación de éstos muy importante en diseño, denominada círculo cromático, representativa de la descomposición en colores de la luz solar, que nos va a ayudar a clasificar éstos y a obtener sus combinaciones idóneas.
  • 10. Teoría del Color: Tipos de Color Partiendo del círculo cromático podemos establecer diferentes clasificaciones de los colores, entre las que destacan: Colores en cálidos y fríos Los colores cálidos dan sensación de actividad, de alegría, de dinamismo, de confianza y amistad. Estos colores son el amarillo, el rojo, el naranja y la púrpura en menor medida. Los colores fríos dan sensación de tranquilidad, de seriedad, de distanciamiento. Colores de este tipo son el azul, el verde, el azul verdoso, el violeta, cian, aqua, y a veces el celeste. Un color azul acuoso es perfecto para representar superficies metálicas. Verdes oscuros saturados expresan profundidad.
  • 11. Teoría del Color: Tipos de Color Colores claros o luminosos y oscuros Los colores claros inspiran limpieza, juventud, jovialidad, como ocurre con amarillos, verdes y naranjas, mientras que los oscuros inspiran seriedad, madurez, calma, como es el caso de los tonos rojos, azules y negros.
  • 12. Teoría del Color: Tipos de Color Colores apagados o sucios y los colores pastel Obtenidos cuando se aumenta o disminuye la luminosidad de todo el círculo cromático. Los colores apagados expresan oscuridad, muerte, seriedad, mientras que los pastel sugieren luz, frescura y naturalidad.
  • 13. Teoría del Color: Estudio de algunos colores Es bien sabido por los psicólogos la influencia emocional que desencadenan los colores en el espíritu humano. Las respuestas emocionales varían enormemente dependiendo del color y de la intensidad de éste, así como de las diferentes combinaciones de colores que se pueden dar. Normalmente cada color individual lleva asociado un conjunto de emociones y asociaciones de ideas que le es propio. Hay que destacar que estas emociones asociadas corresponden a la cultura occidental, ya que en otras culturas los colores pueden expresar sentimientos totalmente opuestos a los arriba indicados (por ejemplo, en Japón el color blanco simboliza la muerte). Las sensaciones que producen los colores dependen de factores culturales y ambientales, y muchas veces de los propios prejuicios del usuario. Además hay que sumar a esto que no todas las personas ven los colores de la misma forma, ya que hay personas que sólo pueden ver bien la gama azul / naranja, otras la roja / verde y otras degeneran a la gama blanco / negro. Incluso se perciben los colores de forma diferente con el ojo derecho que con el izquierdo.
  • 14. Teoría del Color: Estudio de algunos colores Rojo El rojo es el único color brillante de verdad y puro en su composición. es exultante y agresivo. Es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo. Es un color cálido, asociado con el sol y el calor, de tal manera que es posible sentirse más acalorado en un ambiente pintado de rojo, aunque objetivamente la temperatura no haya variado. Su nombre procede del latín "russus“. El rojo es el color de la sangre, de la pasión, de la fuerza bruta y del fuego Color fundamental, ligado al principio de la vida, sugiere vitalidad, entusiasmo, pasión, agitación, fuerza, sexo, calor, fuego, sangre, amor, audacia, valor, coraje, cólera, crueldad, intensidad y virilidad, estando asociado con sentimientos enérgicos, con la excitación apasionada o erótica. Es el color más sensual de todo el círculo cromático.
  • 15. Teoría del Color: Estudio de algunos colores Verde El verde es el color más tranquilo y sedante de todos. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Su nombre deriva del latín "viridis" (que tiene savia). Está asociado a conceptos como Naturaleza, salud, dinero, frescura, crecimiento, abundancia, fertilidad, plantas, bosques, vegetación, primavera, frescor, esmeralda, honor, cortesía, civismo y vigor. El verde que tiende al amarillo cobra fuerza activa y soleada; si en él predomina el azul resulta más sobrio y sofisticado.
  • 16. Teoría del Color: Estudio de algunos colores Azul El color azul es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Es un color reservado y entra dentro de los colores fríos. Expresa armonía, amistad, fidelidad, serenidad, sosiego, verdad, dignidad, confianza, masculinidad, sensualidad y comodidad. Su nombre es de origen incierto, pero parece que procede del sánscrito "rajavarta" (rizo del rey). Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Combina muy bien con su complementario, el naranja, y con las variaciones de éste, siendo típicos los fondos azules con textos naranjas, sobre todo en dinteles con logotipo.
  • 17. Teoría del Color: Estudio de algunos colores Amarillo El color amarillo es el color más luminoso, más cálido, ardiente y expansivo. Es un color optimista, moderno, y denota alegría, entusiasmo, pasión, fuerza, sexo, calor, primavera, inocencia, infancia, juventud. También se usa para expresar peligro y precaución. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Si es muy brillante puede indicar peligro, y si es muy suave puede sugerir delicadeza. Un entorno amarillo medio o pálido hace a la gente sentirse cómoda, caliente. El amarillo llama mucho la atención en un entorno o composición, utilizándose a menudo en elementos que conviene hacer visibles. Es el color que fatiga mas a la vista humana, porque causa una estimulación visual excesiva, pudiendo originar sensación de irritabilidad en las personas.