<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2410095682774261919\x26blogName\x3dDise%C3%B1o+Dos\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://olinhaus.blogspot.com/search\x26blogLocale\x3des_AR\x26v\x3d2\x26homepageUrl\x3dhttp://olinhaus.blogspot.com/\x26vt\x3d4022985221557248788', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Diseño Dos

enchinchada

Recuerden que este lunes (TN) / martes (TM) estamos colgando la primera vectorización de una de las dos infografías; dudas, consulten, slds.

ejemplos infos


Adjunto ejemplos infográficos vistos en la clase lanzamiento.

galería años 2009/10









click en imágenes para agrandar


Estos ejemplos de años anteriores son referencia general del nivel pretendido, recuerden igualmente que cada año los prácticos cambian por lo que las consignas son diferentes.

diagramas

Adjunto ficha de diagramas (a las 4 opciones visualizadas en clase se agrega también Línea de tiempo). Podrán utilizarse, en principio, cualesquiera de estas cinco estructuras diagramáticas y sus híbridos resultantes.

entrega TP1

Respondo algunas dudas que fueron llegándome con respecto a la entrega (para próximas preguntas sugiero manejarnos desde los comentarios de este post):

- la presentación pautada en la guía es “sugerida”, esto significa que podrán generarse las modificaciones que crean necesarias para una mejor visualización del proyecto: por ejemplo las láminas podrán diagramarse en sentido horizontal;

- la lámina 1 contiene la versión de marca a color y la versión de marca modulada*, una al lado de la otra, o debajo de la otra, dependiendo la orientación; en esta misma lámina también puede aplicarse la versión reducida color;

- la lámina 2 contiene la marca en b/n en sus versiones positiva y negativa, también podrían agregarse aquí las reducciones;

- la lámina 3 contiene los 5 pictogramas en sus versiones b/n, color y modulación, en total habría en la lámina 15 signos;

- la lámina 4 contiene las dos postales, que en caso de que les parezca insuficiente podrán ampliarlas u ornamentar la lámina.

Cualquier duda, pregunten, slds.

* para mejor comprensión de cómo visualizar las modulaciones ver ejemplos del año pasado subidos en post del día 10/04.

última colgada




















tP1.3 postales

Recuerden que este lunes/martes colgamos marca (A4, color + reducción), sistema de 5 pictogramas (A4, blanco/negro) y aproximación a postales (A4).
Adjunto algunos ejemplos del estilo gráfico que estamos buscando para esta última parte del práctico, no necesariamente es obligatoria esta búsqueda pero puede servir como orientación: gráfica vectorial/racional.
Notar el tratamiento de la luz-color y aplicación de texturas sobre diferentes planos, la explotación del personaje en situación y su composición. (www.colourlovers.com)
No es intención del práctico una aproximación a la postal como aviso convencional, tradicional.
Cualquier duda, consulten, slds, Armando.

ejemplos 2010


Adjunto algunos ejemplos del año pasado de pictogramas, en sus versiones blanco/negro, color y modulación, e interfases.

TP1.2 pictogramas

5 signos para interfase de producto interactivo

general
- tipo de producto / define caracacterísticas y plataforma de aplicación (escala);
- estructura de información / define categorías y jerarquías.

particular
- estilo congruente con el personaje;
- dominar los 5 signos en una misma área (modulada);
- constantes y variables;
- construcción / variables (línea-pleno/positivo-negativo/escalas internas/luz-sombra-brillo, continente, etc.);
- color luz / iluminación;
- cambio de estado (prendido-apagado).

expresiones/estructuras

Adjunto algunos tutoriales de expresiones y estructuras, un compilado. Si bien el estilo a explorar para este trabajo no es igual a lo adjuntado, creo que igual puede ser útil.

selección última «colgada»














personaje marcario

Salvando la ingenuidad, interesante caso de personaje marcario, notar no sólo la solución del símbolo sino también el diseño del logotipo.