Herramientas de diseño que cambian el juego en 2015

Una gama completamente nueva de herramientas de vanguardia lleva prototipos, colaboración y diseño digital en nuevas direcciones y facilita la creación de hermosos sitios web para desarrolladores de WordPress. La web ha evolucionado durante más de dos décadas, pero las herramientas que usamos para diseñar no siempre han seguido el ritmo del entorno en sí. A medida que las tendencias de diseño continúan evolucionando rápidamente, con el diseño en movimiento, la capacidad de reacción y el uso intenso de imágenes que están en el centro de atención, la necesidad de una nueva generación de herramientas de diseño verdaderamente multifuncionales nunca ha sido mayor.
Entonces, en la publicación de hoy, ejecutaremos la regla sobre la última serie de competidores para su dólar de diseño, con una visión introductoria de herramientas como Sketch, Macaw, Adobe Creative Cloud Animate y Project Comet que se lanzará pronto. También veremos cómo se usó Sketch para proyectos de alto perfil. Diseño web pasado y presente fui muy lejos ya que Tim Berners-Lee hizo que las cosas regresara en 1991 con el primer sitio web en la página de texto puro con una docena de enlaces. El diseño web ha pasado por cambios monumentales desde entonces (especialmente para mejor) y se puede dividir en cuatro grandes épocas que conducen hoy:
Nacimiento, como sabe cada hijo de los 90, no había Internet de “alta velocidad”. Este fue un período en que las páginas web consisten principalmente en el texto, con solo una imagen ocasional. Se dominaron los hipervínculos, párrafos y encabezados, y cualquier estilo elegante tuvo que romperse con interminables mesas y gifs. Javascript y Flash despiertos comenzaron a abrir nuevos mundos de posibilidades a mediados de la década de 1990. La aparición a gran escala de CSS en 1998 finalmente comenzó a dar a los diseñadores algunas opciones para poner sus dientes. Revolución La apariencia de la Web 2.0 puso el diseño aún más en primer plano que realmente descubrimos en la era web móvil. El diseño receptivo es una necesidad, y los dispositivos de todas las formas y dimensiones pueden gestionar de manera confiable las tendencias modernas, como el diseño en movimiento, el uso intenso de videos y la tipografía fuerte. Hasta hace poco, las herramientas involucradas en la creación de todas estas etapas de diseño se han mantenido notablemente consistentes con el tiempo: código y marcado, Photoshop y fuegos artificiales para imágenes y flash para animación, video e interactividad. Pero estimulado por la revolución móvil, los últimos años finalmente han visto una nueva generación de herramientas de diseño que pueden usurpar a la antigua guardia y responder al desafío de un mundo de base múltiple, basado en aplicaciones.
Vamos ahora a nuestra lista con las principales soluciones de diseño de próxima generación.
Bosquejo
Miramos a Sketch en profundidad la semana pasada, pero es tan bueno que lo trataremos brevemente aquí. El boceto de Bohemian Coding ofrece a los diseñadores potencia, flexibilidad y velocidad en un paquete fácil de usar, basado en vectores. En comparación con activar un monstruo como el ilustrador, arrojar rondas de diseño en boceto es una delicia. La única desventaja potencial es que se desarrolla exclusivamente para Mac, por lo que los usuarios de PC quedan algo en el frío. ¿Por qué usar Sketch? El boceto se ha desarrollado desde cero para un diseñador gráfico moderno. Proporciona soporte para múltiples páginas y tableros e integran funciones fuertes, como símbolos y estilos compartidos para facilitar la reutilización de elementos. La promesa de Sketch para los usuarios está bien resumida en la página de inicio: “Finalmente, puedes concentrarte en lo que mejor haces: diseño”. Es un gran reclamo, pero el flujo de trabajo basado en vectores completos que el software permite mucho en su logro y se ajusta perfectamente en términos de diseño tanto para escritorio como para dispositivos móviles.

Objetos de precisión con boceto. Aquí hay una lista rápida de solo algunas de las posibilidades que boceto aporta a la mesa:
Formas vectoriales escalables que se adaptan al cambio de dimensiones, estilos y modelos.

Formas vectoriales complejas fáciles de editar.
La capacidad de redondear formas y capas al píxel más cercano.
Una función de zoom de píxeles para cambiar entre vistas.
La reproducción nativa del texto que muestra exactamente cómo aparecerá realmente el texto.
La capacidad de crear fácilmente varios elementos gráficos reutilizables.
Opciones simples para exportar, cortar y cambiar el tamaño de los activos.
La capacidad de obtener una vista previa de diseños en dispositivos iOS.
Solo USD 99 para una licencia, Sketch es indudablemente con un precio muy bajo por el valor que ofrece. La codificación bohemia también ofrece un excelente apoyo si tiene dificultades y varias comunidades animadas para involucrarse.
Teniendo en cuenta todas las cosas, no es difícil entender por qué el boceto se elevó en la parte superior de la lista de herramientas de diseño modernas más utilizadas. Es simplemente un imprescindible. ¿Estás interesado en Sketch?
Detalles
Guacamayo
El eslogan de Macaw “Deja de escribir código, comienza a dibujarlo” resume adecuadamente qué es esta herramienta de diseño de vanguardia. Ofrece a los diseñadores el conjunto de herramientas con las que están familiarizados, pero también lleva HTML y CSS en Backend. Piénselo como si tuviera su propio programador personal detrás de escena mientras diseñaba.
La salsa secreta detrás de Macaw es Stream, un motor en tiempo real que permite a los usuarios manejar los elementos en la pantalla de manera photoshop, mientras que se trata mágicamente de las matemáticas necesarias en segundo plano. El peso real con respecto a la conversión de todos ellos en HTML y CSS está hecho por el motor de código de diseño de alquimia bien callado. Las salidas de marcado de guacamay se adaptan a la receptividad y son de manera semántica y notablemente ajustada para algo que no se enrolla manualmente. Para cualquiera que haya perdido innumerables horas preciosas luchando con la apariencia una vez que los dibujos pasan la etapa modelo en el pasado, esta combinación es un hombre divino absoluto. Prominentes como Mike Finch: “No sé qué brujería uso para crear el código , pero es increíble y hermoso “. – Mike Finch, diseñador de productos en Facebook. Aquí hay una lista rápida de solo algunas de las características notables de Macaw:

Los puntos de interrupción para múltiples dispositivos se pueden establecer fácilmente.
Las cuadrículas receptivas y flexibles vienen de serie.
Los comandos tipográficos sofisticados le permiten ingresar fuentes web en un momento.
Fácil acceso visual a la gama completa de funciones modernas de CSS.
La capacidad de usar componentes para almacenar elementos de biblioteca reutilizables.
Espacio perfecto de píxeles y comandos de posicionamiento.
Puede ver una gama completa de videos que exploran aspectos específicos en profundidad de la funcionalidad de Macaw en su sitio web.
MACAW está disponible para Mac y PC y es un robo absoluto de solo $ 79. Con la capacidad de generar automáticamente un marcado extremadamente utilizable, recuperará esa cantidad en términos de tiempo ahorrado en unas pocas horas de uso. ¿Estás interesado en MacAw? Detalles
Adobe Creative Cloud Animate
Adobe Creative Cloud Animate permite a los diseñadores web crear animaciones HTML interactivas para la web, publicidad de medios rica y publicación digital. Inicialmente presentada como una alternativa de Flash, el software le brinda un conjunto intuitivo de herramientas de diseño para crear contenido receptivo para todos los dispositivos, cuidando al mismo tiempo por CSS, HTML y JavaScript necesarios bajo el capó.

Adobe animado
Los usuarios de Adobe Ordinary no tendrán problemas para familiarizarse con la interfaz general y hay un mundo de recursos útiles para continuar explorando en el sitio web de Adobe, incluidos tutoriales, manuales de usuarios y mejores prácticas para gráficos. Aquí hay una lista rápida de algunas características clave ofrecidas por Adobe Edge:
Sin dependencia de las bibliotecas de tercera parte.

Una lista reducida de archivos de salida del proyecto a administrar.

Archivos personalizados para rescate de medios, imágenes y scripts.
Soporte integrado para el video HTML5.
Copiar e inserción de la funcionalidad para mover fácilmente el trabajo SVG de Adobe Illustrator.
Una cronología intuitiva para secuencias animadas clave.
Adobe Edge está disponible como parte de Creative Cloud Suite como una sola aplicación o como parte de un paquete, con precios que varían según el territorio.De ninguna manera es una aplicación de diseño universal, pero es una opción muy útil para recopilar rápidamente contenido animado, una tarea que puede ser infernal si intenta hacerlo manualmente.¿Estás interesado en Adobe Creative Cloud Animate?
Proyecto Cometa
El proyecto Comet aún no ha salido en las calles, pero es el intento más nuevo de proporcionar una herramienta de diseño verdaderamente todo en uno, que combina diseño visual, marco de alambre, creación de prototipos y vista previa en un solo paquete elegante. El proyecto Comet se anunció recientemente en la conferencia anual de Adobe Max, pero no se espera que se entregue hasta principios de 2016, por lo que el jurado está muy interesado en ella hasta ahora. Khoi Vin tiene una primera información sobre qué esperar con el posible lanzamiento, y una entrevista con la directora de marketing de productos, Jane Brady La base de nuestros clientes y notaron que algunos clientes se estaban alejando del boceto utilizado por Photoshop en algunos casos, y parece que hay dos campos diferentes a este respecto. Las primeras fueron las personas que hicieron un diseño difícil de aplicaciones, porque es tan repetitivo crear todos esos diferentes botones para diferentes dispositivos y dimensiones, y descubrieron que Photoshop no era suficiente rendimiento y que estaba demasiado en él. No lo necesito: el boceto estaba mucho más concentrado “. Jane Brady – Directora de marketing de productos Adobe. Solo el tiempo le dirá si Adobe puede recuperar algunas de las ventajas que dejó para escapar con este lanzamiento de 2016, pero definitivamente vale la pena prestar atención. ¿Estás interesado en Project Comet? Detalles
Cómo los proyectos en el mundo real están utilizando Sketch ahora que hemos cubierto algunas de las herramientas de diseño del estado, para concluir con algunos ejemplos del mundo real del boceto. Sketch estaba a la vanguardia de una encuesta reciente de herramientas de diseñador y encontró, de hecho, el favor de los equipos de diseño muy altos. Sketch en Google Sebastian Gabriel de Google usa Sketch para trabajar en la aplicación Pixate Mobile Interaction. Le gusta “la facilidad con la que puede exportar muchos activos, flexibilidad y simplicidad de su interfaz de uso. Además, el hecho de que la aplicación en sí sea fácil (junto con los archivos que crea) es una gran ventaja ”. Dibuje en acción con los equipos de Google. Sketch en Hackingui Sagi Shrieber, el cofundador de Hacking, utiliza Sketch para su trabajo diario en Similarweb. La función de panel de arte múltiple de Sketch es increíblemente útil cuando se trata de crear imágenes presentadas para piratería y también usa la aplicación para rondas de diseño rápidamente.
Hackingi utilizando la función de gráficos de Sketch. Uso de Sketch para optimizar las cargas de la tienda de aplicaciones de Brendan Mulligan Mulligit para crear un instrumento para ayudar a generar las imágenes de la tienda de aplicaciones para todos los tamaños de iPhone. La aplicación Sketch to App Store utiliza símbolos de boceto y estilos de texto para crear fácilmente capturas de pantalla, por lo que no es “un gran dolor crear capturas de pantalla para iTunes Connect”.
El boceto a la aplicación App Store. Elegir la herramienta de diseño adecuada para su diseño digital es un dominio de rápido movimiento, pero la nueva generación de herramientas de diseño que hemos introducido lo ayuda especialmente a crear obras maestras para más dispositivos, rápido y fácil. Recapitulemos brevemente nuestras selecciones: Sketch: Sketch ha capturado el corazón de los diseñadores de todo el mundo en los últimos años, con su flujo hermoso, simple y vectorial.
MACAW: Si está cansado de lidiar con el marcado personalizado, Macaw le permitirá crear, mientras que el software está a cargo del terrible trabajo.

Adobe CC Animated: Crear animaciones convincentes que se mostrarán en cada dispositivo es un problema con Adobe Creative Cloud.
Proyecto Comet: uno para el futuro. Será fascinante ver si Adobe puede recuperar su corona de diseño en 2016.
¿Ya está a bordo con alguna de estas herramientas de diseño de State -The -Art? Comparta sus pensamientos y experiencias con ellos en los comentarios a continuación.

Etiquetas:

diseño