SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt? (20)

4.3 aplicaciones de la teoria
4.3 aplicaciones de la teoria4.3 aplicaciones de la teoria
4.3 aplicaciones de la teoria
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
La psicologia del color
La psicologia del colorLa psicologia del color
La psicologia del color
 
Colores
ColoresColores
Colores
 
Teoria del color
Teoria del color Teoria del color
Teoria del color
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
Luz y color
Luz y colorLuz y color
Luz y color
 
Psicologia del color
Psicologia del colorPsicologia del color
Psicologia del color
 
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
 
El Color
El ColorEl Color
El Color
 
Teoriadecolor
TeoriadecolorTeoriadecolor
Teoriadecolor
 
Diagramación y Composición
Diagramación y ComposiciónDiagramación y Composición
Diagramación y Composición
 
Diiiiseño graficoo
Diiiiseño graficooDiiiiseño graficoo
Diiiiseño graficoo
 
El color en la vida del hombre
El color en la vida del hombreEl color en la vida del hombre
El color en la vida del hombre
 
El color y los sentimientos
El color y los sentimientosEl color y los sentimientos
El color y los sentimientos
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
 
Psicología Color
Psicología ColorPsicología Color
Psicología Color
 
Psicología del Color
Psicología del ColorPsicología del Color
Psicología del Color
 
Teoria del color y la forma
Teoria del color y la formaTeoria del color y la forma
Teoria del color y la forma
 

Ähnlich wie 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 UsuarioJose Rojas
 
Sensaciones que producen algunos colores
Sensaciones que producen algunos coloresSensaciones que producen algunos colores
Sensaciones que producen algunos coloresDibujo Educativo
 
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...AnthonyNava8
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Colorguest51a388
 
TeoríA Del Color
TeoríA Del ColorTeoríA Del Color
TeoríA Del Colorguest51a388
 
La teoría de color
La teoría de colorLa teoría de color
La teoría de colordani t
 
IMPORTANCIA DE LA TEORIA DEL COLOR.pdf
IMPORTANCIA DE LA TEORIA DEL COLOR.pdfIMPORTANCIA DE LA TEORIA DEL COLOR.pdf
IMPORTANCIA DE LA TEORIA DEL COLOR.pdfKENIAVERDY
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandovalstewarr
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandovalstewarr
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandovalstewarr
 
Maquetación y composición
Maquetación y composiciónMaquetación y composición
Maquetación y composiciónmarialex2017
 
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.pptx2202540f
 
El Color
El ColorEl Color
El ColorKaren
 

Ähnlich wie 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
 
Sensaciones que producen algunos colores
Sensaciones que producen algunos coloresSensaciones que producen algunos colores
Sensaciones que producen algunos colores
 
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...
Diapositiva Teoria del color Anthony Nava 29886555 diseño gráfico 2do semestr...
 
circulo cromatico
circulo cromaticocirculo cromatico
circulo cromatico
 
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
 
La teoría de color
La teoría de colorLa teoría de color
La teoría de color
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
IMPORTANCIA DE LA TEORIA DEL COLOR.pdf
IMPORTANCIA DE LA TEORIA DEL COLOR.pdfIMPORTANCIA DE LA TEORIA DEL COLOR.pdf
IMPORTANCIA DE LA TEORIA DEL COLOR.pdf
 
Propiedades del color
Propiedades del colorPropiedades del color
Propiedades del color
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 
Stewar sandoval
Stewar sandovalStewar sandoval
Stewar sandoval
 
Maquetación y composición
Maquetación y composiciónMaquetación y composición
Maquetación y composición
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
El color.
El color.El color.
El color.
 
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
 
teoria de color
 teoria de color teoria de color
teoria de color
 
El Color
El ColorEl Color
El Color
 

Mehr von 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 futuroJose Rojas
 
Modelos De Negocio En El Sl
Modelos De Negocio En El SlModelos De Negocio En El Sl
Modelos De Negocio En El SlJose Rojas
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0Jose Rojas
 
Linux Para Usuarios Finales
Linux Para Usuarios FinalesLinux Para Usuarios Finales
Linux Para Usuarios FinalesJose Rojas
 
Java Es O No Software Libre
Java Es O No Software LibreJava Es O No Software Libre
Java Es O No Software LibreJose Rojas
 
El Poder De Las Redes Deugarte
El Poder De Las Redes DeugarteEl Poder De Las Redes Deugarte
El Poder De Las Redes DeugarteJose 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 RojasJose 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 RoRJose Rojas
 
Tema1 Lenguajes De Programacion
Tema1 Lenguajes De ProgramacionTema1 Lenguajes De Programacion
Tema1 Lenguajes De ProgramacionJose 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 AJose 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 RojasJose 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 AJose Rojas
 
5154 Tema3 Jose Rojas
5154 Tema3 Jose Rojas5154 Tema3 Jose Rojas
5154 Tema3 Jose RojasJose Rojas
 
Desarrollo Colaborativo por Jose Rojas
Desarrollo Colaborativo por Jose RojasDesarrollo Colaborativo por Jose Rojas
Desarrollo Colaborativo por Jose RojasJose Rojas
 

Mehr von Jose Rojas (17)

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
 
Joserojas Web 2.0
Joserojas Web 2.0Joserojas Web 2.0
Joserojas Web 2.0
 
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
 

Kürzlich hochgeladen

guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
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 JUNITMaricarmen Sánchez Ruiz
 

Kürzlich hochgeladen (13)

guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
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
 

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.