jueves, 31 de enero de 2013

PRACTICA 2.- DISEÑO DE PAGINAS WEB



Diseño web

 Es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.
La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la Word Wilde Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
Diseño web aplicado
El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc.).
Estos documentos o páginas web pueden ser creados:
  • creando archivos de texto en HTML, PHP, Asp, Aspx, Java Script, JSP, Python, Ruby.
  • utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
  • utilizando lenguajes de programación del lado servidor, para generar la página web.
PARA EL DISEÑO DE PÁGINAS WEB DEBEMOS TENER EN CUENTA TRES ETAPAS:
  • La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
  • La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedía son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
  • La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.
Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.
Accesibilidad
El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.
Historia
En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.
El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web Estadísticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8.000 millones de sitios, a los que diariamente se les suma a raíz de 4400 por día

PRACTICA 1.- DISEÑO



Definición de diseño

Definimos el diseño como un proceso o labor destinado a proyectar, coordinar seleccionar y organizar un conjunto de elementos para producir y crear objetos visuales destinados a comunicar mensajes específicos a grupos determinados. El conjunto de elementos que implican la creación de un diseño, se relacionan como:

Traza, delineación de un edificio o de una figura.
Descripción de un objeto o cosa, hecho con las palabras.
Disposición de manchas, colores o dibujos que caracterizan exteriormente a diversos animales y plantas.
Proyecto y plan, diseño urbanístico.
Concepción original de un objeto u obra destinados a la producción en serie, dentro del mundo de la moda, industrial.
La Forma de cada uno de estos objetos.

Foto 2
Un diseño es una pieza con un cierto atractivo visual, con personalidad propia y un gran equilibrio estético.

Ámbitos de aplicación

El diseño se aplica, en todos los ámbitos y se encuentra por todas partes. Dentro del mundo digital, en toda la red, internet (la web). Diseños de todo el mundo publicitario, revistas, periódicos, libros, manuales (diseño y maquetación). Encontramos diseño en nuestro mobiliario, una silla, un mueble... (Diseño industrial y ergonomía). Divisamos el diseño en el mundo multimedia, el cine, televisión, videos, musicales, trailers, y demás efectos especiales.

Las posibilidades del diseño gráfico son infinitas, ya que cada vez son más los campos en los que se emplean elementos creados a través del ordenador.

El diseño se podría dividir en tres grupos principales:

La edición, diseño de todo tipo de libros, periódicos, y revistas.
La publicidad, diseño de carteles publicitarios, anuncios, folletos.
La identidad, diseño de una imagen corporativa de una empresa.

Las Teorías del diseño (minimalismo, conceptualismo, etc.)
1.1- Analizar las Teorías del diseño (minimalismo, conceptualismo, etc.)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKvid7TUoJwnOgvX2GqrGY8uqRArV6RuFmi7VHcPaHq04aeEJ5J5vDKR-101fIMHDbWpl2nfJwizADXsb7jHwDaDKMjlJsAFFbiEbpcCJ7hVmK2GXlLO3SWrNErOE3S-PxENAqjURoO1z/s1600/4e5428cc2c733s15699_t.jpg
La teoría del diseño marca las pautas y las bases del diseño gráfico. Tener unos conocimientos sólidos sobre todos los aspectos relacionados con el diseño gráfico determinará, junto con la creatividad del diseñador, la calidad de los diseños realizados por él mismo

La teoría del diseño es una denominación colectiva para todo el conocimiento permanente que se piensa asistir al diseño de varios productos nuevos. Esta información ha sido reunida en su mayor parte por un gran número de proyectos de investigación. Correspondiendo a los enfoques usuales de investigación, la información está esencialmente de dos tipos:
1. Conocimiento homotético: reglas generales que se han recolectado de varios productos diferentes. A este grupo pertenecen:
o regulaciones gubernamentales
o estándares para propiedades y calidades de productos
o patentes
o herramientas para el diseño, como algoritmos, consejos, reglas que no fallan.
2. Conocimiento ideográfico que realmente se refiere sólo a productos individuales pero que no obstante se puede generalizar a otros productos también:
o ejemplares, productos meritorios producidos más temprano, o sus detalles,
o estándares para productos completos
o los componentes prefabricados que son disponibles para algunos productos (e.g. los edificios y computadoras) se basan a menudo en investigación y ellos así pueden ser dicho "contienen" conocimiento teórico

El minimalismo está catalogado como un movimiento artístico de los años 60's del siglo pasado. Comenzó por representaciones de tipo tridimensional de formas básicas y regularmente geométricas como las de Sol le Witt, pero también contó con algunas manifestaciones bidimensionales. El minimalismo se basó siempre en la utilización de elementos simples, en los que no importaba nada más que el objeto en sí, no había título, no existía una representación de algo.

Actualmente también existe la tendencia minimalista en el diseño de modas o de mobiliario, así como en la arquitectura (hay muy buenos ejemplos).

El arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto. Es más, no solo se limitó a objetos bi o tridimensionales (escultura o pintura), sino que incursionó en los actos, como es el caso del happening o el performance, así como también en el video. Cuando se contem`la una obra conceptual no se ve nada más que el medio por el cual el artista intentó transmitirnos una idea. Muchas veces solo vemos las instrucciones de cómo realizar un proceso en el cual intervendremos de modo activo en la obra, siendo nosotros los hacedores de la misma