HTML5 en proyectos reales

¿Qué hemos aprendido como diseñadores?

Cuando un alumno me pregunta lo que he aprendido en estos años de constante estira y afloja entre maestros, compañeros de Universidad; luego en el trabajo con mis patrones, compañeros de trabajo; posteriormente como free lance con mis colegas que me ayudan; como maestro y mi relación con los alumnos, etc. etc.

Les trato de resumir de la siguiente forma:
Lo primero es que jamás se llegado a conocer al 100% mis debilidades y mis aptitudes.
Pero es importante que sepamos por qué estamos en este mundo gráfico, casi todos los que terminan la profesión o están estudiándola si les preguntas por qué están en Diseño y no en otra carrera, muy pocos te responderán con un gran júbilo, certeza y pasión.

Para algunos la carrera es llenar su ego y pasarse de un lugar a otro “criticando” todo lo que se mueva visualmente y decir que todo es una basura, pero en realidad lo que pretenden es decir “yo lo hubiera hecho mejor”, pero el “hubiera” no existe.

En el trabajo a veces uno tiene que ceder su espíritu de prima donna en el diseño y ayudar por ejemplo a empacar los catálogos que se mandarán por paquetería a la mañana siguiente, hablar con algún cliente “rompe-huevos”, decirle al colega de a lado el último tip de Photoshop, etc. la convivencia solidaria se agradecerá tarde o temprano.

Tenemos que estar alertas a todos los estímulos a nuestros 5 sentidos, nos ayudará para la inspiración el oler tierra mojada en medio de una lluvia en el campo, como se gritan los luchadores en una función en alguna arena de la ciudad, saborear ese delicioso tamal de hoja de plátano, ver la minifalda de nuestra vecina, etc.
No todo es líneas, sombras, contraste, usabilidad, etc.

Read the rest of this entry »

Estos sí son buenos “roll-overs”

rollovers.jpg
Como algo tan simple como es un roll over puede crear algo tan complejo.
En éste sitio se puede observar como las conecciones de imágenes se construyen al ir pasando el mouse sobre la retícula.

F I S C H E R W E S T

La NO-clase de Luz y Sombra

sombras.jpgUn ejercicio muy bueno en la enseñanza dentro del diseño, sería que los alumnos investigaran qué imágenes pueden ser un engaño basándose en los principios visuales.
Como en el caso de la “llegada a la luna”. Mucha gente piensa que es un engaño y que lo documentaron muy mal, tan solo vean las sombras.

En la foto del astronauta, parece que la fuente de luz está por doquier para iluminar tan “perfectamente” el cuerpo.
En la otra, se supone que en una zona muy oscura no se debería ver al astronauta bien iluminado.

En fin quien puede creer algo, después de ver los estudios visuales, es como si dijéramos que la invasión de Irak es para evitar el terrorismo y no darnos cuenta de lo que siempre pretendió Bush y su “dream team”.

Sitios que hablan del engaño:

Fake-moon

Apollo Moon Photos: a Hoax?

Moon Landing Hoax

Paleta de colores a partir de una Imagen

colorGenerator.jpg

Si deseas crear una paleta de colores basada en una imagen, puedes utilizar esta herramienta en línea.

Es muy útil, porque algunos clientes te muestran una imagen y te dicen “Que mi sitio tenga esta gama de colores”, así que sólo tienes que decir en donde está alojada esa imagen y listo, tienes un “resumen” de colores basados en la gama cromática.

Muy útil, aparte en ese mismo lugar encontrarás más herramientas.
Color Palette Generator

Así se ve en Microscopio mi cerveza favorita

negraMicro.jpg
No cabe duda que todo cambia a la vista del microscopio.
En el sitio Molecular Expressions existen infinidad de imágenes reducidas al máximo.
En el caso de Negra Modelo, mi cerveza favorita la encontramos en la colección:
The Beershots Photo Gallery
Es interesante ver la magnificación hasta del Sildenafil (Viagra).

Fotógrafos de Clare O’dea

ojos2.jpg

Existen nuevos fotógrafos que están pegando duro en el mundo de la fotografía.
En ésta agencia se muestran algunos de ellos.
Por lo menos se demuestra frescura en las técnicas.

CLARE O’DEA

Portafolio de Richard May

richardMay.jpg
Buen portafolio de ilustración, nos muestra una buena técnica e imágenes frescas.

Richard May – Illustration Portfolio 2005

Herramienta muy buena “Art Directors Toolkit”

PantoneHexadecimal.jpgUna de las preguntas frecuentes entre el diseño web y editorial es como convertir un color del mundo impreso como el Pantone a Hexadecimal y poder manejarlo en el mundo web.

Antes se checaban los valores en el color picker de Photoshop, primero seleccionando el Pantone y al pasarlo a RGB se anotaban los 3 pares de RGB.

Ahora no existe otra cosa más sencilla que abrir el programa Art Directors Toolkit que viene gratis al comprar una Mac.

Es muy amigable, te busca colores por tono, saturación o brillantés, posteriormente puedes leer los valores en RGB, HSB, CMYK, LAB y Hexadecimal.
En cualquier momento puedes escoger un color sólido y darle un porcentaje menor y obtener el valor de la tinta.
Genial!

Tiene otras herramientas que pueden ser útiles como conversión de fracciones, entre diferentes unidades, etc.
Previsualiza mezcla de colores; ve símbolos de las diferentes tipografías; calcula porcentajes como por ejemplo si vas a imprimir en un plotter, puedes crear una página más pequeña y así mandarla al impresor.

Bueno en pocas palabras una joya que muy pocos saben que existe entre el software que viene con nuestra querida Mac