Unidad 5 (El diseo web)

Elementos de la imagen

El punto Es la unidad mnima de comunicacin visual, la ms simple, de forma redonda y la ms

abundante en la naturaleza. Es el elemento grfico fundamental. No es necesario que el punto est
representado grficamente para tomar fuerza, ya que en cualquier figura su centro geomtrico, puede
constituir el centro de atencin. Cualquier punto tiene enorme fuerza de atraccin para el ojo. Las
ilustraciones de revistas y de peridicos estn formadas por puntos, pues si se ve de muy cerca se
alcanzan a distinguir los puntos.

La lnea cuando los puntos estn muy prximos entre s y no se pueden reconocer de forma
individual crea una sensacin de direccionalidad, forman un elemento llamado lnea; del punto nace
toda lnea, es contorno o delimitacin.. Tiene una gran energa, ya que no es esttica, puede ser
inflexible y recta o puede ser curva, zigzagueante entre otras posibilidades de cambiar de forma.

El contorno la lnea cerrada describe un contorno. Los contornos bsicos son el cuadrado, el crculo y
el tringulo equiltero. Son figuras planas pero con descripciones y diferencias propias.

La direccin los contornos bsicos expresan a su vez tres direcciones bsicas:

*Horizontal y vertical
*Diagonal
*curva
el tono la luz moldea los objetos. Su intensidad y variaciones determinan el tono y sus diferencias
marcan lneas de separacin entre los mismos. Vemos la presencia de la luz y a que esta no es
uniforme. Si esta no se repartiera creando varios tonos veramos lo mismo en la total oscuridad. Las
tonalidades entre el blanco y el negro se expresan mediante tonos de gris. La escala tonal del
sistema de zonas es de 9 tono de gris, aunque existen otras escalas, incluso entre 13 y 30 tonos de
gris. El tono crea volmenes.

El color el mundo real est lleno de color y este tiene una relacin con las emociones. El color est
cargado de informacin y es una experiencia visual muy percibida. El color es una de las principales
caractersticas de todo lo que vemos y se presenta como una forma de identificacin y diferenciacin.
Toda estructura toda forma que vemos conlleva un colorido, convirtindose en una forma de
identificarla. De los colores primarios surgen mas de 100 combinaciones perceptibles. La presencia o
ausencia de color no afecta al tono, que es constante.

La dimensin la representacin volumtrica en formatos bidimensionales es tambin una ilusin. En

el mundo real nuestra visin nos permite verla y sentirla, pero en una pintura existe un volumen real.
Si a la perspectiva se le aaden valores tonales, podemos realizar la sensacin de volumen. La
perspectiva tiene complicadas y numerosas reglas. El uso de puntos de fuga es esencial para tener
el efecto de la perspectiva.

Uso del color

El color representa un estmulo visual potente siendo significativo el efecto que puede generar en el
usuario. El uso del color se extiende mucho ms all de destacar simplemente ciertas zonas o ciertos
fragmentos de texto.
Desde un punto subjetivo est directamente relacionado con la experiencia visual del usuario y de su
contexto cultural. De esta manera podemos establecer relaciones entre el color y su significado o
entre el color y sus propiedades espaciales.
En el diseo web el color es uno los puntos ms importante en su proceso, debida a esta
importancia, debemos entender el significado de los colores para transmitir determinados

Fundamentos del color

El color es uno de los fundamentos bsicos en el diseo; es una caracterstica primordial que
otorgar tono, vida y razn de ser a nuestras creaciones. Por tanto, la gestin de color es de suma
importancia para llevar a buen puerto cualquier proyecto visual que realicemos, ya sea para su
reproduccin va luz a travs de dispositivos, o va pigmentos, a travs de su impresin.
La luz, o espectro electromagntico, tiene una parte visible que, al ser proyectada sobre un objeto
cualquiera, se descompone en dos partes: el objeto absorber algunas ondas electromagnticas,
mientras que otras, el resto, sern reflejadas, para entonces ser captadas por nuestros ojos e
interpretadas por nuestro cerebro como un color determinado.

Uso efectivo del color

Simplicidad: Usar cajas coloreadas con forma cuadrada, o rectangular, o incluso curva, como
herramienta web, es el comienzo a la hora de dibujar contenido en cualquier sitio.
La tendencia se centra primordialmente en colores luminosos. As que lo que podras encontrar es
una web que use colores pop como el rosa, el naranja y el rojo...todo al mismo tiempo. Pero funciona
y bien. Esta tendencia de diseo es simple y crea mucho contraste. El efecto visual puede aturdir
bastante a los diseadores que usan el color para guiar a los usuarios a travs del sitio. Todo el
mundo lo hace de forma ligeramente distinta adems: bloques de color slido, bloque de color para
textos o fotos y bloques de colores con un toque de animacin sorpresa al poner el ratn encima.

Consistencia: Tu pgina debe, primero, sentirse familiar. Los diseos, colores, tipografas, cono,
entre otros, drsticamente diferentes pueden crear un efecto discordante y perturbador. Las pginas
sencillas y familiares persuadieron a los usuarios a quedarse. La sensacin que influencia
exclusivamente por el diseo visual es: jerarqua, simetra, espaciado entre lneas, fuentes, etctera.

Claridad: Es una propiedad de los colores. Ella da una indicacin sobre el aspecto luminoso del color
estudiado: cuanto ms oscuro es el color, la luminosidad es ms dbil. Este trmino se asocia a
veces con el concepto de valor, luminancia, brillo o luz. Matiz: Es el estado puro del color, sin el
blanco o negro agregados, y es un atributo asociado con la longitud de onda dominante en la mezcla
de las ondas luminosas. Saturacin o Intensidad: la viveza o palidez del mismo, y puede relacionarse
con el ancho de banda de la luz que estamos visualizando. Valor o Brillo: se usa para describir que
tan claro u oscuro parece un color, y se refiere a la cantidad de luz percibida.

Lenguaje del color: Desde el punto de vista emocional los colores nos provocan diversas impresiones
y colaboran en nuestra percepcin al despertar e incrementar nuestras sensaciones; todo color
posee un significado propio capaz de comunicar y no solo tiene un significado universalmente
compartido a travs de la experiencia, sino que tambin tiene un valor independiente informativo a
travs de los significados que les atribuimos simblicamente. Los colores producen reacciones
especiales y estados de nimo en quienes los miramos y tambin afectan las proporciones aparentes
de los espacios que nos rodean, tales como: alto, ancho y profundidad hacindolos parecer en
muchas ocasiones con caractersticas diferentes a las reales.

Reglas de MURCH:

Evita el despliegue simultneo de colores espectralmente extremos que estn altamente saturados

Descarta el color azul puro para texto, lneas delgadas y figuras pequeas

Evita colores adyacentes que se diferencian slo por la cantidad de azul que contienen

Los operadores de edad avanzada necesitan niveles ms altos de brillo para distinguir los colores

Los colores cambian de apariencia a medida que el nivel de luz ambiental cambia

La magnitud de un cambio detectable en el color vara a travs del espectro

Es difcil enfocar hacia las orillas creadas solamente por el color

Evita utilizar el rojo y el verde en la periferia de presentaciones a gran escala

Los colores opuestos se ven bien juntos

Para los observadores con deficiencias del color (ciegos al color), evita hacer distinciones de un slo
color

Tcnicas del diseo grfico

Las tcnicas del diseo Grfico enfasis es una disciplina aplicada que ofrece soluciones visuales en
la fotografa, la ilustracin, el diseo corporativo, la tipografa, la publicidad y el diseo visual digital,
la comunicacin y la esttica en los mensajes visuales. El Diseo Grfico es una disciplina artstica
que utiliza la tcnica como herramientas de proyeccin.
El diseador grfico trabaja en la interpretacin, el ordenamiento y la presentacin visual de
mensajes.
La mayora de los desarrolladores Web, cuando piensan en la alineacin piensan en el atributo o la
propiedad CSS. Pero la alineacin de los elementos de la pgina es tan importante como si el texto
est justificado o su imagen flota a la izquierda. La alineacin proporciona el marco estructural de un
diseo. La alineacin puede afectar el estado de nimo de la pgina, as como su eficacia para
conseguir su mensaje.

Iconos

Un icono representa una forma real ya conocida.

Un buen icono debe ser sencillo y seguir modelos aceptados por el pblico en general,
independientemente de su situacin geogrfica.
Para poder desempear acertadamente esta misin, un icono debe reunir una serie de
caractersticas, entre las que destacan las siguientes:

Debe ser los ms sencillo posible, con los suficientes detalles como para expresar lo
que debe, pero no ms. Los iconos enrevesados, complejos y con muchos trazos tan solo
crean confusin.
Debe seguir los modelos ya aceptados por el pblico tipo que los va a visualizar.
Existen iconos caractersticos dentro de una comunidad o pas, as como otros asumidos a
nivel mundial. Salirse de este modelo ya aceptado hace perder la claridad al icono,
condenndolo al fracaso.
Debe estar perfectamente concebido para la informacin concreta que va a
representar. Pequeas diferencias en el diseo de un icono pueden crear grandes diferencias
de cara al espectador.