Las herramientas ciertamente no hacen al artesano, pero hacen que su trabajo sea más fácil (y sobre todo divertido).
Hay tantas herramientas disponibles hoy en día que puede ser desalentador comenzar a buscar las herramientas adecuadas para usted. En esta serie semi-regular, los diseñadores nos presentan las herramientas en las que confían regularmente; algunos pueden ser justo lo que estás buscando, otros con los que ya estás familiarizado, algunos que quizás no te gusten en absoluto.
Esta lista no pretende ser una lista absoluta del diseño, si no más bien cuáles podrían serte útil a la hora de encarar tus proyectos o cuales deberías aprender a usar si aún no lo haces.
10 Herramientas que facilitan el trabajo a un diseñador
1. Sketch
Bohemian Coding’s Sketch es un editor de gráficos vectoriales para macOS. La poderosa herramienta basada en vectores se utiliza para diseños de UI de escritorio y móviles, creando maquetas y prototipos, y también permite la colaboración entre diseñadores.
La desventaja principal de la herramienta es que es una aplicación solo para Mac, por lo que solo los usuarios de Mac pueden usar la aplicación. Aparte de eso, la herramienta es fácil de usar. No tiene una curva de aprendizaje pronunciada a diferencia de otras herramientas de diseño. La herramienta se creó estrictamente para diseñar sitios web y aplicaciones, por lo que no hay características innecesarias que agrupen la interfaz de diseño. Esto hace que el diseño sea más fácil y menos complicado. Otra ventaja es que, dado que es una aplicación basada en vectores, el tamaño de los archivos es significativamente menor.
Puede elegir entre cientos de complementos y extensiones que lo ayudan a hacer todo, desde crear gráficos con datos aleatorios, tabulares o JSON. También puede crear maquetas 3D en Sketch con control total sobre ángulos y perspectivas. También viene con un compresor SVGO, Bitmap Compressor, y permite capturar fácilmente imágenes de Unsplash.
2. Procreate
Procreate es una aplicación de ilustración digital potente e intuitiva para iPad. La aplicación le permite crear ilustraciones, animaciones, pinturas ricas y bocetos. Con sus herramientas creativas y características únicas, puede servir como un estudio de arte completo.
La aplicación viene con una gran biblioteca de más de 200 pinceles artesanales. Tienes acceso a pinceles de artista, lápices, tintas y carbón. También puede hacer sus propios pinceles personalizados o personalizar cualquier pincel para adaptarlo a su estilo con Brush Studio. También viene con un motor gráfico Valkyrie que te permite dibujar, pintar y dibujar diseños a velocidades increíbles. El motor aprovecha la tecnología ProMotion de Apple para ayudarlo a obtener el mejor rendimiento de su iPad.
También viene con características únicas como QuickShape que te ayuda a obtener la forma perfecta en todo momento y StreamLine que te ayuda a crear trazos con curvas más suaves y menos imperfecciones.
3. Dribbble
Dribbble es una red social para diseñadores. La aplicación es un recurso de referencia para descubrir y conectarse con los mejores diseñadores y creativos del mundo. Dribbble se puede utilizar para crear su cartera personal, inspirarse e interactuar con otros diseñadores.
Lo que me encanta de la herramienta es su uso de metáforas de baloncesto. Sus usuarios se llaman «Dribbblers». Los dribbblers pueden publicar «shots» (imágenes de tamaño 800 x 600). Dribbble tiene una característica conocida como «bucket» que es similar a los tableros de Pinterest. A otros usuarios les puede gustar, comentar o seguir tu bucket. También puede «rebotar» publicando un diseño inspirado en otra publicación. También puedes crear concursos de diseño conocidos como «playoffs». Las agencias de diseño pueden crear «equipos» para que sus diseñadores puedan colaborar en un solo lugar.
Dribbble también sirve como un mercado, por lo que si eres un diseñador independiente que busca trabajos de diseño, entonces debes revisar la plataforma con regularidad.
4. Adobe Capture
Adobe Capture es un potente conversor de vectores que le permite convertir imágenes en sus dispositivos móviles en patrones, temas de color, tipos, pinceles y formas. Luego puede proceder a utilizar estos activos en otras herramientas creativas como Adobe Photoshop e Illustrator.
La herramienta le permite convertir un objeto o toda su foto en un gráfico vectorial. Puede ajustar el contraste en la cantidad de detalles que desea capturar y también invertir las áreas en blanco y negro en la imagen vectorial.
Una de mis características favoritas es la capacidad de crear paletas personalizadas. Puede elegir colores de sus fotos para usar en un proyecto. Puede tomar una foto y usar los colores para crear una paleta. Entonces, si ve un diseño visualmente agradable y no sabe qué color exacto es, puede capturar la imagen y Capture creará una paleta automáticamente para usted.
Otras características interesantes con las que viene la aplicación es la capacidad de convertir cualquier parte de su imagen en pinceles, crear patrones caleidoscópicos a partir de fotos, recopilar texturas 3D y crear sus propios materiales 3D (PBR) de alta calidad para usar en Adobe Dimension.
5. InVision Studio
InVision Studio es una herramienta avanzada de creación de prototipos y animación que le permite crear diseños de pantalla basados en vectores. Gracias a sus capas flexibles y su lienzo infinito, puede diseñar flujos de trabajo a velocidades increíbles. La herramienta le permite crear prototipos interesantes, probar sus diseños y hacer cambios antes de la etapa de desarrollo, y también comunicar sus ideas de diseños con su equipo o clientes.
InVision Studio funciona tanto en Mac como en Windows. Puede importar archivos de Sketch a InVision. Algunas de sus características interesantes son el recorte inteligente de imágenes que recorta automáticamente las imágenes a medida que cambia el tamaño de la pantalla. Puede crear un prototipo receptivo sin escribir una línea de código, probar una animación o prototipo en su teléfono, crear activadores de deslizamiento para animaciones que se producen en el desplazamiento y vincular varias mesas de trabajo en una animación.
6. Wappalyzer
Wappalyzer es una herramienta que le permite descubrir con qué tecnología se crean los sitios web. La mejor parte es que es de uso gratuito y puede buscar cualquier sitio web. Viene con una extensión gratuita para Chrome, Edge y Firefox que funciona localmente y sin conexión.
La API de Wappalyzer le proporciona acceso instantáneo a la pila de tecnología de un sitio web, enriquece sus propios conjuntos de datos y analiza una gran cantidad de sitios web en tiempo real. Puede realizar hasta 1000 búsquedas a la vez.
7. CSS W3C Validator
W3C CSS Validator es una herramienta simple pero efectiva que le permite verificar la validez de estandarización de documentos web en HTML, XHTML, SMIL, MathML, etc. Para validar una URL, todo lo que necesita hacer es ingresar la dirección y ejecutar la prueba. La herramienta también detecta automáticamente la codificación de caracteres y el tipo de documento. También puede limpiar el marcado con HTML-tidy, agrupar los mensajes de error por tipo y validar los mensajes de error.
8. Figma
Figma es una herramienta de diseño UI / UX en línea que permite a los equipos colaborar en tiempo real. Con sus capacidades de creación de prototipos interactivos, puede crear ilustraciones vectoriales, aplicaciones de diseño y pantallas. Aunque es una herramienta basada en navegador, hay versiones que funcionan en Windows y Mac.
Con Figma, puede crear bibliotecas con componentes reutilizables. Cuando se actualiza un componente en la biblioteca, los cambios se realizarían automáticamente a cualquier diseño que use ese componente. Las bibliotecas del equipo están disponibles solo en la versión paga. También puede generar código CSS y SVG, iOS y Android; exportar archivos como JPG, PDF, PNG o SVG, y también importar archivos de Sketch. También puede automatizar tareas repetitivas, crear flujos de trabajo personalizados e incorporar datos mediante complementos.
9. Proto.io
Proto.io es una herramienta que le permite crear prototipos de alta fidelidad en tiempo real. Con esta herramienta, puede probar sus diseños antes de construir. Puede probar el flujo, las interacciones y las animaciones sin escribir una sola pieza de código.
La herramienta viene con plantillas personalizables que lo ayudan a crear prototipos y wireframes fácilmente. También viene con una enorme biblioteca de íconos (que incluye íconos animados) que puede ser redimensionada y recolocada. Con su biblioteca de efectos, también puede agregar interacciones, sonidos, animaciones y archivos de video a sus prototipos. Dado que es un editor 100% basado en la web, no necesita descargar ningún software.
10. Startup 3
Startup 3 es una aplicación que ayuda a los diseñadores y desarrolladores a crear temas de sitio web basados en Bootstrap. Es un poderoso generador de temas Bootstrap de arrastrar y soltar para ayudarlo a crear páginas de destino. Tiene una interfaz intuitiva y fácil de usar sin curva de aprendizaje.
Obtiene acceso a más de 300 bloques de elementos y estilos precodificados y prediseñados que puede personalizar fácilmente. Los diseños de la aplicación se optimizan automáticamente para dispositivos móviles y son compatibles con todos los dispositivos retina. También se integra con otras herramientas como Hubspot, MailChimp, Gmail y Captcha. También puede exportar todos los diseños de su sitio web (incluyendo imagen, texto y estilos) directamente a su PC.
Artículo traducido del inglés.