Facultad de Diseño y Comunicación
  1. Diseño y Comunicación >
  2. Catálogo de Proyectos de Graduación >
  3. Detalles del Proyecto

Responsive

Diseño Multidispositivo

Autor: Romero Robles, Erick Raúl

Carrera: Diseño de Imagen y Sonido

Categoría: Proyecto Profesional

Línea Temática: Nuevas tecnologías

Fecha de aprobación: Junio 2016

Antecedentes:

Diseño de la interfaz gráfica web en función de los   dispositivos móviles - Mobile Marketing nueva herramienta de comunicación - Multiplicidad digital. Diseño de interfaces web efectivas y usables - Impreso vs. Online.

Palabras Clave: diseño interfaz internet programación tecnología de las comunicaciones soporte digital experiencia de usuario usabilidad diseño web dispositivo móvil

Síntesis:

Responsive es un Proyecto Profesional sobre diseño multidispositivo. La temática central se refiere a lo que actualmente se conoce como Responsive Web Design ó, por sus siglas, RWD. Se analiza éste como un nuevo enfoque y filosofía de diseño cuya principal particularidad es la capacidad de ser fluido y adaptable. El autor del presente PG, se centró en ésta nueva filosofía propuesta por Ethan Marcotte, para proponer un proceso de trabajo que tenga las mismas cualidades, y así romper con los paradigma de trabajar linealmente, buscando integrar el trabajo de diseñadores y programadores para crear un proceso iterativo generando cómo resultado un proyecto integro. Actualmente las visitas a un sitio web son con mayor frecuencia desde celulares, pero se tiene la incapacidad técnica de poder desarrollar sitios para estos dispositivos y lograr que funcionen adecuadamente en cualquier otra resolución. Como solución a esta problemática RWD propone pensar en un diseño fluido, como característica principal para  lograr esta flexibilidad se hace uso de layouts adaptables, por lo tanto se analizan sus técnicas de implementación para conocer el comportamiento de la reestructuración de todo el contenido. Existen diversas publicaciones dentro de la disciplina de cómo codificar un sitio responsivo, pero éste busca reunir también los aspectos estéticos. Se analizan los estilos visuales que se originaron especialmente para ser aplicados en interfaces y se expone como estos favorecen a la optimización de un sitio. Derivado de lo anterior se realizo un sitio web responsivo como porfolio personal para poder aplicar el proceso planteado, el cual se puede ver en funcionamiento en www.erickromero.design, para comprobar que éste genera un procedimiento eficiente que permite aprovechar de mejor forma el diseño en medios digitales.

Producción de contenidos curriculares

De acuerdo a los contenidos de la carrera de Diseño de Imagen y Sonido de la Universidad de Palermo, se asocian tres materias en las cuales presentan contenidos que sirvieron como conceptos fundamentales para la realización del presente Proyecto de Graduación. Primeramente se presenta la materia de Producción Digital I cuya finalidad está relacionada con la solución de productos de diseño web, adquiriendo los fundamentos y conceptos generales de utilidad, función y comunicación en el campo digital. Esta se relaciona al contenido del presente PG cual el principal tema y objetivo general se basa en la producción de un sitio web que funcione como elemento de comunicación en la era digital. Posteriormente se nombra a la materia de Diseño de Imagen y Sonido II que tiene como objetivo incorporar elementos fundamentales del lenguaje digital y audiovisual, la conceptualización y la creatividad. Se aproxima al diseño de contenidos web, al ejercicio del pensamiento proyectual y a los caminos de sustitución entre la idea de diseño y su concretización. De acuerdo a los fines de esta asignatura tiene en común al RWD ya que se trata de un lenguaje digitalque se basa en una idea de diseño fluido para poder ser concretado en un producto web que sea reproducido en cualquier soporte digital. Por último se cita a la asignatura de Producción Digital III pues se vincula a éste PG de manera en que, como lo establece la finalidad de la materia, se estructura, piensa y produce un proyecto digital de multimedia online.

descargar en PDF




VERSITIOSDC