2.MANEJAR LOS ELEMENTOS BASICOS DE UN LENGUAJE USADO EN LA CREACION DE PÁGINAS WEB.

2.1. DEFINIR OBJETIVOS Y CONTENIDOS DE LA PÁGINA WEB.

Es importante tomar una decisión para elegir qué objetivos consideramos primordiales antes del desarrollo de la página web. La elección, condiciona de manera clave la concepción y el diseño del proyecto, el cual debe ser coherente con los objetivos de la empresa. Por ejemplo:

*Conseguir 250 contactos comerciales en 1 año.

*Ofrecer a los clientes una herramienta de selección del producto más adecuado para que se informen y comparen sin presiones.
*Impactar al visitante con una web espectacular que refuerce la imagen de marca.
*Vender software directamente desde Internet buscando el ahorro de costos de distribución.

 

 Tu web puede ser algo más. Ya que habla por ti, por tus productos, por tus servicios, por lo que además puede:

*Ofrecer al visitante ocasional una motivación para contactar,
*Una razón para recordarte o quizás una utilidad que le ahorra tiempo, encontrar una información que estaba buscando.
*Facilitar y agilizar el trabajo de colaboradores y de empleados.
*Apoya la imagen de marca.
*Vende y completa el proceso de venta.
*Ofrece asistencia y soporte técnico.
*Facilita una comunicación ágil y fluida con tus clientes y proveedores.

 

Cada empresa o persona debe elegir aquellos que mejor encajen con sus objetivos y las

expectativas del negocio.

 

Piensa que la definición de objetivos te ahorrará sorpresas como diseñar una web pensando en los clientes, para después descubrir que sólo te visitan "extraños" ... O un diseño de web muy espectacular e innovador, cuando lo único que se pretende es que la persona deje sus datos de email para enviarle ofertas concretas, etc.

Un mismo sitio web puede perfectamente intentar cumplir varios objetivos simultáneamente aunque te recomiendo que lo abordes por fases. Empieza por 2 o 3 de ellos, y a medida que vayas viendo su evolución y aprendiendo de los errores y aciertos, puedes ir planificando nuevos objetivos.

Para ilustrar estas ideas, los objetivos podemos agruparlos en:

a) Buscarle ads o contactos. Ya sea para comprar, distribuir, vender, anunciarse, conseguir una

visita comercial, una demostración de producto, etc .

 

b) Fb)Fidelización de clientes y apoyo a la venta. Branding, amplia información, soporte técnico, ayuda on-line, actualizaciones de producto, demostraciones interactivas, promociones, juegos, utilidades, foros, etc.

c) Ac)Ahorro de tiempo y dinero. Aplicaciones y utilidades para agilizar y facilitar tareas rutinarias: ventas on-line, introducción de ofertas de trabajo, actualizaciones de producto, transferencia de archivos, buzón de sugerencias, quejas, trámites y gestiones on line, etc.


Cada uno lo puede definir como quiera, más o menos detallado, pensando en las implicaciones para la organización, buscando diferenciarse de la competencia, marcar objetivos a medio y largo plazo, etc. Es escribir con letras bien grandes LO QUE QUIERES. Otra tarea será decidir las estrategias a emprender para cumplir los objetivos.

1.4. APLICAR LA TEORIA DEL COLOR CONSIDERANDO EL CIRCULO CROMATICO, CONTRASTES, EL RGB Y CMY.

Empezaremos diciendo que el color en sí no existe, no es una característica del objeto, es más bien una apreciación subjetiva nuestra. Por tanto, podemos definirlo como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda.

El color es pues un hecho de la visión que resulta de las diferencias de percepciones del ojo a distintas longitudes de onda que componen lo que se denomina el "espectro" de luz blanca reflejada en una hoja de papel. Estas ondas visibles son aquellas cuya longitud de onda está comprendida entre los 400 y los 700 nanómetros; más allá de estos límites siguen existiendo radiaciones, pero ya no son percibidos por nuestra vista.

En las artes gráficas tenemos dos grandes categorías con respecto al color, imagen en color e imagen en blanco y negro, en éstas últimas podemos diferenciar: - imágenes a pluma. - imágenes tramadas: mediante diferentes tipos de gris. Asimismo, las imágenes en color se pueden dividir en dos categorías: - colores planos: manchas uniformes de color. - degradados, también tramadas. El color es un elemento básico a la hora de elaborar un mensaje visual. Muchas veces, el color no es un simple atributo que recubre la forma de las cosas en busca de la fidelidad reproducida. A pesar de que, sin el color la forma permanece, con frecuencia el Mensajes es, precisamente, el Color, o lo que sólo puede expresarse por el Color.

El color está presente en todos los aspectos de la identidad empresarial y de marca. En la identidad, las empresas pueden hacer que el color sea el principal elemento de su identidad utilizando un único color o una paleta de colores como parte de su identidad visual. Si el color se emplea uniformemente en una serie de elementos de la identidad, se termina convirtiendo en la rúbrica de la empresa.


d. CIRCULO CROMATICO.

El ojo humano puede distinguir entre 10.000 colores. Se pueden además emplear tres dimensiones físicas del color para relacionar experiencias de percepción con propiedades materiales: saturación, brillantez y tono.

El círculo cromático nos sirve para observar la organización básica y la interrelación de los colores.
También lo podemos emplear como forma para hacer la selección de color que nos parezca
adecuada a nuestro diseño. Podemos encontrar diversos círculos de color, pero el que aquí vemos
está compuesto de 12 colores básicos.

1.3. DISEÑAR FORMATOS CONSIDERANDO LAS ZONAS AUREAS, DIRECCION, SENTIDO Y EQUILIBRIO.

Toda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Un diseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un método específico (diseño) construye mensajes (comunicación) con medios visuales (grafismos). No es el creador del mensaje, sino su intérprete.

 

El principal componente de toda composición gráfica es pues el mensaje a interpretar, la información que se desea hacer llegar al destinatario a través del grafismo. Esta información se debe representar por medio de diferentes elementos gráficos, que pueden ser muchos y variados, aunque los más comunes son:

•Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas,

etc.)

•Elementos geométricos, con contorno o sin él: polígonos, círculos, elipses, óvalos, etc.

•Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes

textuales.

•Gráficos varios: logotipos, iconos, etc.

•Ilustraciones

•Fotografías

•Cualquier otro elemento visual apto para comunicar un mensaje.

 

a. ZONAS AUREAS.

La creó Vitruvio, la autoridad romana en arquitectura. Ideó un sistema de cálculo matemático de la división pictórica, para seccionar los espacios en partes iguales y así conseguir una mejor composición. Se basa en el principio general de contemplar un espacio rectangular dividido, a grandes rasgos, en terceras partes, tanto vertical como horizontalmente.

La escala se utiliza en planos y mapas para la representación de una medición proporcional real. La medición nos permite adecuarnos a la realidad, pero más importante es lo que colocamos junto al objeto visual o el marco en el que está colocado. La medición universal es la propia medida del hombre, el tamaño medio de las proporciones humanas.

 

La pregunta que hacen todos los diseñadores es: ¿cómo podemos distribuir el espacio de diseño de una forma acertada? Pues bien, no hay una norma que nos indique la división perfecta, pero existe una fórmula muy conocida en el mundo del diseño, que permite dividir el espacio en partes iguales, para lograr un efecto estético agradable y que puede llegar a ser muy eficaz. Esta teoría se denomina "La regla Áurea", también conocida como "sección áurea".

 

b. DIRECCION Y SENTIDO.

En la comunicación visual el diseñador tendrá que tener en cuenta tanto la vertiente psicológica

de la percepción humana como las significaciones culturales que pueden tener ciertos elementos.

 

El diseñador gráfico es una especie de arquitecto del espacio gráfico y debe distribuir los elementos en función de una estructura interna que tenga una significación, guía o intención coincidente con el mensaje que se quiera transmitir. Esta estructura será la responsable de la elección cromática y su intencionalidad expresiva, de la elección de las imágenes o de la disposición de los bloques de texto.

 

Algunos factores psicológicos que debemos conocer son:

 

• a. El equilibrio: El receptor tiene necesidad de buscar el equilibrio de la composición y los

ejes en los cuales descansa. El desequilibrio crea provocación e inestabilidad. Tendremos que analizar que es lo que queremos transmitir al receptor y con respecto a esto crear una composición determinada.

• b. La referencia horizontal: Necesitamos ver que los objetos o partes que componen

una composición están de alguna forma apoyados. La parte inferior se verá mejor que la

superior, ya que será donde se constituya la base.

• c. Angulo inferior izquierdo: Los hábitos de lectura occidentales han motivado

propiciado que la atención se centre más en la parte izquierda y en concreto en la inferior

izquierda.

• d. Relajamiento-tensión: psicológicamente cuando tenemos una composición

equilibrada, simétrica o predecible; sin embargo generaremos tensión en el receptor si no

es capaz de encontrar una lógica visual en la composición que le presentamos.

 

c. EQUILIBRIO.

La utilización más eficaz de los mecanismos de la percepción visual consiste en identificar claves visuales en un sentido u en otro, en equilibrio o en desequilibrio, fuertes o débiles.

 

Podemos conseguir en nuestra composición ese equilibrio de formas y líneas, es decir, los pesos de los elementos deben estar compensados. La manera de medir el peso de las formas y líneas del diseño es, analizando la importancia visual de estos dentro de nuestra composición.

 

Existen dos tipos de equilibrio:

 

• El equilibrio simétrico.

• El equilibrio asimétrico.

 

Si dividimos la composición en dos extremos, el equilibrio simétrico se produce cuando

encontramos igualdad de peso y tono en ambos lados de nuestra composición, y elequilibrio

asimétrico se produce cuando no existe las mismas dimensiones (ya sea de tamaño, color...) enambos lados, pero aún así existe equilibrio entre los elementos.

 El equilibrio que crea la simetría es un factor importante de la forma en que evaluamos el atractivo visual de un objeto. Sin embargo, el atractivo de la simetría tiene límites; un toque de asimetría puede hacer que resulte aún más atractivo, añadiendo un toque de individualidad y singularidad. La simetría, en cierta manera, da sensación de orden y alivia la tensión; la asimetría hace lo contrario, crea agitación y tensión, pero puede conseguir que una imagen no sea monótona.

 

 Podemos hacer otra división de equilibrio:

• El equilibrio formal.

• Y el equilibrio informal.

 

El equilibrio formal se basa en la bisimetría. Se busca un centro óptico dentro del diseño, que no tiene por qué coincidir con el centro geométrico de la composición. Una composición que siga este esquema compositivo reflejará estabilidad, calma y estatismo, pero no supone una composición muy audaz.

1.2. IDENTIFICAR EL IMPACTO Y EL ENFOQUE EN DISEÑOS EXISTENTES.

Si bien las definiciones no pueden ser tajantes ni excluyentes, resulta necesario asumir que creatividad e innovación, arte y diseño se parecerán en la medida que las busquemos en ámbitos cuyos modos de hacer mantengan alguna identidad y dejarán de parecerse en tanto nos alejemos de esos puntos en los que coinciden. El arte cuando se convierte en industria comercial va a tender a parecerse más al diseño que al arte callejero, del mismo modo que la creatividad empresarial puede conducir a la innovación de la misma forma que la innovación tecnológica puede inducir cierto estilo de creatividad, ejemplo claro de esto fue en los 80’s y 90’s la incorporación de los software digitales al proceso de diseño.

Queda agregar que hay descripciones definitivas en los ámbitos del diseño para evitar que comencemos a confrontar y asumir que nuestro radio de acción es permeable y sensible a sinnúmero de circunstancias. Que algunas de ellas no agotan la complejidad de la producción en serie, que unas pocas se han vuelto ajenas a las urgencias del mercado, que otras muchas se han convertido en iconos de algunos productos o servicios y que unas cuantas han aceptado jugar el juego mundial de la creación de valor, la identidad corporativa, los medios y los productos de consumo.

El sector de servicios está creciendo, tanto en número de empleados como en su importancia en la economía, mientras el sector manufacturero decae. Sin embargo, así como los sectores manufactureros, los servicios deben ser diseñados y su diseño debe ser gestionado.

El diseño de servicios puede ser tangible como intangible. Puede involucrar artefactos y otras cosas incluyendo comunicación, ambientes y conductas. Cualquier forma que adopte debe ser consistente, fácil de usar y ser aplicado estratégicamente.

1.1. ANALIZAR LAS TEORIAS DEL DISEÑO.

MINIMALISMO.

El minimalismo es una corriente estética derivada de la reacción al pop art. Frente al colorismo, a la importancia de los medios de comunicación de masas, frente al fenómeno de lo comercial y de un arte que se basaba en la apariencia, el minimalismo utilizó conceptos diametralmente opuestos. El sentido de la individualidad de la obra de arte, la privacidad, una conversación conceptual entre el artista, el espacio circundante y el espectador. Así como la importancia del entorno como algo esencial para la comprensión y la vida de la obra.

Los preceptos básicos del minimalismo son:

a.Utilizar colores puros,
b.Asignarle importancia al todo sobre las partes,
c.Utilizar formas simples y geométricas realizadas con precisión mecánica,

d.Trabajar con materiales industriales de la manera más neutral posible y diseñar sobre superficies inmaculadas.
e.Da gran importancia al espacio y a los materiales ecológicos
f.El resultado que define este estilo en un concepto es la palabra “limpieza”.

La decoración minimalista, se nutre de las formas puras, simples, y juega con sus volúmenes, su iluminación y sus superficies.

Los creadores minimalistas reducen al máximo los elementos propios del arte, los volúmenes y formas en escultura. De forma análoga proceden en la arquitectura o en la pintura. Intentan condensar en escasos elementos sus principios artísticos y reflexiones.

CONCEPTUALISMO.

El movimiento artístico surgido a finales de los años sesenta, cuyos exponentes rechazan el arte como artículo de lujo, permanente, portátil y vendible, proponiendo un tipo de arte en el que cuenta primordialmente la idea o el concepto que respalda sus realizaciones

Los artistas conceptuales utilizaron con frecuencia fotos, recortes de periódicos como parte de su creación, para documentar o para expresar ideas, como por ejemplo:

Valores

El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el color por medio de la adición de blanco o negro a dicho color. Claroscuro usa valores en los dibujo mediante contrastes de claros y oscuros en una composición.

ELABORACIÓN DE PAGINAS WEB

1. ANALIZAR LOS ELEMENTOS FUNDAMENTALES DEL DISEÑO



¿Qué es el diseño? Proceso de creación visual con un propósito, el cual cumple con exigencias

practicas. Un buen diseño es la mejor expresión visual de la esencia de `algo` cuya creación no

debe ser solo estética sino también funcional.

 

 

ELEMENTOS DEL DISEÑO

 

Los siguientes elementos son las bases que construyen el Diseño:

 

LINEA

 

 Una línea es definida como una marca con longitud y dirección, creada mediante un punto que se mueve a lo largo de una superficie. Una línea puede variar en longitud, ancho, dirección, curvatura y color. La línea puede ser de dos dimensiones (una línea de lápiz sobre papel), o tres dimensiones implícitas.

 

 

FORMA

 

Una figura plana o una forma es creada cuando líneas actuales o implícitas se encuentran alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma. Las formas pueden ser clasificadas en varios tipos: geométricas (cuadrado, triángulo, círculo) y orgánicas (irregulares en contorno).

 

TAMAÑO

 

Este se refiere a las variaciones de las proporciones de los objetos, líneas o formas. Hay una variación de tamaño en objetos ya sean reales o imaginarios.

 

 

 

 

ESPACIO

 

Espacio es el área vacía o abierta entre, alrededor, arriba, debajo o entre objetos. Figuras y formas son realizadas en el espacio alrededor y entre él. El espacio también es llamado bidimensional o tridimensional. El espacio positivo es rellenado con formas o figuras. El espacio negativo rodea una forma o figura.

 

COLOR

 

El Color es el carácter percibido de una superficie de acuerdo con la longitud de onda o la luz reflejada desde esta. El Color posee tres dimensiones: TINTE (otra palabra para color, indicada por su nombre así como rojo o amarillo), VALOR (su luminosidad o oscuridad), INTENSIDAD (su brillo u opacidad).

 

TEXTURA

 

La Textura es la forma como se siente la superficie (textura actual) o como puede ser observada (textura implícita). Las Texturas son descritas con palabras como áspero, sedoso o rugoso.