diseño web centrado en el usuario

17

Upload: jose-rojas

Post on 13-Jun-2015

559 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: DiseñO Web Centrado En El Usuario
Page 2: DiseñO Web Centrado En El Usuario

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

Page 3: DiseñO Web Centrado En El Usuario

Introducción al Diseño GráficoEl 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.

Page 4: DiseñO Web Centrado En El Usuario

Diseño Gráfico en la WebEl 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.

Page 5: DiseñO Web Centrado En El Usuario

Teoría del Color: IntroducciónEn 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.

Page 6: DiseñO Web Centrado En El Usuario

Teoría del Color: Naturaleza del ColorLa 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.

Page 7: DiseñO Web Centrado En El Usuario

Teoría del Color: Naturaleza del ColorEl 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.

Page 8: DiseñO Web Centrado En El Usuario

Teoría del Color: Tipos de ColorEl 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.

Page 9: DiseñO Web Centrado En El Usuario

Teoría del Color: Tipos de ColorSi 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.

Page 10: DiseñO Web Centrado En El Usuario

Teoría del Color: Tipos de ColorPartiendo 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.

Page 11: DiseñO Web Centrado En El Usuario

Teoría del Color: Tipos de ColorColores 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.

Page 12: DiseñO Web Centrado En El Usuario

Teoría del Color: Tipos de ColorColores 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.

Page 13: DiseñO Web Centrado En El Usuario

Teoría del Color: Estudio de algunos coloresEs 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.

Page 14: DiseñO Web Centrado En El Usuario

Teoría del Color: Estudio de algunos coloresRojo

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.

Page 15: DiseñO Web Centrado En El Usuario

Teoría del Color: Estudio de algunos coloresVerde

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.

Page 16: DiseñO Web Centrado En El Usuario

Teoría del Color: Estudio de algunos coloresAzul

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.

Page 17: DiseñO Web Centrado En El Usuario

Teoría del Color: Estudio de algunos coloresAmarillo

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.