Publicidad:
La Coctelera

jcorrea

Categoría: diseño

25 Junio 2007

Una de las últimas virtudes de Fireworks en la nueva CS3 de Adobe es una feature ya conocida por viejos usuarios de Flash. La *9-slice scaling guides* aplicables a símbolos de librería.

El uso principal de esta acción es redimensionar elementos que tengan zonas y/o textos que sean susceptibles de deformarse … y no nos interese que eso ocurra, todo esto dicho así, en bruto (y a lo bruto ;)

Muy útil para generar botones que varían de tamaño, las tan sobadas cajas con esquinas redondeadas y todo lo que se te ocurra.

Voy a poner un ejemplo práctico de uso con una caja super-ajax-dospuntocero con sus pestañas. Por lo que tenemos algo tal que así:

Primero convertimos en símbolo todo el bloque (F8), asignamos el nombre que queramos y marcamos la opción 'Enable 9.slice scaling guides'. Double-click y tenemos algo como esto:

El funcionamiento de las guías es simple:
- Dividimos el área en 9 zonas.
- Las esquinas permanecen inalterables.
- Las zonas entre las dos guías verticales se redimensionan horizontalmente. De igual modo, entre las guías horizontales la redimensión es vertical.
- La zona central se redimensiona tanto vertical como horizontalmente.

Sabiendo esto, nuestro símbolo lo configuramos tal y como pinta lo siguiente:

Salimos del símbolo (cerrar ventana) y nos encontramos nuestro elemento listo para escalar sin deformarse.

Paso 1:

Paso 2:

y eso es todo por hoy, ya verás que le sacas partido ;) buen provecho!

22 Abril 2007

Google se enfría

Podría ser un gran titular para anunciar una otra burbuja, pero no. Simplemente quería guardar en mi rincón personal este nuevo doodle de Google dedicado al Earth Day, declarado tal día como hoy 22 de Abril, desde hace unos cuantos años ya.

11 Enero 2007

Hace ya un tiempo (unos 3/4 meses, en tiempos informáticos eso es una eternidad) apareció en el mercado el iPod (PRODUCT)RED™, intentando convertir al ser humano consumista en un ser vivo solidario.

Lo cierto es que para el producto se reservó el más bonito de los colores, el rojo, de los que hay disponibles en la casa Apple para su producto estrella el iPod.

La marca (PRODUCT)RED™ es un invento con el que se consigue donar fondos por la compra de productos casualmente super-trendy a The Global Fund to Fights AIDS, Tuberculosis and Malaria. Un 5% de la compra.

Despues del iPod rojo que tanto gancho ha tenido, le toca el turno al decorado de nuestros pieses.

Converse ha usado su producto más de moda durante décadas, sus sobrevaloradas, caras y extremadamente cómodas Chuck Taylor All Star ™, para rematar la jugada de (PRODUCT)RED™, creando el modelo Converse Chuck Taylor (PRODUCT)RED™ (es flash, no hay link directo), con ciertas diferencias con respecto al modelo original y que mantiene el mismo precio.

Converse (PRODUCT)RED™ Chuck Taylor
Sólo disponibles en la web internacional de Converse.

Ya tienes el iPod... tambien quieres las Converse? yo si :)
Por cierto, curiosea por la web joinred.com, hay muchos productos con los que podrás ayudar a alguien... ya puestos a gastar.

22 Noviembre 2006

Genial artículo de Guillerno Brea que lleva por título El muro de los lamentos publicado en ForoAlfa.

Me quedo con una frase que me ha gustado, aunque hay muchas otras que recomiendo leer ...

La formación se logra estudiando, ejerciendo y viviendo, y el diseño es cada vez más una construcción colectiva.

Es de esas lecturas que mientras lees te duele y vas notando las bofetadas coma a coma. Que levante la mano quien no ...

a leer, a leer, he dicho. ;)

8 Octubre 2006

De la visita a Fundamentos Web 2006 me quedo con la exposición de Ben Hammersley que llevaba por título Eames, Bach, Michelangelo and the DOM (recomiendo leer el seguimiento en vivo de torresburriel).

De una forma similar a como lo hiciera en su día Javier Cañada para el cuarto aniversario de Cadius, comenzó ilustrando su tiempo con el video Powers of Ten de Charles y Ray Eames, demostrando la importancia de los patrones en la naturaleza y la belleza que lleva implícita.

Mencionó la sucesión de Fibonacci (1, 2, 3, 5, 8, 13, 21, 34, 55, ... ), pero yo me quedo con un paralelismo que me marcó: La Romanesca (Fractal Food - Self-similarity on the Supermarket Shelf).

Repasó varias obras de arte y fenómenos naturales, de espectaculares simetrías y magníficas composiciones, para cerrar con un mensaje claro:

Indent your fucking code!

Probablemente no haya sido literal, pero es el mensaje que me ha dejado grabado por su espontaneidad en el escenario, y fue cuando todos los allí presentes arrancamos con un aplauso al unísono.

No hay mejor ejemplo que recurrir a la naturaleza o al gran Velázquez para comprender que un código bien escrito, estructurado y ordenado es puro arte.

Intentó cerrar, al igual que lo hiciera Javier, con el homenaje que Matt Groening ofreciera usando a sus mejores comunicadores, los Simpsons, pero en este caso la tecnología lo dejó en un simple intento, así que aquí lo dejo para aquel que se haya quedado con las ganas: Powers of Ten by The Simpsons.

7 Agosto 2006

El leopardo morboso

No hay duda, Microsoft debe estar temblando tras el anuncio del Leopard por parte de Apple. Tiger ya es casi historia, y Leopard presume de ser un OS más que competitivo.

Apple apuesta cada vez más por un usuario doméstico en cuanto a Software, pero sin olvidarse de la rama de los profesionales en cuestión de Hardware.

Increible máquina!

Configuración de partida
Dos procesadores Xeon «Woodcrest» de Intel con doble núcleo a 2,66 GHz
4 MB de caché de nivel 2 compartida por procesador
Dos buses frontales independientes a 1,33 GHz
1 GB de memoria (FBDIMM DDR2 con ECC a 667 MHz)
Tarjeta gráfica GeForce 7300 GT de NVIDIA con 256 MB de memoria
Disco duro Serial ATA de 250 GB a 7.200 rpm, capaz de transferir 3 Gb/s1
SuperDrive de doble capa a 16x (DVD+R DL, DVD±RW y CD-RW

Ahora quien tiemble debe ser Dell, no?

Por cierto, han vuelto a incluir la tan agradecida oferta para estudiantes de MacBook+iPod a precios reducidos, y todos tenemos un amigo o familiar matriculado en alguna universidad ;)

18 Julio 2006

... que diría Bob Dylan.

Nos renovamos, cambiamos, evolucionamos, aunque no siempre tomamos el mejor rumbo en la ruta.

Recientemente hemos sufrido multitud de cambios en marcas reconocidas globalmente y de gran prestigio, cambios en ocasiones más que desafortunados a mi juicio (remito al blog Análisis Gráfico donde han captado muchas de estas evoluciones): Fujifilm, Sprite, Mastercard, ...

Uno de los restyling que más me ha impactado, pero en esta ocasión debo decir que muy positivamente, es la nueva imagen de Cartoon Networks. Lo vi recientemente en la última visita a las oficinas de TCM, "distribuidores" de tan distinguido canal infantil.

"Menos es más"

Sin duda ésta ha debido ser la filosofía de los creadores de esta nueva imagen. Acertada, concreta, reconocible, versatilidad en cuanto a su aplicación en diferentes soportes y formatos. Sin duda ideal para "la mosca" televisiva.

El acento más infantil, más espóntáneo, y de líneas irregulares que transmiten dinamismo.

Un agrado ver un rediseño en condiciones despues de un añito que llevamos que tela...

10 Junio 2006

Hace relativamente poco, en The Cocktail, lanzamos UEM Postgrado como la hermana pequeña de la Comunidad UEM, dos grandes sitios gestionados, pensados y materializados en tiempo record y en unas condiciones de las que estamos muy orgullosos. No es para menos; proyectos hechos enteramente en casa, con el mejor equipo humano.

Pues resulta que la mitad del proyecto, la parte de Postgrados UEM, es finalista en los CSS World Awards 05/06. La única web española selecionada en las 10 categorías, y seleccionada entre las 150 páginas que optaban a la nominación en la misma categoría.

Todo un honor para el equipo, sin duda.
enhorabuena a los culpables de todo ello... y suerte! ;)

Sobre jcorrea

Avatar de Jorge
MAD/LPA, España
ver perfil »
contacto »

Blog de Jorge Correa: Miembro en diversos foros de diseño, usabilidad y estándares. Uno de los que pinta y colorea en The Cocktail.




Categorías