lunes, 10 de febrero de 2014

Práctica 2- Diseño de Páginas Web


DISEÑO WEB…

El 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 de 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.
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.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. 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.
El diseño de páginas web se trata básicamente de realizar un documento con información híper enlazado 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, JavaScript, 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.

Práctica 1 - Diseño

CONCEPTO DE DISEÑO…
Del italiano disegno, la palabra diseño se refiere a un boceto, bosquejo o esquema que se realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo. El término también se emplea para referirse a la apariencia de ciertos productos en cuanto a sus líneas, forma y funcionalidades. El concepto de diseño suele utilizarse en el contexto de las artes, la arquitectura, la ingeniería y otras disciplinas. El momento del diseño implica una representación mental y la posterior plasmación de dicha idea en algún formato gráfico (visual) para exhibir cómo será la obra que se planea realizar. El diseño, por lo tanto, puede incluir un dibujo o trazado que anticipe las características de la obra.

ELEMENTOS DEL DISEÑO…

ELEMENTOS CONCEPTUALES: Los elementos conceptuales no son visibles. No existen de hecho, sino que aparecen estar presentes. Por ejemplo, creemos que hay un punto en el ángulo de cierta forma, que hay una línea en el contorno de un objeto, que hay planos que envuelven un volumen y que un volumen ocupa espacio. Estos puntos, líneas, planos y volúmenes no están realmente allí; si lo están, ya no son conceptuales.

a) Punto. Un punto indica posición. No tiene largo ni ancho. N ocupa una zona del espacio. Es el principio y el fin de una línea y es donde dos líneas se encuentran o se cruzan.
b) Línea: Cuando un punto se mueve su recorrido se transforma en una línea, la línea tiene largo, pero no ancho. Tiene posición y dirección. Está limitada por puntos. Forma los bordes de un plano.
c) Plano. El recorrido de una línea en movimiento (en una dirección distinta a la suya intrínseca) se convierte en un plano. Un plano tiene largo y ancho, pero no grosor. Tiene posición y dirección. Está limitado por líneas, define los límites extremos de un volumen.
d) Volumen. El recorrido de un plano en movimiento (en una dirección distinta a la suya intrínseca), se convierte en un volumen. Tiene una posición en el espacio y está limitada por planos. En un diseño bidimensional, el volumen es ilusorio.

ELEMENTOS VISUALES: Cuando dibujamos un objeto en un papel, empleamos una línea visible para representar una línea conceptual. La línea visible tiene no solo largo sino también ancho, su color y su textura quedan determinados por los materiales que usamos y por la forma en que los usamos.Así, cuando los elementos visuales, tienen forma, medida, color y textura.

a) Forma: Todo lo que se pueda ser visto posee una forma que aporta la identificación principal en nuestra percepción.
b) Medida: Todas las formas tienen un tamaño.
c) El tamaño: es relativo si lo describimos en términos de magnitud y de pequeñez, pero así mismo es físicamente mensurable.
d) Color: Una forma de distingue de sus cercanías por medio de color. El color se utiliza en su sentido amplio, comprendido no solo los del espectro solar sino asimismo los neutros (blanco, negro y grises intermedios) y así mismo sus variaciones tonales y cromáticas Textura. La textura se refiere a las cercanías en la superficie de una forma. Puede ser plano a o decorada, suave o rugosa y puede atraer tanto al sentido del tacto (táctil) como a la vista (visual)


ELEMENTOS DE RELACION: Este grupo de elementos gobierna la ubicación y la interrelación de las formas en un diseño. Algunos pueden ser percibidos, como la dirección y la posición; otros pueden ser sentidos, como el espacio y la gravedad.

a) Dirección. La dirección de una forma es juzgada por su relación respecto a cuadro o la estructura
b) Posición. La posición de una forma es juzgada por su relación respecto al cuadro o la estructura
c) Espacio. Las formas de cualquier tamaño, por pequeñas que sean, ocupan un espacio. Así, el espacio puede ser ocupado o vacío. Pueden ser asimismo ser liso o ser ilusorio, para sugerir una profundidad.
d) La Gravedad. La sensación de gravedad no es visual sino psicológica. Tal como somos atraídos por la gravedad de la tierra, tenemos tendencia a atribuir pesantez o liviandad, estabilidad o inestabilidad, a formas. O grupos de formas, individuales.


ELEMENTOS PRACTICOS: Los elementos prácticos subyacen el contenido y el alcance de un diseño. Esta más allá del alcance de este texto, pero se menciona a continuación:

     a) Representación. Cuando una forma ha sido derivada de la naturaleza, o del mundo hecho por el ser humano, es representativa. A representación puede ser realista (1), estilizada (2) o semi abstracta (3).
b) Significado. EL significado se hace presente cuando el diseño transporta un mensaje.
c) Función. La función se hace presente cuando un diseño debe servir un determinado propósito.