Herramientas y recursos para diseñar y hacer prototipos sin ser diseñador

Sobre el tema:

Contenido

En muchas ocasiones tanto trabajadores independientes como pequeñas empresas no tienen dinero para contratar a un diseñador, es por eso que te encantará este articulo.

Yo diseño desde aproximadamente los 11 años, y aunque no me dedico al diseño puedo decir que he aprendido bastante con el tiempo. Nunca he sido muy creativo para el tema de diseño gráfico, para crear de la nada, si no mas bien se me da el crear cosas a partir de otras. En otras palabras, mejorar o adaptar lo que ya esta hecho. De igual manera, domino varias herramientas diseño y ahora que estoy en trabajando el mundo aplicaciones móviles en todos sus aspectos (diseño, prototipo, desarrollo, lanzamiento, posicionamiento, etc.) me viene de lujo saber utilizarlas.

Con este articulo espero que mis queridos colegas de diseño no se sienta mal, porque aunque comparta recursos y técnicas, la experiencia y la creatividad no puede ser remplazada😉.

Recomendaciones antes de diseñar

Si no sabes de diseño te invito a leer mis recomendaciones para que intentes sacar el mayor provecho a lo que tienes

  • Olvídate de hacer cosas complejas al inicio
  • Intenta utilizar las plantillas o controles predeterminados para aprender
  • Personaliza siempre todo con los colores de la marca para darle un toque corporativo
  • No abuses poniendo el logo de la marca en todas partes
  • Ten en cuenta el tema de centralizado tanto para imágenes como textos
  • Ten cuidado con los textos pequeños
  • Intentar mantener una misma línea gráfica
  • Evitar los colores que duelen a los ojos
  • Evitar mayúsculas en todo el texto
  • Utiliza la tipografía propia de la marca o una muy relacionada
  • Evita los diseños muy cargados
  • A veces, menos es mas
  • Haz diseños adaptados según la plataforma objetivo

¿Quieres aprender a diseñar?

  • HackDesign – ¿Tienes mucho tiempo y quieres aprender a diseñar? Entonces HackDesign es para usted.
  • Checklist Design – Si está diseñando o construyendo un sitio web, estas listas de verificación pueden ser un salvavidas. 

Buenos recursos generales para diseñar

Antes de utilizar cualquier herramienta de diseño necesitarás recursos para crear tus artes, a continuación les comparto, los que para mi son los mis mejores recursos (y OJO son gratis la mayoría 😉).

Bancos de imágenes y vectores gratuitos

  • Freepik – el mejor banco de imágenes donde puedes conseguir vectores, imágenes, iconos y PSD
  • Unsplash – La fuente de internet de imágenes libre de uso.
  • Freeimages – un banco de imágenes gratuitas (antes era sxc.hu).
  • MotionArray – Descarga miles de plantillas y mucho más.
  • Vecteezy – banco con vectores gratis.
  • Vector3free – otro banco con vectores gratis.
  • Piktab – Banco de imágenes de banco de imágenes.

Banco de iconos

  • Flaticon -un banco de iconos que puedes descargar en png, svg, psd o icofont.
  • FontAwesome – uno de los kits de iconos mas populares.
  • IconMoon – Solución de iconos con pixeles perfectos.
  • TheNounProject – un buscador de iconos en vector, algunos son de pagos y otros de pago 😛

Banco de ilustraciones

  • Error 404 – impresionante para encontrar ilustraciones que puede utilizar para la página 404 de su sitio web o mostrar errores en aplicaciones móviles.
  • Smash Illustrations – personajes de moda e ilustraciones sencillas.
  • Control – ilustraciones de alta calidad en estilo sólido y lineal.
  • DrawKit – más de 220 ilustraciones gratuitas para usar y ofrecen ilustraciones animadas usando lottie.
  • Free Illustrations – muchos fondos de ilustración.
  • Mixkit – el Unsplash de las ilustraciones.
  • Delesign – muchas ilustraciones limpias de forma gratuita. Su principal punto fuerte es su diversidad.

Bancos de tipografías gratuitas

  • Dafont – un buscador de tipografías gratuitas.
  • 1001FreeFont – mas fuentes gratis bebe.
  • ConversorDeLetras – Escoge tus letras y tipografías bonitas, raras, cursivas…
  • Google Fonts – tipografías gratis y que funcionan perfectamente en navegadores.
  • FontSpark – te permite descubrir tu próxima fuente favorita generando diferentes hasta que te guste.

Colores

  • Coolors – cree la paleta perfecta o inspírese con miles de hermosos esquemas de color.
  • Paletton – crea combinaciones de colores que funcionan bien juntas.
  • ColorBox – crea una paleta de colores.
  • colors.lol – el lugar adecuado para ir a buscar paletas muy descriptivas.
  • ColorMind – genera esquemas de color mediante el Depp Learning.

Recursos para inspiración

  • Dribbble – es un portal donde se reúnen buenos diseñadores a ilustradores para compartir sus trabajos que te pueden servir de inspiración e inclusive a veces encuentras recursos gratuitos.
  • DevianARt – es otra comunidad de diseñadores donde puedes encontrar inspiración.
  • Behance – Una de las Redes Sociales para Diseñadores Gráficos más conocida.
  • Meetinarts – Red Social para Diseñadores Gráficos con perfiles artísticos.
  • Threadless – Original Red Social para  Diseñadores Gráficos e Ilustradores.

Herramientas de diseño gráfico

1. Diseñar en Power Point

Voy a iniciar por lo básico, no os imagináis los fácil que es crear piezas en Power Point, sobre todo cuando no sabes de diseño o cuando en tu oficina no te quieren pagar la licencia de Photoshop

2. Utilizar Canva

Sin duda alguna Canva es la herramienta más molona y más fácil de utilizar para crear publicaciones en redes sociales, banners, cabeceras para RRSS, posters y un poco de todo. Entre sus funcionalidades podréis encontrar las siguientes:

  • Todo drag and drop (arrastrando las cosas)
  • Te permite importar tus propias imágenes
  • Viene con plantillas ya predeterminadas para la mayoría de cosas que necesitas
  • Incluye diseños preciosos que te servirán
  • Puedes personalizar todo lo que ya viene predeterminado con tus colores y tipografías

3. Otras herramientas de diseño gráfico

  • PhotoShop – una de las herramientas que están en todas partes.
  • Illustrator – lo más puntero en ilustración.
  • Affinity Designer – un caballo de batalla profesional pensado para el usuario final.
  • PicMonkey para crear piezas gráficas con plantillas.
  • PiktoChart para crear infografías.
  • Ucraft –  si necesitas un logotipo rápido para un proyecto paralelo lo amaras.
  • RemoveBG – hace que sea muy fácil eliminar el fondo de sus imágenes.

Herramientas de prototipado

UI Inspiración

No es ningún secreto que casi el 90% de ellos irán a Behance & Dribbble. Enumeraré solo algunos de los mejores ejemplos que puede encontrar en línea hoy.

Editor gráfico

  •  Sketch – kit de herramientas de diseño para MacOS.
  • Adobe XD – crea y comparte diseños para múltiples plataformas.
  • Figma – herramienta de diseño colaborativa que amaras.
  • Invision – te permite probar tus prototipos antes de su lanzamiento.
  • Proto io – web potente para crear prototipos impresionantes.
  • Fluid – una forma gratuita y muy sencilla de crear mockups y prototipos.
  • Marvel App – sube tus PSDs y vincula tus pantallas y anima las transiciones.

Otras Herramientas

  • AppMockUp – te permite generar maquetas para Android y iPhones sin mucho trabajo

Espero que con esta lista de recursos podáis crear diseños y prototipos de forma fácil, si conocéis alguna otra herramienta que puedan recomendar la podéis dejar en comentarios 😉

Para obtener contenido más actualizado, sígueme en Instagram y LinkedIn! ¡Gracias por leer!🚀

¿Qué opinas de este contenido?
 
Luis Matos

Luis Matos

I help professionals and companies to create value solutions. I am a Systems Engineer, blockchain executive, and international mobile application speaker. Founder of the Malla Consulting Agency and several international technology communities.
Suscribirte
Notificar de
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x

Buscar en el sitio