:::: MENU ::::

Posts Categorized / Diseño III

  • Mar 26 / 2017
  • Comentarios desactivados en Guía Trabajo Práctico: Copia de Envase 2017
Diseño III, Ejercicios

Guía Trabajo Práctico: Copia de Envase 2017

A cada alumno se le asignará uno de los siguientes modelos los cuales tiene indicados sus tamaños reales.

Debe realizarse una copia 1:1 de estos en al menos cuatro etapas (capas).

Posteriormente se propondrá: un nuevo flash y un cambio de ilustración.

(Haciendo clic en la imagen de los modelos se puede bajar un archivo de mayor resolución)

Modelos

Exquisita. Flan sabor vainilla

A. 9×12,5cm

 

Equal Sweet

B. 9x13cm

 

Chocolate Águila

C. 7×18,5cm

  • Oct 03 / 2016
  • Comentarios desactivados en Programa del ejercicio Diseño de marca y signos básicos de identificación institucional 2016
Diseño III, Programas

Programa del ejercicio Diseño de marca y signos básicos de identificación institucional 2016

1. Objetivos generales

Que los estudiantes:

  1. diseñen la marca gráfica de una institución dada;
  2. definan los elementos de recurrencia identificadora necesarios para el caso (tipografías, cromática, tramas, mascotas, etc.)
  3. y diseñen modelos de las principales piezas de comunicación, ajustadas al perfil del emisor dado, y donde se evidencie la aplicación de la marca y de los demás elementos identificadores.

 

2. Datos y pedido de diseño para cada caso

Caso 1: Zapatillas urbanas

Un grupo de pymes con experiencia en la producción de insumos y fabricación de calzado informal y zapatillas, y en el respectivo sistema de comercialización, ha decidido unirse para lanzar una marca de zapatillas urbanas (no deportivas).

Los estudios de mercado que este grupo encargó comprueban la existencia de un nicho para ese tipo d e producto en los sectores medio y medio altos de pre-adolescentes, adolescentes y jóvenes.

Según los datos, ese sector núcleo estaría dispuesto a comprar una nueva marca no importada siempre que al atractivo de un precio más accesible, sume un alto nivel de actualización en su diseño, equivalente a las marcas líderes internacionales.

Nombres

  • METEORA
  • COMPASS

Perfil del cliente

  • Empresa argentina privada
  • Objetivo: el lucro económico
  • Actividad: fabricación de zapatillas urbanas
  • Valores distintivos: diseño muy actualizado, renovación de modelos, precio y calidad competitivos.
  • Competencia directa: marcas nacionales e internacionales presentes en la Argentina (John Foos, Pampero, Converse, ………).
  • Clientes principales: preadolescentes (10 a 13 años) adolescentes (15 a 19 años) y jóvenes (20 a 25/30 años).
  • Modelos de productos: los diseños de zapatillas toman en cuenta las tendencias, gustos y modas de los tres tipos de clientes principales.
  • Política de difusión principal: fuerte presencia publicitaria tradicional y en redes sociales; promociones y auspicios en espectáculos.
  • Audiencias institucionales: proveedores, bancos, cámaras empresarias, funcionarios.
  • Modo de comercialización: venta en locales y cadenas no propios de ropa informal y deportiva, zapatillerías y zapaterías. Con muy pocos locales propios a modo de “vidriera de marca” en lugares de alta exposición y flujo de público (calles comerciales, shoppings, balnearios de moda, etc.).
  • Planes: tras el previsible afianzamiento en el territorio nacional se emprenderán acciones de expansión a países de la región.

Estrategia para diseñar la marca gráfica

La identificación visual de la empresa deberá reunir los siguientes requisitos:

  • Estilo gráfico: la marca a diseñarse debe ser fuerte, firme, sólida, potente (no débil, sutil o frágil); lo suficientemente neutra como para convivir con los muy diferentes estilos y diseños de zapatillas y con los inevitables cambios en las modas; debe integrarse (sin rupturas) a la clase “marca contemporánea de zapatillas urbanas” , que admite opciones sin salirse o desmentir el estilo del sector.
  • Tipo marcario: Se recomienda la creación de un símbolo, tanto por el carácter emblemático (fetiche) como por su capacidad identificadora para el tipo de producto.
  • Legibilidad: alta
  • Singularidad: alta respecto de sus competidores y del sector.
  • Llamado de atención: medio/alto. Debe identificar sin “comerse” o competir con el calzado.
  • Reproducibilidad: adaptable a las condiciones que imponen los materiales y soportes de la marca en el calzado.

Piezas clave para el uso de la marca

  • La zapatilla
  • Bolsa y caja
  • Web y medios digitales
  • Frente de locales
  • Avisos/carteles

Pedido de diseño

Se requiere el diseño de la marca gráfica y los elementos básicos de identidad de acuerdo con la estrategia descripta. El diseño proveerá:

  • Logotipo y símbolo (en sus diferentes variantes).
  • Paleta cromática: sistema de colores estables que se utilizarán en las diferentes piezas.
  • Familia/s tipográfica/s que se utilizarán para la redacción de los diferentes mensajes.
  • Especificaciones técnicas y de reproducción para los elementos descriptos.

 

Caso 2: Museo del diseño argentino

El Ministerio de Cultura del Gobierno Nacional, con el asesoramiento y respaldo de la FADU ha decidido la creación de un Museo dedicado al diseño de producción nacional y la respectiva asignación de fondos presupuestarios.

El motivo central de la decisión se basa en la ya muy importante producción de diseño argentino en sus variantes gráfica, industrial, textil y de indumentaria, cuya trayectoria en el tiempo, volumen, trascendencia y calidad justifican la creación de un espacio que preserve el patrimonio acumulado y sirva de centro de difusión de estas especialidades.

(Se exceptúa la Arquitectura por poseer un museo propio).

Nombres

  • MUNDI (Marca: sigla pronunciable). Museo Nacional de Diseño (Aclaración)
  • MDA (Marca: sigla deletreable), Museo del Diseño Argentino (Aclaración)

Perfil del cliente

  • Institución dependiente del Ministerio de Cultura de la Nación

Objetivos, actividades y posicionamiento:

  • Recolectar, preservar, clasificar y difundir la producción argentina de diseño y promover su incorporación a los procesos productivos y comunicacionales como elemento de agregación de valor.
  • El museo tendrá una exposición permanente o estable de objetos y piezas organizados por especialidades (sala de diseño gráfico, sala de diseño industrial, etc.). Contará asimismo con un especio multimedia para proyecciones e información interactiva.
  • El museo tiene previsto la organización de varios eventos anuales con temáticas específicas: muestras temporarias de diseñadores locales y extranjeros; seminarios; talleres de especialización; conferencias y congresos, etc.
  • El museo tendrá una muestra itinerante para llevar a diferentes ciudades del país.
  • Su público principal está conformado por diseñadores y estudiantes de las universidades y escuelas de nuestro país. Y, por su carácter de promotor y difusor del diseño, sus muestras y actividades también apuntan a quienes pueden contratar los servicios de diseño (empresarios, funcionarios públicos, gerentes, etc.).
  • Como el diseño ya forma parte de nuestra cultura contemporánea, el museo será una alternativa más del circuito de salidas y visitas en la ciudad para vecinos y turistas.
  • Sus planes a futuro contemplan la incorporación de muestras de tecnología vinculadas al diseño (imprenta, softwares, matricería, telares, etc.).
  • Si bien es único en su tipo compite dentro del espacio de mmuseos y salidas culturales de la ciudad.
  • Tanto por el diseño del espacio, como para los criterios para mostrar y exhibir las exposiciones estará al nivel de los grandes museos de su tipo en otras ciudades del mundo.
  • Su perfil y diseño es absolutamente actual, contemporáneo, alejado de toda idea de museo como espacio vetusto, quieto, y aburrido.
  • Al rigor museológico y al carácter motivador de las muestras se le suma una comunicación dinámica de alta calidad informativa y persuasiva.
  • El museo cuenta además, con una tienda de libros de edición propia y de otras editoriales, regalos y souvenirs vinculados al diseño y a las muestras.

Estrategia para diseñar la marca gráfica

El museo necesita que sus signos gráficos de identificación cuenten con los siguientes requisitos:

  • Tipo: logotipo en cualquiera de sus variantes (con fondo, solo o con complemento). En principio no se recomienda la adopción de un símbolo.
  • Estilo: actual, contemporáneo; integrado a la cultura del diseño y por lo tanto alejado de todo clasicismo típico de los museos tradicionales (y también de la idea vulgar de la originalidad). Tendrá la neutralidad gráfica suficiente para convivir con las diversas corrientes estilísticas de los diseños exhibidos.
  • Vigencia: alta. No puede envejecer o pasar de moda.
  • Legibilidad: alta
  • Llamado de atención: medio, medio/bajo

Piezas clave para el uso de la marca

  • El frente del museo
  • Banners en el frente
  • Programa de exhibiciones y actividades
  • Web y medios digitales
  • Objetos de la tienda

Pedido de diseño

Se requiere el diseño de la marca gráfica y los elementos básicos de identidad para el museo de acuerdo con la estrategia descripta. El diseño proveerá:

  • Logotipo.
  • Paleta cromática: sistema de colores estables que se utilizarán en las diferentes piezas.
  • Familia/s tipográfica/s que se utilizarán para la redacción de los diferentes mensajes.
  • Especificaciones técnicas y de reproducción para los elementos descriptos.

 

Caso 3: Cadena de cafeterías

Un grupo de propietarios de cafés ha decidido desarrollar una cadena de cafeterías con el sistema de franquicias.

Los estudios de mercado que el grupo encargó demuestran la viabilidad de una nueva cadena de cafeterías para competir en el segmento medio de este tipo de negocios, lo cual implica buen producto, instalaciones y atención, pero con precios convenientes.

El sistema de franquicia implica una fuerte inversión y posicionamiento de marca que obre como respaldo promocional para los franquiciados, a quienes además se les garantiza la provisión de insumos y asistencia gastronómica y comercial.

Nombres

  • MOKA
  • BONCAFÉ

Perfil del cliente

  • Empresa argentina privada
  • Objetivo: el lucro económico
  • Actividad: cadena de cafeterías por franquicia. Con tres tipos de locales: grande, mediano y micro.
  • Oferta: cafés en sus múltiples variantes, tés, chocolates, jugos, cervezas, masas, tortas, sandwichs, picadas, tartas, ensaladas, almuerzos rápidos. Café en grano o molido para llevar. Venta de accesorios y cafeteras, vajilla para café. Delivery en zonas de oficinas y tienda on line.
  • Valores distintivos: buenos productos, diseño actualizado de los locales y el equipamiento, precio y calidad competitivos.
  • Pretende posicionarse como la manera argentina de tomar café y en ese sentido la publicidad rescatará valores tales como la amistad, la charla, el disfrute, el lugar conocido y amable, etc.
  • Competencia: Martínez, Tienda de Café, Establecimiento de Café, Sturbucks, Bonafide, Havanna, The Coffee Store, Import, Freddo, Balcarce.
  • Clientela principal: público de clase media, adultos y jóvenes que adhieren a una nueva cultura del café (variedad de sabores y combinaciones) y que disfrutan con propuestas innovadoras tanto en el menú como en la ambientación de locales.
  • Política de difusión principal: fuerte presencia publicitaria tradicional y en redes sociales; promociones y auspicios.
  • Audiencias institucionales: proveedores, bancos, cámaras empresarias, funcionarios.
  • Implantación en todo el territorio nacional, principalmente en los grandes centros urbanos.

Estrategia para diseñar la marca gráfica

La identificación visual de la empresa deberá reunir los siguientes requisitos:

  • Estilo gráfico: el abanico estilístico de marcas compatible con este sector es bastante amplio: desde el “retro” comercial de “Establecimiento de Café” pasando por el misterioso grabado de la sirenita de “Sturbucks”, hasta cierto racionalismo en “Bonafide”. Por el posicionamiento de esta empresa, la marca debe tener el estilo de “marca de local de comercio”, es decir no corporativa, distante, industrial o fría.
  • Tipo marcario: En principio se recomienda la creación de un símbolo para garantizar la lectura a escala urbana. Pero no se descartan las opciones nominales (logo o logo sobre un fondo) siempre que cumplan con dicho requisito.
  • Legibilidad: alta
  • Singularidad: alta respecto de sus competidores y del sector.
  • Llamado de atención: alto. Pero la estridencia no puede entrar en contradicción con el estilo adecuado.
  • Reproducibilidad: alta. Debe permitir la reproducción en vajilla, servilletas y demás soportes de este tipo de empresa..

Piezas clave

  • Frente de local
  • Menú
  • Vajilla
  • Bolsas de café
  • Web y medios digitales

Pedido de diseño

Se requiere el diseño de la marca gráfica y los elementos básicos de identidad de acuerdo con la estrategia descripta. El diseño proveerá:

  • Logotipo o logotipo y símbolo (en sus diferentes variantes).
  • Paleta cromática: sistema de colores estables que se utilizarán en las diferentes piezas.
  • Familia/s tipográfica/s que se utilizarán para la redacción de los diferentes mensajes.
  • Especificaciones técnicas y de reproducción para los elementos descriptos.

 

3. Condiciones de entrega

La entrega se hará en dos paneles de 70×100 cm. conteniendo la marca, los otros elementos identificadores, y las piezas modelo más representativas para expresar la propuesta de cada alumno. El diagrama básico de los paneles y las recomendaciones para su armado se darán oportunamente en clase.

 

4. Pautas principales de evaluación

  • Ajuste del diseño a la estrategia de marca establecida por este programa
  • Calidad gráfica general
  • Presentación: calidad, cuidado y ajuste a la consigna
  • Sep 05 / 2016
  • Comentarios desactivados en Programa del ejercicio diseño de apertura de serie de TV
Diseño III, Programas

Programa del ejercicio diseño de apertura de serie de TV

1. Objetivo pedagógico

Que los estudiantes diseñen la apertura de una serie de TV propuesta por la cátedra. Dicha tarea implicará articular imágenes, texto y sonido, en una composición audiovisual compatible con el clima general de la serie.

2. Contenidos a tratar en las clases

  • Funciones y características principales de las aperturas de series.
  • La calidad en el medio audiovisual.
  • Movimiento, sonido, tiempo y ritmo.
  • Las herramientas para el diseño de la gráfica en movimiento.

3. Pedido de diseño

Una productora de televisión argentina ha adquirido el formato de un episodio de la serie inglesa Black Mirror para producir una nueva serie (de varios episodios) tomándolo como base. A cada alumno le será asignado uno de los tres siguientes episodios de la serie mencionada: Be Right Back, 15 million merits y White Bear. Los títulos en castellano de la nueva serie serán, respectivamente:

  1. En seguida vuelvo
  2. 15 Millones
  3. Oso blanco

Es decir que el capítulo asignado se presentará como serie autónoma adaptada a la televisión argentina, desplegándose en varios episodios pero conservando la temática y el clima. Cada episodio comenzará con la misma apertura, la apertura que debe ser diseñada en este ejercicio.

La apertura deberá contener la siguiente información: el título de la serie, los nombres de un mínimo de 6 actores y, también como mínimo, los nombres del guionista, autor de la música y director. Todos los nombres deberán corresponder a actores y profesionales del cine y televisión nacional. El orden, la manera de aparición y el tratamiento gráfico de dichos datos es libre.

La selección del material gráfico y sonoro y sus combinaciones quedarán a criterio del alumno. Pueden utilizarse: fotogramas, tomas o secuencias de la propia serie, articuladas y/o sometidas a tratamientos especiales; animaciones creadas por el alumno o extraídas de otras fuentes, con cualquier técnica y retórica (abstracción, realismo, collage, stop motion, siluetas, metáforas, etc.) y toda clase de combinaciones posibles entre dichos recursos.

El diseño requiere de la incorporación del sonido: una misma música continua o varias, combinación de música con sonidos especiales, etc.

El diseño solicitado tiene tres condicionamientos simples:

  1. Que el clima general que den la animación de imágenes, textos y música de la apertura sea compatible con el contenido y clima de la serie que le da origen. Dice el diccionario RAE:

COMPATIBLE: 1. adj. Dicho de una persona o de una cosa: Que puede estar, funcionar o coexistir sin impedimento con otra.

  1. Que la información textual sea legible y su tratamiento refleje las jerarquías y órdenes de importancia.
  2. Que la apertura dure 60 segundos, con un mínimo de 30” diseñados por el alumno. Por ejemplo, quien diseñe una animación de 40” deberá agregar una secuencia de la serie, sin diálogos, de 20”, tiempo en el que se terminará de incluir la información. Es decir que todos los trabajos tendrán que completar la información textual requerida en 60 segundos.

4. Criterios de evaluación

  • Pertinencia tipológica: La inscripción de la pieza dentro del tipo «apertura de serie de TV».
  • Compatibilidad estilística: los recursos estéticos adoptados deberán transmitir un clima compatible con la serie.
  • Calidad audiovisual: Armonía entre los elementos gráficos e imágenes, el movimiento, el manejo del tiempo y la banda de sonido.
  • Adecuada claridad informativa: clara comunicación de los datos (título y créditos).

5. Presentación

Cada alumno entregará un video de 60 segundos en formato HDV 720p30 (720 x 1280 px) ó HDV 1080i30 (1920 x 1080 px). A los 60 segundos del trabajo se les deberá anteponer una placa fija con fondo negro y los siguientes datos:

  • Cátedra Belluccia
  • Año 2016
  • Materia Diseño Gráfico III
  • Comisión: Nombres completos de los docentes
  • Trabajo práctico: Apertura de serie de TV
  • Nombre completo del alumno

La duración de la placa fija deberá ser de 5 segundos. Es decir que el video a entregar durará 65 segundos en total.

El archivo deberá tener la siguiente denominación:

2016_dg3_apertura-de-serie-de-TV_Nombre-Apellido.???

Se recomianda generarlo con algún tipo de compresión, como H.264 o similar, ya que los videos sin compresión pesan mucho y tienen problemas para mostrarse en algunos sistemas.

6. Material de consulta

Ejemplos de títulos de apertura de series de TV

Tutoriales de After Effects

Tutoriales para animación de textos

 Comentarios sobre los capítulos de la serie Black Mirror

Audio para descargar

Plugins para After Effects

  • Ago 30 / 2016
  • Comentarios desactivados en Cómo publicar un sitio via FTP
Diseño III, Programas

Cómo publicar un sitio via FTP

Esta guía está orientada únicamente a quienes no tengan idea sobre el tema. El resto puede resolver la publicación del sitio de la forma que considere más conveniente.

 

Crear una cuenta en algún servicio de Hosting

Para subir el sitio lo primero que se necesita es tener un servicio para alojar el sitio (hosting). En general este es un servicio que se paga pero hay opciones gratuitas que no te permiten tener dominio propio pero sí te dan una URL de un subdominio. Por ejemplo:

Al registrar la cuenta te envían por mensaje por email un link de confirmación. Hay que darle click a ese link. Una vez confirmado el email te llega un segundo email con consejos y una guía de inicio (en inglés). Pueden ignorarla. Dentro del panel de control ir al menú «Ajustes», «General», donde se puede encontrar la información para conectarse por FTP. Los datos que nos importan son los pintados de rojo:

—————————————————

Detalles FTP

FTP transfer: ON
Nombre del Host: files.000webhost.com
Usuario: usuarioprueba

Contraseña: la misma contraseña que la de tu sitio web

—————————————————

Cliente FTP

Lo siguiente que se necesita es contar con un programa de FTP que nos permita conectarnos con el servidor para subir los archivos. Hay miles gratuitos como:

Pero también hay programas de edición de código que incluyen un cliente FTP. Brackets no lo incluye por defecto, pero varias extensiones que se pueden descargar desde el mismo programa. Una de ellas es SFtpUpload. Para instalarla hay que ingresar al menú «Archivo» y luego al submenú «Gestionar Extensiones». Una vez que la ventana del gestor de extensiones termine de cargar, escribir «SFtpUpload» en el campo de búsqueda y cuando aparezca la extensión, darle click al botón «Instalar». Esta opción es bastante buena para el que ya sabe, porque permite configurar el sitio para que se suban los archivos cada vez que se guardan y así mantener sincronizada la versión local con la versión remota. Para el que no comprende bien el tema FTP sugiero utilizar cualquier cliente FTP como los mencionados, que suelen mostrar la pantalla dividida en dos: de un lado los achivos locales y del otro los archivos remotos.

Veamos el caso de Filezilla, que está disponible para Mac y Windows. En el menú «Archivo», seleccionar «Gestor de Sitios». Crear un nuevo sitio y en la pestaña «General» ingresar los datos de nuestro servidor de hosting, como se muestra en la siguiente imagen.

Deben completar el campo servidor con el nombre del host que encontraron en el panel de control del ar.000webhost.com, luego su usuario y contraseña.

Luego, en la pestaña «Avanzado», prestar mucha atención a los campos de directorios. La carpeta que debemos incluir en «Directorio local predeterminado» debe ser la misma en la que se encuentra la home del sitio (generalmente index.html). La pueden buscar con el botón «Examinar». En el caso de la carpeta remota, esta va a depender del servicio de hosting que utilicen. En ar.00webhost.com es «/public_html». Muchas veces se llama «/www». Presten atención a la barra del principio.

En la pestaña «Avanzado» verán dos opciones útiles. Una es «Usar navegación sincronizada», que sirve para mostrar la carpeta remota y la local en forma simultánea. La otra opción es «Comparación de directorios». Esta opción muestra pintadas de color verde los archivos que son iguales en el servidor remoto y en la máquina local y en amarillo los archivos que necesitan sincronizarse. Para subir o bajar un archivo basta con darle doble click al archivo o arrastrarlo de una ventana a la otra.

Para poder conectarse a ar.00webhost.com deberán seleccionar la opción «Pasivo» en la pestaña «Opciones de Transferencia». Una vez conectados a este servidor verán que la carpeta «/public_html» incluye un archivo llamado «default.php». Para que el sitio funcione deberán eliminar ese archivo.

 

Qué archivos subir y qué archivos no

Muchas plantillas vienen con una serie de carpetas que no son necesarias para el funcionamiento del sitio, generalmente de documentación o versiones en otros códigos de programación (PHP). La carpeta que deben subir es la que contiene la home del sitio. Nada más que eso. Toda otra carpeta que esté a la par de la que contiene la home del sitio, no deben subirla al servidor. Pero no deben subir la carpeta en sí, sino solamente su contenido. Es decir que la página de la home debe quedar directamente en la carpeta raíz del sitio en el servidor, sea cual sea su nombre, «/htdocs», «/public_html» o «/www».

Por otra parte, como comentamos en clase, notarán que algunas plantillas vienen con una carpeta llamada «less» o «sass». Esas carpetas no son necesarias para el funcionamiento del sitio. Pueden obviarlas.

Una vez que hayan subido todos  los archivos vayan a la dirección web que definieron al crear la cuenta de hosting y deberían encontrarse con el sitio que están desarrollando.

  • Ago 05 / 2016
  • Comentarios desactivados en Programa del ejercicio Web Institucional 2016
Diseño III, Programas

Programa del ejercicio Web Institucional 2016

1. Objetivos

Que el alumno rediseñe y produzca un sitio web responsive para una empresa u organización asignada por la Cátedra, con el objeto de mejorar el rendimiento respecto del sitio existente.

2. Contenidos

  • Códigos de programación (HTML, CSS, Javascript, PHP, ASP, etc.)
  • Tecnologías para el desarrollo gráfico de sitiow Web (jQuery, plugins para jQuery, Bootstrap, plantillas, LESS y SASS, etc.).
  • ¿Qué es diseñar para la web? ¿Qué es un buen diseño web?
  • Tipologías web: funciones y características.
  • Sitios Web de empresas e instituciones.
  • Experiencia de usuario (UX) desde el punto de vista del diseño (UI) gráfico.
  • SEO (optimización del código para motores de búsqueda)
  • Navegabilidad, usabilidad, interactividad y accesibilidad.
  • Diseño responsive

3. Requerimiento

Cada alumno desarrollará un sitio web responsive, de carácter comercial/persuasivo, para una empresa u organización que le será asignada. Si se tratase de un trabajo real, el sitio podría o no tener más páginas de las que se requieren en este ejercicio, pero a los efectos de unificar el alcance de todos los trabajos, se requiere el diseño y desarrollo exclusivamente de los siguientes elementos:

  • La página principal del sitio (Home).
  • Un listado (de productos o servicios), que eventualmente podría incluirse en la página principal (si el caso no justificara una página independiente).
  • Una página modelo de uno de los productos o servicios que la organización ofrece.
  • Un formulario de contacto (sea un popup, una página indepentiente o una sección en la home o en las páginas de producto, según convenga al caso).

Los sitios a rediseñar son:

  1. Hotel: http://www.villaisidro.com.ar
  2. Bodega: http://www.bodegananni.com
  3. Restaurant: http://www.notorious.com.ar

Estos sitios necesitan fundamentalmente mejorar la calidad gráfica, realizar una buena adecuación estilística al emisor y presentar sus propuestas con mayor claridad.

Por tratarse de un ejercicio cuyo resultado no termina en el papel —sino en la pantalla—, a lo largo de las clases los alumnos presentarán sus propuestas en un navegador. En ese sentido, convendrá que quienes cuenten con computadoras portátiles las lleven al taller todas las veces que puedan. Asimismo, para poder probar los sitios en tabletas y teléfonos móviles, convendrá que mantengan una versión accesible desde la web.

4. Pautas de evaluación

  • Calidad gráfica: selección y combinación de elementos gráficos acorde a los estándares de calidad del género en la actualidad.
  • Claridad comunicacional: correcta selección, organización y jerarquización de los contenidos.
  • Adecuación a los códigos funcionales del medio Web: respeto de los códigos de funcionamiento impuestos y ya conocidos por el público.
  • Adecuación estilística: el clima visual de la propuesta gráfica debe resultar adecuado al emisor y al tipo de mensaje.
  • Presentación: cumplimiento de las pautas requeridas.

5. Entrega

La entrega será virtual (no hay que asistir a la facultad) y estará compuesta de dos partes:

  1. Subir el código completo del sitio y el código de la plantilla utilizada via Dropbox.
  2. Publicación en la Web del sitio desarrollado.
    Seguir la Guía Cómo publicar un sitio via FTP.

El código completo del sitio desarrollado y de la plantilla utilizada debe incluir solamente los archivos del sitio. Muchas plantillas incluyen otras carpetas con recursos y documentación que no forman parte del sitio. Parhttp://catedrabelluccia.com.ar/wp-admin/post.php?post=4044&action=edit&message=1#a que no queden dudas sobre la carpeta que necesitamos, es solamente la que incluye la home del sitio y las carpetas css, js, etc. Cualquier otra carpeta fuera de esa carpeta principal del sitio, por favor no la incluyan en la entrega. Esto aplica tanto al sitio desarrollado como a la plantilla utilizada.

La entrega por dropbox debe realizarse subiendo una carpeta con la siguiente denominación:

2016_dg3_web-institucional_Nombre-Apellido

Esta carpeta deberá incluir en su raíz únicamente dos carpetas y un archivo html:

• web
• plantilla
• entrega.html

Ejemplo de la estructura de la carpeta:

Mantener las denominaciones mencionadas. El archivo «entrega.html» deberá ser editado para incluir los datos del alumno y los links al sitio publicado y al preview del template utilizado.

Descargar el archivo «entrega.html»

A quien le resulte más fácil subir todo el contenido de la carpeta zipeado, por supuesto que puede hacerlo. Solamente les pedimos asegurarse de que al descomprimir el archivo el resultado incluya la carpeta con la denominación solicitada. Obviamente, el zip deberá tener mismo nombre que la carpeta. Por ejemplo: 2016_dg3_web-institucional_Nombre-Apellido.zip

El plazo máximo para subir los archivos de la entrega al dropbox es el lunes 5 de septiembre a las 18 Hs.

6. Recursos útiles para realizar el ejercicio

Ver trabajos de alumnos de años anteriores

Tutoriales en video necesarios para el ejercicio:

Tutoriales en video para quienes quieran aprender sobre el tema, más allá del ejercicio:

Software para editar código:

  • Brackets (gratuito, para Mac y Windows)
  • Atom (gratuito, para Mac y Windows)
  • Koala (preprocesador CSS gratuito, para compilar LESS y SASS, para Mac y Windows)

Referecia técnica de código para consultar en caso de ser necesario (a quienes puedan leer en inglés, les recomendamos utilizar las referencias en ese idioma, ya que son mejores y más actualizadas que las que están en español):

Plantillas HTML5:

Hosting gratuito:

Páginas:1234567...13