Las aplicaciones de escritorio de Adobe juegan desde hace años un papel central en el día a día de la mayoría de diseñadores pero la compañía, lejos de dormirse en los laureles, sigue experimentando nuevas ideas en el ámbito de los dispositivos móviles con el afán de revolucionar nuestro flujo de trabajo. Su última aportación es Adobe Comp CC, una sorprendente herramienta para iPad con la que podemos crear bocetos de aplicaciones móviles, páginas web y diseños para impresión en un abrir y cerrar de ojos.

Para ello, Adobe Comp nos propone el "equivalente digital a la parte de atrás de una servilleta", según lo describen ellos; un lienzo en blanco con el formato que mejor nos convenga (desde las medidas de la pantalla del iPhone 6+ al tradicional A4, una tarjeta de presentación o un las dimensiones más habituales de páginas web) sobre el que realizaremos nuestro boceto mediante una serie de sencillos gestos que la app traduce en formas y elementos que a continuación podemos editar insertando imágenes dentro de ellos, redimensionándolos o alineándolos mediante reglas inteligentes.

“Cuando Adobe se me acercó buscando ideas para una nueva aplicación de diseño, hablé con ellos acerca del potencial que el iPad tenía para los diseñadores gráficos y digitales y que no se había aprovechado. Vi una oportunidad para un producto que podría hacer el proceso creativo mucho más rico y más inmediato – y que fuera complementario para los flujos de trabajo existentes de los diseñadores.”

Así habla acerca de la criatura uno de sus padres, Khoi Vinh, antiguo director de diseño del New York Times responsable del importante lavado de cara que afrontó la web del periódico en la última década. Razón no le falta. Adobe Comp me ha ofrecido por primera vez una app de diseño para iPad que verdaderamente siento puede encajar en mi rutina de trabajo. Algo que va más allá de la mera curiosidad y que de verdad puede ayudarme a trabajar más rápido.

Esta pantalla de ayuda resume los gestos con los que iremos definiendo nuestro boceto, todo ello sin más que nuestro dedo y a pesar de la falta de precisión que podamos tener a la hora de dibujar un cuadrado, un círculo o una serie de líneas paralelas. Adobe Comp reconoce lo que estamos tratando de dibujar y lo convierte en el elemento correspondiente.

Y tras dibujar un cuadrado aquí y una caja de texto Lorem ipsum allá, definir la tipografía con las fuentes de Typekit e insertar gráficos creados en Photoshop o Illustrator, dibujos de Photoshop Sketch e Illustrator Draw, elementos capturados en Shape CC y Color CC así como toda clase de recursos de tu Creative Cloud y el Market... este es uno de los resultados que puedes conseguir en realmente poco tiempo.

El siguiente paso es exportar nuestro diseño a InDesign CC, Photoshop CC o Illustrator CC para retomar la idea donde lo dejamos y desarrollarla en nuestro Mac. Lo único que necesitas es un ID de Adobe y una cuenta básica gratuita de Creative Cloud, y si quieres, también puedes guardar tu composición en jpg o compartirla por mensaje, correo electrónico...

Por último, otro detalle interesante de la app es la línea de tiempo infinitiva, es decir, que los pasos que realizamos desde que nos enfrentamos al lienzo en blanco hasta alcanzar la composición final forman un historial por el que podemos movernos en cualquier momento deslizando tres dedos por la pantalla, lo que nos ofrece desde un método sencillo para deshacer el último paso a un sistema para mostrar el proceso creativo que hemos seguido y exportar algún punto concreto de esta línea de tiempo.

Adobe Comp CC está disponible de forma gratuita en la App Store. Si os dedicáis al diseño, echadle un ojo, veréis qué es lo que se puede conseguir con una app ideada desde cero para utilizarse con tablet, sin las ataduras de tener que adaptar la filosofía de alguna otra aplicación de escritorio anterior.

En la App Store | Adobe Comp CC (gratis)

No todo han sido presentaciones de nuevos productos hoy en Cupertino. A la aparición de una web mucho más social para la keynote se le ha unido el rediseño completo de su web corporativa, dejando atrás ese menú superior que tanto nos ha acompañado durante los últimos años para pasar a tener un diseño mucho más plano y acorde con los nuevos tiempos en el diseño web.

Este nuevo diseño nos presenta una barra superior de color gris que ocupa todo el ancho de la ventana pero de una forma bastante tímida, ya que deja espacio suficiente para que las diferentes secciones cojan protagonismo. Las fotografías de gran tamaño son ahora las protagonistas, así como los carruseles con efectos de animación y los submenús en cada sección que nos ayudan a navegar por las mismas.

En este nuevo rediseño cada sección tiene personalidad propia. Así la sección de Mac nos enseña los diferentes modelos con un submenú y unos efectos muy divertidos sobre la fotografía del portátil, en la de iPhone cobra gran protagonismo el iPhone 6 con imágenes de gran tamaño y un menú en rejilla junto a la palabra "Explorar" que nos permite ver todas las características del dispositivo; del mismo estilo es la de Apple Watch, con especial atención a la personalización del nuevo reloj de Cupertino. Y si echamos un vistazo a la sección iPad, veremos que hacen especial hincapie en los anuncios que hemos visto hasta ahora.

Mención especial merece la tienda online, la cual sigue teniendo un diseño similar pero con especial atención, una vez más, en enseñar los productos con grandes imágenes. Parece que Apple quiere aprovechar al máximo las pantallas y enseñar con todo lujo de detalles sus productos. Estéticamente este nuevo diseño está muy conseguido, deja atrás el anterior pero no es tan rompedor como para que le resulte extraño al visitante habitual.

Sprite Master es una aplicación para OS X que permite generar de forma rápida y sencilla una hoja de sprites que podremos usar en nuestra web por ejemplo. Una aplicación que no es imprescindible pero sí puede resultar útil para algunos usuarios.

Los que estéis menos puesto en temas de diseño web tal vez no sepáis que para agilizar los tiempos de cargas de una web se suele utilizar un único archivo con las imágenes que se usarán en botones, logo, etc…

De esa forma, cuando la web carga por primera vez lo hace también dicho archivo. Así evitamos nuevas cargas al mantenerse en caché acelerando todo. Para luego usar cada sprite usamos CSS que determinará la posición y mostrará sólo el elemento que queremos. Además se puede usar con motores de juegos como Cocos2D, Corona, LibGDX, etc.

Con dos versiones, una gratuita y otra de pago, Sprite Master se puede descargar a través de la Mac App Store. Como os digo no es una aplicación para todo tipo de usuarios, tiene su nicho y los usuarios más avanzados harán todo esto de forma manual pero si podemos acelerar el trabajo mejor.

El precio de Sprite Master es de 8,99 euros.

Descargar | Mac App Store

Adobe ha lanzado hoy una versión preliminar pública de Muse, una aplicación destinada a los diseñadores que quieren crear páginas web en HTML5 sin esfuerzo ni conceptos del código. Se podría decir que es “el iWeb de Adobe”, pero más adaptado a los tiempo que corren.

Supimos de Muse a principios de este año, cuando empezaron a surgir las primeras pistas de la sexta versión del paquete Creative Suite de Adobe. El programa acentúa más ese salto que está dando la compañía hacia HTML5 juntamente con Edge, una alternativa a Flash que crea animaciones complejas usando el nuevo estándar web que apareció hace dos semanas. Según Adobe, el objetivo es ofrecer una herramienta de calidad a todos aquellos profesionales que diseñan páginas web y no quieren tocar ni una línea de HTML, CSS o Javascript. Definitivamente, Muse no será el programa favorito de los que prefieren usar el código web para ir generando el contenido.

Adobe Muse es gratuito al ser una versión Beta (cuando se lance oficialmente pasará a tener un precio que aún desconocemos), y es compatible con Mac OS X. Para instalarlo necesitaremos tener también la plataforma Adobe AIR instalada.

Vía | Genbeta > CNET
Sitio oficial y descarga | Adobe Muse

Este programa va dirigido, sobre todo, a los diseñadores web que cuidan los diseños de sus páginas para que sigan los protocolos del consorcio de la WWW, de forma que cumplan los estándares de la última revisión del HTML.

Como sabéis, la página que "verifica" nuestros diseños puede ser poco accesible si no disponemos de conexión a internet, aunque para ello está éste Validator S.A.C.: una aplicación cliente que hará exactamente lo mismo sin necesidad de estar conectados.

Gratuito y universal, nunca está de más tenerlo en alguna carpeta de nuestro Mac por si nos hace falta...

Vía | iUseThis Sitio oficial | Validator S.A.C.