Pero los tiempos han cambiado y ser un desarrollador frontend requiere mucho más en estos días.
Seguramente tu primer pensamiento puede ser, ¿por qué tendría que aprender a diseñar cuando todo lo que hago es codificar? La respuesta es simple. Ser capaz de tener un conocimiento básico de la manipulación de imágenes, crear componentes gráficos, retocar imágenes, diseñar interfaces de usuario o simplemente configurar cierta información usando gráficos, ilustraciones y/o imágenes para tu sitio web es una gran ventaja. Acelera su productividad y te brinda un mejor valor, ya sea que trabajes profesionalmente en una empresa o una nueva empresa o seas un desarrollador freelance.
A continuación te mostraré una lista de herramientas que puedes aprender agrupadas según los requisitos del sistema.
Herramientas de diseño que todo desarrollador frontend debería considerar aprender
En Windows/macOS
Adobe Photoshop
Adobe Photoshop es una aplicación de software para la edición de imágenes y el retoque fotográfico para su uso en computadoras Windows o macOS. Photoshop ofrece a los usuarios la capacidad de crear, mejorar o editar imágenes, material gráfico e ilustraciones.
Ilustrador Adobe
Adobe Illustrator es una aplicación de software para crear dibujos, ilustraciones y obras de arte con una computadora con Windows o macOS.
Adobe InDesign
Adobe desarrolló InDesign para el mercado de la edición de escritorio, y se utiliza principalmente para diseñar periódicos, revistas, libros, carteles y volantes. Prácticamente todo lo que tenga una gran cantidad de texto debe ir directamente a InDesign. Es hora de poner todo junto.
Adobe XD
Adobe XD es una herramienta de diseño de experiencia de usuario basada en vectores para aplicaciones web y aplicaciones móviles, desarrollada y publicada por Adobe Inc. Está disponible para macOS y Windows, aunque existen versiones para iOS y Android que ayudan a obtener una vista previa del resultado del trabajo directamente en dispositivos móviles.
Sketch
Sketch es un editor de gráficos vectoriales para macOS desarrollado por la empresa holandesa Sketch BV.Se utiliza principalmente para el diseño de la interfaz de usuario y la experiencia del usuario de sitios web y aplicaciones móviles y no incluye funciones de diseño de impresión.
CorelDraw
CorelDraw es un programa de software para editar gráficos vectoriales. Los gráficos vectoriales se crean en paquetes de gráficos y constan de objetos. Cada objeto se puede editar por separado, lo que significa que se pueden cambiar la forma, el color, el tamaño y la posición.
Compatible en Linux
GIMP
GIMP es un editor de imágenes multiplataforma disponible para GNU / Linux, OS X, Windows y más sistemas operativos. Es un software gratuito, puede cambiar su código fuente y distribuir sus cambios.
Inkscape
Inkscape es un editor de gráficos vectoriales gratuito y de código abierto que se utiliza para crear imágenes vectoriales, principalmente en formato de gráficos vectoriales escalables. Se pueden importar y exportar otros formatos.
Inkscape puede representar formas y texto vectoriales primitivos.
Figma
Figma es un editor de gráficos vectoriales y una herramienta de creación de prototipos. Se basa principalmente en la web, con funciones adicionales sin conexión habilitadas por aplicaciones de escritorio para macOS y Windows. Las aplicaciones complementarias de Figma Mirror para Android e iOS permiten ver prototipos de Figma en dispositivos móviles. El conjunto de características de Figma se centra en el uso en la interfaz de usuario y el diseño de la experiencia del usuario, con énfasis en la colaboración en tiempo real.
Canva
Canva es un sitio web de herramientas de diseño gráfico. Utiliza un formato de arrastrar y soltar. Canva se utiliza para hacer wireframes (planos) web, presentaciones de diseño, infografías, photoshops y muchos más. Hay diferentes widgets de arrastrar y soltar que facilitan su uso. También hay diferentes plantillas disponibles que podemos usar.
Pixlr
Pixlr es un conjunto de herramientas y utilidades de imágenes basado en la nube, que incluye varios editores de fotos, una extensión de navegador con captura de pantalla y un servicio para compartir fotos. La suite estaba destinada a no profesionales, sin embargo, las aplicaciones van desde la edición de fotos simple hasta la avanzada.
Polarr editor
Polarr es la herramienta más sencilla para crear tu propia estética y compartirla con los demás. • Personalice fácilmente su propio estilo con colores selectivos y superposiciones.
Fotor
Fotor es una plataforma de edición de fotografías que utiliza tecnología exclusiva para brindar un nivel sin precedentes de control de edición para todos.
El software de Fotor está disponible en todos los principales dispositivos móviles, computadoras de escritorio y en línea.
BeFunky
BeFunky desarrolla herramientas de medios digitales innovadoras que permiten a los usuarios expresarse creativamente, sin la necesidad de ningún conocimiento técnico avanzado. Nos esforzamos por proporcionar las mejores capacidades de edición de imágenes con la aplicación más fácil posible, permitiendo realmente que cualquiera sea, bueno … ¡moderno!
Menciones honoríficas
LunaPic
LunaPic es una plataforma en línea que permite a los usuarios cargar, editar y compartir sus imágenes. Después de cargar la imagen en la plataforma, los usuarios pueden agregar bordes, filtros, animaciones y más a sus imágenes.
PicMonkey
PicMonkey permite a los creativos de todos los niveles de experiencia crear imágenes de alto impacto para promover su marca personal o comercial. Sus herramientas de edición y diseño de fotos son una alternativa poderosa pero fácil de usar al complicado software de creatividad y están optimizadas para la mejor experiencia en el escritorio y el móvil.
Ribbet
Ribbet es un editor de fotos y creador de collage en línea gratuito con hermosos filtros, efectos de temporada, retoques, pegatinas y fuentes. También ofrecemos membresía Premium para aquellos usuarios que deseen aprovechar nuestras herramientas de edición Premium.
Conclusión
No es ideal dedicar tiempo a aprender todas las herramientas enumeradas anteriormente, pero saber cómo funcionan algunas definitivamente ayuda en gran medida a acelerar tu productividad personal y aumentar el valor de tu trabajo.
Elige un par de estas herramientas y aprende así sea lo elemental, créeme que todo será mejor para ti.
O dime tú lo que piensas, deja tu comentario más abajo.
