Archivo de la categoría: Diseño

Diseño, artes visuales , multimedia

Adobe Edge: la alternativa esperada a Adobe Flash

[Visto: 1410 veces]

Adobe Edge logo

¡Por fin!

En el evento Adobe MAX, Adobe lanzó el programa Edge (de momento totalmente gratuita para Windows y Mac OS X), para hacer diseños y animaciones usando los estándares web HTML5, CSS y JavaScript, lo que constituye una seria alternativa a Adobe Flash para las mismas funciones, dado que este último será enfocado a otros rubros, como los juegos en 3D que todavía no se pueden hacer en HTML5.

Adobe sigue hace algún tiempo una metodología abierta de desarrollo, facilitando el software en su portal Adobe Labs, para nutrirse del feedback de los usuarios de la ‘preview’ (enfocada a diseñadores en este caso) antes de alcanzar la versión definitiva.

Adobe Edge también está enfocada a posicionarse en los dispositivos móviles (incluyendo los productos Apple) que en su mayoría no aceptan flash.

Edge funciona con capas, una línea de tiempo y permite personalizar las propiedades de cada elemento. Las animaciones se pueden controlar con un escenario o a través de los ajustes editables desde la línea de tiempo. Permite crear construcciones desde cero usando “bloques de construcción básicos de HTML”, y textos y gráficos importados de la web.

Además, el editor timeline permite animar la posición, tamaño, color, forma y rotación de los diseños. Además, permite copiar y pegar transiciones, invertirlas, y elegir entre más de 25 efectos visuales.

Esta situación ya se vislumbraba desde hace algún tiempo (otra vez!), pero discrepamos con el hecho de que estos cambios supongan el fin de Flash. Sigue leyendo

North Kingdom: Portafolio, HTML y Flash

[Visto: 1958 veces]

North Kingdom Showreel 2009 from Designchapel on Vimeo.

Cada vez más websites corporativos de las principales agencias interactivas están migrando de formato flash a html.

Si bien es cierto que el problema de Flash siempre ha sido el sobrevalorado uso que se hace de él, esto no es algo que aplique a las TIC en sí misma. Sí, algunos de sus usos son innecesarios, pero lo que ha hecho por la comunicación creativa interactiva (lo que incluye el goce experiencial generado) nos obliga a reflexionar siempre sobre lo que se puede lograr al emplear esta recurso adecuadamente.

Es evidente que el auge de las redes sociales y la cada vez más exigente demanda de usabilidad y accesibilidad hacen necesario que el concepto de portafolio eficiente se replantee de manera contínua. El portafolio personal o de una agencia no necesita ser una pieza interactiva basada en flash con alardes técnicos actionscript. El principal objetivo de un portafolio es mostrar aquello que le da valor, sus proyectos. Así de sencillo. La experiencia multimedia es lo que se puede ver en cada uno de los trabajos incluídos en dicho portafolio.

North Kingdom es un caso digno de tomar en cuenta, con su renovado y minimalista website sencillo de actualizar. Así son las webs dinámicas de éxito. Get The Glass, Coke Zero Game o Adidas Teamgeist son piezas interactivas basadas en flash que seguirán dando motivo para explotar Flash lo mejor que se pueda. Pero ahora será mucho más sencillo acceder a ellas.

La nueva web de North Kingdom elimina los efectismos que ya brillan por sí mismos en sus mejores trabajos cuyo fin es precisamente ese, hacer vivir una experiencia. Los recursos de los tweets y los blogs lo harán aún más conocido, y por lo tanto, visitado. De hecho, pronto deberían verse aplicaciones en dispositivos móviles. Es decir, casos como este muestran que, una vez más, el contenido es el rey. Y esto por supuesto, hablando de portafolios. Sigue leyendo

Wired Magazine y el futuro del diseño editorial

[Visto: 5334 veces]

Wired, revista mensual especializada en tecnología y su influencia en la cultura, la educación, la economía y la política, ha presentado una aplicación dirigida a visualizar la edición digital de su revista en e-readers y tablets; un código real mostrado hace pocos días en la feria TED.

Como en su versión impresa, ‘Wired’ desarrolla sus contenidos vía InDesign y los lanza en formato digital añadiendo contenidos interactivos gracias a Adobe AIR, lo que le permite mostrar sus contenidos en plataformas iPhone o iPad, según anunció esta semana Adobe durante el Mobile World Congress de Barcelona, donde explicó que será posible convertir contenidos en Flash en aplicaciones nativas para otros dispositivos.

Así, los elementos de la edición impresa ya necesitarían ser subidos a Internet en formato HTML por un equipo diferente al del ejemplar impreso, lo que le da una uniformidad mayor. La versión virtual ha de ser idéntica al papel, pero con el atractivo de la interactividad.

Wired aprovecha todo el potencial del mercado emergente de los ‘tablets’ y los lectores de libro electrónico para buscar su nuevo sitio en la era digital. El diseño editorial está muy lejos de morir, como algunos especulan. Sigue leyendo

Readability: una tarea más placentera al leer en la web

[Visto: 3168 veces]

Readabilty, un experimento de Arc90, es un bookmarklet que no requiere ser instalado en el navegador y que permite eliminar el ruido visual de los websites: barras laterales, encabezados, pies de página, comentarios, y por supuesto la odiosa la publicidad, dejando únicamente el contenido (lo que realmente importa). Funciona con todos los navegadores y facilita la lectura de los contenidos de los sites, especialmente los que siguen un mal patrón de diseñador: el de incluir letras de tamaño minúsculo en la composición de texto.

A comparación de otros bookmarklet, una de las principales características de readability es su sencillez de instalación y uso. Menos opciones, menos complicado para el usuario.

Para usarlo sólo hay que eligir que configuración nos agrade (font, colores, tamaño y ancho) y agregar el bookmarklet a nuestro navegador arrastrando el botón en gris “Readability” en el menú “Marcadores”. Luego al visitar una página que creamos valga le pena, se usa el bookmarklet para limpiar la vista. Un ejemplo a la vista:


Sin Readability


Con Readability

Visita y utiliza esta muy buen herramienta: Readability Sigue leyendo

Princesas caídas

[Visto: 3941 veces]

¿Se imaginan a Blanca Nieves con sus 7 enanos, frutos del amor con su príncipe encantador(amente vago)? ¿O a Caperucita Gorda de tanta comida? ¿Tal vez a Bella pasando por cirugía estética (de reconstrucción) o a todo el mundo (de la tercera edad) esperando que la Bella (y eterna) Durmiente se despierte?

Todo ello lo pueden ver en la muestra “Fallen Princess” (Princesas Caídas) de la fotógrafa e ilustradora Dina Goldstein, cuyo trabajo ha sido galardonado por la audaz manera de presentar conceptos conocidos. Las piezas visuales son muy entretenidas y refuerzan la idea de que los cuentos son universalmente reconocibles. Cortesía de JPG.

Vea Fallen Princess Sigue leyendo

It’s not a game anymore

[Visto: 1475 veces]

Este no es un juego más.

Cada día, desaparecen aproximadamente 100 especies de plantas y animales.

El 90 por ciento de todos los grandes peces han desaparecido de los océanos en los pasados cincuenta años.

El 80 por ciento de los bosques que cubrían la tierra han sido limpiados, fragmentados, o degradados de otra manera.

Una brillante campaña de Alexander Nedelev: una gran cantidad de especies alrededor de nosotros se descomponen y desaparecen a causa de la sociedad humana. Para pensar. Sigue leyendo

De gigantes, presidentes y derechos en el diseño

[Visto: 1271 veces]

La polémica: Alguien (que pudiera ser cualquiera de nosotros, con inventiva, imaginación y capacidad de interpretación) usa una foto (tomada por otro) y crea una ilustración sobre esa base. Después, el dueño de la foto le pide una compensación por lo que condiera una violación de derechos de autor.

Eso es lo que ha pasado recientemente con Shepard Fairey, artista y diseñador gráfico estadounidense, famoso por sus afiches con la imagen del luchador televisivo André el Gigante, y más recientemente, por el no menos famoso cartel del presidente norteamericano Barack Obama, objeto de una demanda por parte de Associated Press (AP), que le reclama una compensación financiera por haber utilizado una de sus fotos.

¿Dinero o publicidad gratuita? Según Fairey, el dinero que ha generado dicho afiche no es cuantificable puesto que una vez en la calle, ha adquirido vida propia y se ha extendido sin control. ¿Qué diría Andy Warhol? ¿Qué le harían? El cogió una lata de sopa, lo convirtió en ilustración y es arte. Lo mismo con Marilyn, Mao y demas. Y nadie le reclamó nada.

Muchos consideran, y con discutible medida de razón, que lo hecho por Shepard es una interpretación.

¿Usted qué opina? ¿Interpretación o violación de derechos de autor? ¿Debe darle un centavo a la AP? Un pretexto para analizar la obra de éste artista gráfico.

Visite el sitio de OBEY GIANT. Sigue leyendo

Preloaders : Generador online de precargas para sitios web (pesadillos)

[Visto: 2775 veces]

Preloaders es una herramienta online en la que puedes personalizar parámetros de precarga para sitios web. Puedes personalizar la forma (3d, horizontal, circular, rectangular), diseño, color de fondo (puede ser transparente también), color de elemento y el tamaño del mismo, así como la velocidad de movimiento de la animación de la precarga (más rápido, más lento). Una vez definidos los parámetros se ve una vista previa y luego, a descargar. Lo que se genera es un gif animado, ligero.

Este precargador es útil cuando el sistema se encuentre ocupado realizando, por ejemplo, transacciones Ajax. Una alternativa útil y sencilla frente a las precargas en flash. El sitio cuenta con una breve guía de uso. Está en inglés pero es fácil de entender y seguir.

Visite y use Preloaders Sigue leyendo

Ava7 & BG: Interesting Patterns

[Visto: 1856 veces]

Ava7 Patterns. Un sitio con buena cantidad de Patterns (Patrones) para diseño web (600, ordenados en 150 páginas): Estilos, diseños, colores. Se pueden revisar el ccs y el código xhtml antes de la descarga. Gratuitas. Visite Ava7 Patterns. Vía xyberneticos.

BG Patterns. Herramienta online para crear patrones de imágenes en segundos y gratis. Opciones de cambio de imagen (textura), rotación, ubicación, opacidad, tamaño y color de fondo. Se puede crear una galería propia. Visite BG Patterns. Vía thinkdesign.

Sigue leyendo

(Mi) descubrimiento(s) reciente(s): [a desgana, eh!ratas y] galgo(s) diseñado(s) por […] comite(s) [de diseño]

[Visto: 5377 veces]

¡Qué titulo!

Hoy descubrí lo que es considerado un” clásico” en el desarrollo del diseño: “Un dromedario es un galgo diseñado por un comité”. Simplemente extraordinario.

Lo que todavía me pregunto es: ¿Por qué razon(es) no me enseñaron esto antes de acabar la carrera?
Pero este descubrimiento me ayudará a tomar las cosas con calma en el ejercicio del “oficio” del diseño. Esto me lleva a mis descubrimientos que hicieron posible este joyón:

a desgana es un blog sin nombre propio (hasta donde pude ver) pero con artículos redactados con buen criterio y una alta dosis de candor, de honestidad. La mayoría de diseñadores nos podemos familiarizar con sus argumentos. Digo la mayoría porque siempre habrá una excepción de unos cuantos que diran lo contrario, por lo menos en mi país (y el blog que estoy citando es español) y no porque no hayan buenos profesionales sinó porque la mayoría tenemos por encima a alguien que “sabe más” y que no nos permite explotar a nivel visual (esos que saben más por lo general no son diseñadores). Pero dejando de lado la bilis (de la última que quiero tirar), a desgana es un blog recomendable para quienes necesitemos información fresca e instructiva no solo sobre lo bueno del diseño, sinó también de cómo evitar “molestarnos” sin sentido (bueno el usa una expresión que prefiero reemplazar).

Pero a este blog llegué mediante el foro de las eh!ratas, que propone temas interesantes, como el que me orientó al trabajo del cual hablo: “El trabajo en las garras de un comité”. Si pues, el cliente puede conocer su producto-servicio-empresa-público_objetivo-lo_que_sea mejor que yo (como diseñador) pero si realmente supiera cómo generar interés en lo que ofrece, entonces lo haría él (o ella, o ellos). Pero bueno, el “equilibrio” es posible a fin de cuentas, a pesar de los baches.

De hecho voy a aplicar las ideas de a desgana pero en un plano más desenfadado: renegando menos y soltando más risotadas sin preocupación. Total, a fin de cuentas, el cliente tiene la razón , aunque el producto final sólo le guste a el y después, cuando se dé cuenta de ello, me buscará o buscará a otro que le haga “mejor” el trabajo (o debería decir “su” trabajo) y eso es bueno: le doy trabajo a mis colegas.

Visite el foro de las eh!ratas
Visite a desgana Sigue leyendo