diseño

La decisión de Adobe de abandonar Fireworks.

por admin. 0 Comentarios

Fireworks

Este año que termina Adobe ha decidido no continuar con el desarrollo de Fireworks, la herramienta de diseño y desarrollo para páginas web y aplicaciones. Desde entonces ha habido muchos comentarios en la red criticando a Adobe e incluso una petición de firmas para que Adobe libere el código fuente de la aplicación y deje que lo desarrolladores continúen su desarrollo. Adobe se ha empeñado en que los diseñadores usen Adobe Photoshop para el diseño web e interfaces creando nuevas funciones exclusivas para ello, pero la verdad es que Photoshop está lejos de ser la herramienta ideal para ese tipo de trabajos, está mucho mas enfocada al diseño de impresión y el retoque de fotografías. Los diseñadores web no necesitan una aplicación tan pesada ni tan costosa. Por no hablar del formato nativo de Photoshop (PSD) el cual tiene muchos inconvenientes frente al PNG.

En el trabajo diario del diseño web o diseño de interfaces de usuario (UI) surgen muchas necesidades que Fireworks cubre perfectamente y que Photoshop no hace;

– Fireworks utiliza PNG como formato nativo, formato mas liviano que el PSD y que además puede leer cualquier navegador web.

– Fireworks es una herramienta excelente para crear prototipos web y de aplicaciones y está enfocada a ello con herramientas específicas como la creación de múltiples páginas, estados, símbolos, herramientas que Photoshop no tiene.

– Con FW es posible abrir archivos de Illustrator totalmente editables. También se pueden guardar los archivos como Ai o EPS.

– Las Master Pages son fundamentales para el diseño de una web o aplicación multipágina porque permite crear secciones como la cabecera o el menú y utilizarlas en todas las páginas sin tener que copiarlo en cada una.

– Las herramientas de exportación de páginas o zonas de la página de FW es mucho mejor que la de Photoshop.

– En FW se puede exportar una sola página o todas de una vez y que cada página tenga un tamaño determinado, lo cual es ideal para crear diseños para diferentes soportes. Illustrator tiene las multipáginas que funcionan de forma similar.

– A la hora de presentar al cliente una prueba de una web o aplicación, con Fireworks puedes crear el prototipo html de forma que el cliente puede ver en su navegador como quedará la web, utilizando los botones del menú y viendo la interactividad real de la web navegando entre todas las secciones sin tener que escribir nada de código. En Photoshop simplemente no existe esa posibilidad. Para mi esta es una de las características mas importantes de FW en la ”Vida Real”. Cuando un cliente encarga el diseño de una web y quiere ver una prueba lo que quiere es abrir su navegador y ver como quedará su página y navegar entre las secciones y no ver un pdf estático con indicaciones escritas.

– La utilización de símbolos también es importante y mejora notablemente la productividad. Puedes cambiar múltiples botones o secciones de la web simplemente cambiando un solo símbolo.

– La herramienta Encontrar y sustituir permite sustituir un texto, color y otras propiedades de forma automática en una sola página o en todas. Si por ejemplo el cliente solicita un cambio de tipo de letra con esta herramienta se pueden cambiar todos los textos de toda la web de una sola vez.

– Existen infinidad de extensiones que hacen de Fireworks una herramienta aún mas poderosa; en la página de John Dunning se pueden encontrar muchas de gran utilidad como Generate web assets, que crea imágenes directamente sin tener que crear Slices, SVG para trabajar con el formato vectorial SVG en FW, Lorem Ipsum, que crea texto ipsum directamente en FW, GRIDS, para crear Grids que facilitan el diseño web, etc … Si quieres leer mas sobre el trabajo con extensiones en Fireworks pulsa aquí.

– Cuando se trabaja con patrones y componentes se suelen crear librerías que se guardan para su utilización en varios proyectos, especialmente cuando se trabaja en equipo. Una combinación excelente para trabajar con patrones se consigue con Fireworks y Evernote. Mas información >>

Existen millones de comentarios en la web criticando la decisión de Adobe y francamente espero que escuchen a los usuarios de sus aplicaciones y creen una herramienta que se adapte realmente a las necesidades del diseño web/UI. Dicen por ahí que Adobe ya está trabajando en una nueva herramienta …. ojalá !! Yo de momento sigo usando FW, sin duda la mejor herramienta para diseño en pantalla actual.

Mas información:

Extensiones para Fireworks
Artículos de Smashing Magazine sobre Fireworks
Firma la petición para liberar Fireworks

Adobe presenta la nueva suite Adobe CS6

por admin. 0 Comentarios

Adobe cs6 Suite
Adobe ha presentado la nueva versión de la suite CS, en concreto la Creative Suite 6 con nuevas características en cada programa y nuevos programas.

El principal cambio es el modelo de negocio ya que ahora se podrá pagar una suscripción mensual de 50 dólares o 29,99 a los clientes que tuvieran una licencia de CS4 o CS5.

Además han presentado un sistema de trabajo en la nube con 20 Gb de forma que todo el trabajo se sincronice en todos los dispositivos del usuario y así poder trabajar en el proyecto desde el ordenador principal, el Ipad, el portátil, etc …

He estado echando un vistazo a las novedades de los programas y hay algunas sorprendentes como el nuevo parche de Photoshop que permite mover objetos de forma fácil mientras PS se encarga de rellenar el contenido.

Dreamweaver ahora facilita el “diseño responsivo” de forma que se puede diseñar con CSS3 Media Queries para diferentes dispositivos. También facilita el diseño y desarrollo de aplicaciones para móviles con PhoneGap.

De Illustrator destacar la nueva herramienta de creación de patrones y la posibilidad de crear degradados en los trazados (por fin !!)

Flash no esta muerto y también trae novedades interesantes como un generador de Sprites o la capacidad de exportación a HTML5

Obviamente Indesign, After Effects, Premiere y las demás herramientas de la Suite también traen novedades, si quieres ver todas las novedades puedes visitar la página de Adobe o echa un vistazo al artículo de Creative Bloq donde hacen un detallado análisis.

Imagen: Adobe

Adobe muestra un vídeo de Illustrator CS6

por admin. 0 Comentarios

Illustrator cs6

Después de Photoshop CS6, Adobe ha presentado en vídeo algunas de las nuevas características de Illustrator CS6, la nueva versión del famoso programa de dibujo vectorial, entre ellas la interfaz en color oscuro de forma que en la nueva versión del paquete Adobe las aplicaciones tendrán la interface similar.

Las nuevas características serán las siguientes;

• Soporte 64 bits.
• Mejoras en la interfaz
• Nuevo modo simplificado de creación y edición de motivos.
• Nueva herramienta mejorada de vectorización a partir de imágenes en mapa de bits.
• Generación automática de esquinas en pinceles de motivo.
• Flujos de trabajo más rápidos para diseños web e interactivos.
• Integración con Maestro y CS Review.

Por cierto, Adobe Illustrator cumple ya 25 años !!

Mas información sobre el nuevo Adobe Illustrator y vídeo presentando las nuevas características aquí.

Información sobre Adobe CS Review aquí

Probando la última versión de Photoshop CS6

por admin. 0 Comentarios

Photoshop cs6

Como todo el mundo sabe ya a estas alturas ha salido una beta de Photoshop y Adobe la ha hecho pública de forma que cualquiera puede descargársela y probarla.

Lo primero a destacar es su nueva interfaz gris oscuro como ya tenía Lightroom pero tiene muchas mas novedades como la capacidad de editar vídeo sin salir del programa, buscador de capas, nuevos pinceles y herramientas de retoque.

Si queréis saber mas podéis visitar la página de Adobe tv o ver los videotutoriales de Video2Brain

Considiom, formación y desarrollo

por admin. 0 Comentarios

 

Considiom

Recientemente me han encargado el diseño de la imagen corporativa para Considiom, empresa de formación y desarrollo para empresas.

El cliente quería un logotipo sencillo que simbolizara la formación, comunicación y conexión entre profesionales.

También me encargó el diseño de la web, actualmente en desarrollo.

Los colores elegidos han sido el rojo y el gris, el primero simboliza vitalidad y fuerza y el segundo inspira creatividad y simboliza el éxito.

[nggallery id=1 template=galleryview images=0]

La web temporal la podéis ver aquí