SlideShare une entreprise Scribd logo
1  sur  17
Télécharger pour lire hors ligne
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 quot;lenguajequot;, 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
quot;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 quot;viridisquot; (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
quot;rajavartaquot; (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.

Contenu connexe

En vedette

Comunidades mixtas de práctica docente en el seno del proyecto CONGENIA
Comunidades mixtas de práctica docente en el seno del proyecto CONGENIAComunidades mixtas de práctica docente en el seno del proyecto CONGENIA
Comunidades mixtas de práctica docente en el seno del proyecto CONGENIAAlvaro Galvis
 
Sencillamente perros
Sencillamente perrosSencillamente perros
Sencillamente perrosLorena Macas
 
FUNDS CAJA MADRID BRICT
FUNDS CAJA MADRID BRICTFUNDS CAJA MADRID BRICT
FUNDS CAJA MADRID BRICTdosmilesback
 
La Universidá Llaboral
La Universidá LlaboralLa Universidá Llaboral
La Universidá Llaboralfomen2
 
ADEL AFIFI BIN LUKMAN
ADEL AFIFI BIN LUKMANADEL AFIFI BIN LUKMAN
ADEL AFIFI BIN LUKMANadel afifi
 
Presentacion de Bienvenida de la UES
Presentacion de Bienvenida de la UESPresentacion de Bienvenida de la UES
Presentacion de Bienvenida de la UESCésar E. Concepción
 
Proteccion social jamundi_09-12-06
Proteccion social jamundi_09-12-06Proteccion social jamundi_09-12-06
Proteccion social jamundi_09-12-06Alvaro Galvis
 
Visita de Nadja a nuestro centro Catec
Visita de Nadja a nuestro centro CatecVisita de Nadja a nuestro centro Catec
Visita de Nadja a nuestro centro CatecNativapr
 
Otavalo Mejora Competitividad MiPymes
Otavalo Mejora Competitividad MiPymesOtavalo Mejora Competitividad MiPymes
Otavalo Mejora Competitividad MiPymesAlvaro Galvis
 
Aprendizaje en colaboración y a lo largo de la vida
Aprendizaje en colaboración y a lo largo de la vidaAprendizaje en colaboración y a lo largo de la vida
Aprendizaje en colaboración y a lo largo de la vidaAlvaro Galvis
 
120120 presentación
120120 presentación120120 presentación
120120 presentaciónxyu21
 
Aseguramiento universal en salud en zonas de pobreza del Perú
Aseguramiento universal en salud en zonas de pobreza del Perú Aseguramiento universal en salud en zonas de pobreza del Perú
Aseguramiento universal en salud en zonas de pobreza del Perú Alvaro Galvis
 
Caso desarticulacion del_sps
Caso desarticulacion del_spsCaso desarticulacion del_sps
Caso desarticulacion del_spsAlvaro Galvis
 
Omondi Zack. RESUME
Omondi Zack. RESUMEOmondi Zack. RESUME
Omondi Zack. RESUMEZack Omondi
 

En vedette (18)

MCSPL profile
MCSPL profileMCSPL profile
MCSPL profile
 
Comunidades mixtas de práctica docente en el seno del proyecto CONGENIA
Comunidades mixtas de práctica docente en el seno del proyecto CONGENIAComunidades mixtas de práctica docente en el seno del proyecto CONGENIA
Comunidades mixtas de práctica docente en el seno del proyecto CONGENIA
 
Sencillamente perros
Sencillamente perrosSencillamente perros
Sencillamente perros
 
FUNDS CAJA MADRID BRICT
FUNDS CAJA MADRID BRICTFUNDS CAJA MADRID BRICT
FUNDS CAJA MADRID BRICT
 
prueba
pruebaprueba
prueba
 
La Universidá Llaboral
La Universidá LlaboralLa Universidá Llaboral
La Universidá Llaboral
 
ADEL AFIFI BIN LUKMAN
ADEL AFIFI BIN LUKMANADEL AFIFI BIN LUKMAN
ADEL AFIFI BIN LUKMAN
 
Presentacion de Bienvenida de la UES
Presentacion de Bienvenida de la UESPresentacion de Bienvenida de la UES
Presentacion de Bienvenida de la UES
 
Proteccion social jamundi_09-12-06
Proteccion social jamundi_09-12-06Proteccion social jamundi_09-12-06
Proteccion social jamundi_09-12-06
 
Visita de Nadja a nuestro centro Catec
Visita de Nadja a nuestro centro CatecVisita de Nadja a nuestro centro Catec
Visita de Nadja a nuestro centro Catec
 
Un Volo Sulla Cybersecurity
Un Volo Sulla CybersecurityUn Volo Sulla Cybersecurity
Un Volo Sulla Cybersecurity
 
Otavalo Mejora Competitividad MiPymes
Otavalo Mejora Competitividad MiPymesOtavalo Mejora Competitividad MiPymes
Otavalo Mejora Competitividad MiPymes
 
Album Viaje
Album ViajeAlbum Viaje
Album Viaje
 
Aprendizaje en colaboración y a lo largo de la vida
Aprendizaje en colaboración y a lo largo de la vidaAprendizaje en colaboración y a lo largo de la vida
Aprendizaje en colaboración y a lo largo de la vida
 
120120 presentación
120120 presentación120120 presentación
120120 presentación
 
Aseguramiento universal en salud en zonas de pobreza del Perú
Aseguramiento universal en salud en zonas de pobreza del Perú Aseguramiento universal en salud en zonas de pobreza del Perú
Aseguramiento universal en salud en zonas de pobreza del Perú
 
Caso desarticulacion del_sps
Caso desarticulacion del_spsCaso desarticulacion del_sps
Caso desarticulacion del_sps
 
Omondi Zack. RESUME
Omondi Zack. RESUMEOmondi Zack. RESUME
Omondi Zack. RESUME
 

Similaire à Diseno Web Centrado En El Usuario

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 UsuarioJose Rojas
 
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 UsuarioJose Rojas
 
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.Actividad.1.1.bautista.laica.jenny.paola.teoria del color.
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.Paola Bautista
 
Patricio pachacama act. 2.1
Patricio pachacama act. 2.1Patricio pachacama act. 2.1
Patricio pachacama act. 2.1op198307
 
Maquetación y composición
Maquetación y composiciónMaquetación y composición
Maquetación y composiciónmarialex2017
 
La teoría de color
La teoría de colorLa teoría de color
La teoría de colordani t
 
El Color
El ColorEl Color
El ColorKaren
 
El Color
El ColorEl Color
El ColorKaren
 
Psicología del color guillermo paredes
Psicología del color guillermo paredesPsicología del color guillermo paredes
Psicología del color guillermo paredesAndresParedes8592
 
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
 
clasificación del color
clasificación del color clasificación del color
clasificación del color EndyTapia
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y coloriBodesign
 
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLOR
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLORSEMIOTICA DEL COLOR // SEMIOTICA DEL COLOR
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLORestrategicamentecrea
 
Psicologia del diseño
Psicologia del diseño Psicologia del diseño
Psicologia del diseño Majord19
 
Sensaciones que producen algunos colores
Sensaciones que producen algunos coloresSensaciones que producen algunos colores
Sensaciones que producen algunos coloresDibujo Educativo
 
El Diseno Grafico Y Creatividad
El Diseno Grafico Y CreatividadEl Diseno Grafico Y Creatividad
El Diseno Grafico Y CreatividadUNM
 
El lenguaje de los colores.
El lenguaje de los colores.El lenguaje de los colores.
El lenguaje de los colores.PrepaRioOficial
 

Similaire à Diseno Web Centrado En El Usuario (20)

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
 
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
 
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.Actividad.1.1.bautista.laica.jenny.paola.teoria del color.
Actividad.1.1.bautista.laica.jenny.paola.teoria del color.
 
Patricio pachacama act. 2.1
Patricio pachacama act. 2.1Patricio pachacama act. 2.1
Patricio pachacama act. 2.1
 
Maquetación y composición
Maquetación y composiciónMaquetación y composición
Maquetación y composición
 
La teoría de color
La teoría de colorLa teoría de color
La teoría de color
 
El Color
El ColorEl Color
El Color
 
El Color
El ColorEl Color
El Color
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
Diagramación y Composición
Diagramación y ComposiciónDiagramación y Composición
Diagramación y Composición
 
Psicología del color guillermo paredes
Psicología del color guillermo paredesPsicología del color guillermo paredes
Psicología del color guillermo paredes
 
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...
 
clasificación del color
clasificación del color clasificación del color
clasificación del color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLOR
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLORSEMIOTICA DEL COLOR // SEMIOTICA DEL COLOR
SEMIOTICA DEL COLOR // SEMIOTICA DEL COLOR
 
Psicologia del diseño
Psicologia del diseño Psicologia del diseño
Psicologia del diseño
 
Sensaciones que producen algunos colores
Sensaciones que producen algunos coloresSensaciones que producen algunos colores
Sensaciones que producen algunos colores
 
El Diseno Grafico Y Creatividad
El Diseno Grafico Y CreatividadEl Diseno Grafico Y Creatividad
El Diseno Grafico Y Creatividad
 
El lenguaje de los colores.
El lenguaje de los colores.El lenguaje de los colores.
El lenguaje de los colores.
 

Plus 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 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
 

Plus de 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
 

Dernier

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 

Dernier (20)

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 

Diseno 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 quot;lenguajequot;, 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 quot;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 quot;viridisquot; (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 quot;rajavartaquot; (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.