Ultimamente hemos esta hablando mucho de HTML5 y CSS3 y es que son las tendencias actuales del diseño web, una consecuencia de estas tendencias es dejar de utilizar Flash y empezar a utilizar mejores alternativas para animaciones. Por supuesto la mejor alternativa a esto es CSS3, con las nuevas características de CSS3 podemos crear diseños web con animaciones y que estas sean compatibles con todos los navegadores tanto de escritorio como en dispositivos móviles como Android, iPhone e iPad, debemos recordar que la mayoría de estos equipos no ofrecen soporte para Flash.

El problema esta en que no todos los diseñadores web tienen habilidades con la programación y les puede resultar muy difícil aprender a programar animaciones utilizando CSS3, para aliviar esta necesidad muchas empresas han creado aplicaciones para crear animaciones CSS3, es por ello que quisiera compartirles 4 programas para crear animaciones CSS3.

Adobe Edge

Actualmente en fase Beta, lo pueden descargar de manera gratuita, la licencia gratuita vencera en el momento que Adobe decida lanzar una versión estable del programa, el programa te permite crear animaciones y utilizar todas las características que CSS3 ofrece, Adobe Edge tiene versiones para Windows y Mac.

Descargar

Sencha Animator

Sencha Animator es una aplicación crear diseños web con animaciones CSS3 y también aplicaciones Touch para utilizar en iPad o iPhone, Sencha ofrece versiones para Windows, Mac y Linux, pueden descargar una version de prueba de 15 dias.

Descargar Demo 15 dias | Licencia $199 usd

Purple para Mac

Ota aplicación que te permite basicamente lo mismo, en este caso Purple solo es para Mac y te permite exportar los gráficos separados por Layers a Photoshop para que los puedas optimizar y o modificar, permite exportar el código resultante y también crear scripts Javasscript para mayor dinamismo de las animaciones HTML5 con Ease.

Descargar de Mac Store $299 pesos ($19.99 USD)

Hype para Mac

Hype te ofrece un ambiente de trabajo similar a Adobe Flash, con escenas y lineas de tiempo, te permite utilizar Javascript y exportar código HTML y CSS3, también te permite guardar tus trabajos directamente a Dropbox.

Descargar version de Prueba | Descargar de Mac Store $600 pesos ($49.99 USD)

La tercera colección de ESPINELA salio el pasado Noviembre con el nombre de  LA NUIT, Temporada Otoño/Invierno 2011-2012 influenciada por el  Art Nouveau, la paleta de colores de dicha colección simula un brillo tornasol, yendo del blanco al lila, pasando por el verde esmeralda, para terminar con el clásico negro.Las telas son de diferentes texturas.

Rosa quiere dejar como sello de esta colección y de ESPINELA los encajes y transparencias.

Les dejo algunas imágenes para que vean sus diseños…

Enlace: Revista Origama

]]> http://www.frogx3.com/2012/01/05/diseno-modas-espinela-rosa-dajer/feed/ 1 http://www.frogx3.com/2012/01/03/disenos-web-aprovechan-html5/ http://www.frogx3.com/2012/01/03/disenos-web-aprovechan-html5/#comments Tue, 03 Jan 2012 15:55:14 +0000 Jorge http://www.frogx3.com/?p=10760 HTML5 esta dando mucho de que hablar y es que esta ayudando a muchos diseñadores a olvidarse de hacer multiples diseños para un solo sitio con el objetivo de mostrar el mismo contenido pero adaptado a varias plataformas como es el hecho de los sitios flash que no pueden visualizarse en dispositivos móviles, HTML5 permite crear interesantes animaciones las cuales son compatibles en la mayoría de los navegadores modernos y por supuesto en los navegadores de móviles.

El uso de HTML5 poco a poco se va incrementando y junto a esto navegadores obsoletos como Internet Explorer 6 e incluso Internet Explorer 7 (recientemente descontinuado en el soporte de Facebook) están quedando en el pasado, ya que la mayoría de los desarrolladores y diseñadores web se están enfocando en las nuevas tecnologías y posibilidades que HTML5 nos permite como la integración mas sencilla de audio, video, almacenamiento local, imagenes, gráficos e interacción con documentos.

Los siguientes sitios son algunos que me han llamado la atención por su diseño y el como aprovechan las bondades de este lenguaje de programación web junto con el CSS3, vienen de una recopilación de 40 excelentes diseños web con HTML5 que han realizado en dzinepress, como siempre al final del post esta el enlace a la fuente con todos los nuevos diseños web de la recopilación.

Orbitaldevs

Rough Guides

ArtePixel

Moods of Norway

Pioneer Records Managment

Nokia Discovery Zone

Themes Kingdom

Fuente: DZinePress

Wildfox Couture se distribuye a nivel internacional en más de treinta países del mundo, no se diga más les dejo algunas imágenes de sus colecciones…

Enlace: I love Wildfox

Esta firma nos ofrece desde bolsas, backpacks, maletines, porta mat de yoga hasta fundas para Ipad y Laptop; proponen diseños ligeros pero de alta comodidad y claro sin descuidar el estilismo.

Me gusto mucho el trabajo que hacen estos diseñadores y  sus dos colecciones Forste y Solsken prometen mucho, les comparto algunas imágenes para que conozcan sus diseños…

Enlace: Revista Origama

Como siempre les dejo algunos que me han llamado de atención, y al final la liga de la fuente para que puedan checar todos los diseños de portadas en diseño web.

Atlantis

Color

Smartusa

Smokeybones

Versions

Bettle

Joer

James Garner

Weare2ndfloor

OrangeQC

Unit6websites

Fuente: InstantShift

A diferencia de los graffitis tradicionales en estos se utilizan materiales que no dañan los soportes como el hilo y los textiles… Qué les parece este nuevo concepto? muy original no?

Su trabajo ha sido expuesto en galerías de Londres, Tokio, Alemania, Holanda, Zimbabwe, Australia y Estados Unidos.

Te dejo algunos de sus diseños…

Couture Shoes

]]> http://www.frogx3.com/2011/10/15/disenos-extravagantes-zapatos-por-marloes-ten-bhomer/feed/ 1 http://www.frogx3.com/2011/10/15/famosa-disenadora-monica-cordera/ http://www.frogx3.com/2011/10/15/famosa-disenadora-monica-cordera/#comments Sat, 15 Oct 2011 14:03:16 +0000 gladysnp http://www.frogx3.com/?p=9618 Mónica Cordera es una estupenda diseñadora de tan solo 24 años de edad, nacida en Villaviciosa, Asturias. En el 2003, inicia su incursión en el mundo del diseño haciendo una línea de accesorios de piel, cuentas y fornituras. En el 2004 comienza sus estudios formales de Diseño de Moda en la Escuela Superior de Diseño y Moda Felicidad Duce. Posteriormente realiza un curso de diseño de estampados en el Central Saint Martins College of Art & Design de Londres, así como un curso de Técnico de Vestuario. En el 2006 crea su propia línea de ropa y accesorios.

Los diseños de Mónica son descaradamente femeninos llenos de fantasía y sobriedad que al combinarse dan lugar a una mujer elegante, actual y con mucha personalidad. 

]]> http://www.frogx3.com/2011/10/15/famosa-disenadora-monica-cordera/feed/ 1 http://www.frogx3.com/2009/10/14/botones-de-accion-en-diseno-web-ejemplos-y-tecnicas/ http://www.frogx3.com/2009/10/14/botones-de-accion-en-diseno-web-ejemplos-y-tecnicas/#comments Wed, 14 Oct 2009 07:07:29 +0000 Jorge http://www.frogx3.com/?p=6044

Los botones de acción en las paginas web donde se promociones un software, servicios, producto y especialmente en las tiendas en linea son un elemento que debería ser considerado de una manera muy especial, no confundan este hecho con hacer un diseño extravagante para este boton, no son cosas distintas, existen muchas maneras de llamar la atención de nuestro visitante hacia un elemento especifico.

• Espaciado
• Contrastes

Son las mas basicas sin irse muy lejos, la mas efectiva es el contraste de colores, en Smashing Magazine han recopilado una serie de ejemplos de diseño de botones de acción con sus respectivas notas del porque usarlos de esa manera y claro algunos consejos y tecnicas para usar adecuada mente estos elementos dentro de tu diseño, el articulo como sabran viene en ingles pero vale la pena checarlo incluso siendo un poco intuitivo con solo ver las imagenes de los ejemplos de botones de acción se podrían dar una idea de a que me refiero.

Enlace: Call to Action Buttons: Examples and Best practices