• Programas de diseño
  • |
  • Alex Montejo

Herramientas para el diseño web y móvil que todo diseñador debe conocer

Publicado el 20-11-2020

Conoce las herramientas que pueden ayudarte para tus proyectos de diseño web y móvil. >

El mundo del diseño gráfico es inmenso pero cuando se junta con el diseño web puede ser mucho más, ¿y sabes por qué? Porque tienes que comunicarte con un programador y ambos deben estar en la misma sintonía para así crear un gran proyecto.

En Crunar usamos ciertas herramientas que nos ayudan a trabajar de la mejor manera el diseño web y móvil.

¡Te queremos compartir ese conocimiento!

Vamos allá entonces.

Herramienta número 1, ja, seguro ya la conoces, es tu pan de cada día.

Photoshop

Como todo buen diseñador sabes que esta herramienta es fundamental para el diseño gráfico y se complementa perfectamente para el diseño web.

¿Pero de qué manera podemos usarla a nuestro favor?

¿Conoces los grids?

¡Me imagino que sí!

Bien, en el desarrollo web hay una tecnología que se llama getbootstrap.com, la estructura de bootstrap para la maquetación de páginas web se basa en dividir la pantalla en 12 grids. 

Ejemplo bootstrap división de pantalla en 12 grids.

Esto se ha convertido en un referente para la maquetación web, básicamente todo programador debe conocer esto, entonces como diseñadores es perfecto adaptarse a esta forma de trabajo, nos ayudaría mucho a hablar el mismo lenguaje de ellos y avanzar de una forma práctica y sencilla.

¿No sabes como hacer el grid en photoshop?

¡No te preocupes!

Aquí puedes descargarlo  => Descargar PSD Bootstrap 4  

Número 2

Adobe Color CC

¿Y qué es Adobe Color CC?

Así lo expresa Adobe

Color es una aplicación sitio web y una comunidad creativa en la que tú y otros artistas podéis crear y compartir temas de colores e inspiración

Con eso podemos darnos una idea que podemos realizar con la herramienta.

De igual manera la aplicación de Adobe Color CC mejora el color de tus fotografías, ya que analiza el tono de las ilustraciones y busca soluciones armónicas. Así, ayuda a la combinación de paletas cromáticas de forma armoniosa para cada uno de tus proyectos.

Imagina cuanto te ayudará para todos tus proyectos.

¡Además es completamente gratis!

Eso la hace aún mejor :)

Visitar => Adobe Color CC

 

No podría faltar esta herramienta.

Número 3

Google Fonts 

 

Me imagino que ya la conoces y la has usado, es una herramienta muy completa y poderosa, no puede faltar para tu diseño web.

Es muy fácil de usar y muy intuitiva, si nunca la has usado ¡no te preocupes! la misma página te enseña cómo usarla.

Visita su página web Google Fonts

 

Número 4

Sketch

Sketch es actualmente es una de las aplicaciones de prototipado que mejores críticas recibe por parte de los diseñadores y profesionales de usabilidad. 

Nos ayuda a crear prototipos de diseño web, iOS y Android. Solamente pesa alrededor de 41 MB, en comparación con 1.6GB de Photoshop, es decir, no consume recursos. 

Tiene una interfaz de usuario familiar con una barra de herramientas, Navigator e Inspector, al igual que las aplicaciones OS X nativas. 

Como resultado, los nuevos usuarios encontrarán a Sketch como una herramienta muy simple y fácil de usar.

Visita su página web Sketch

 

Para finalizar y como número 5 tendemos a

Adobe XD

Diseña como siempre imaginaste hacerlo

Esas son las palabras de Adobe XD y con mucha razón, la herramienta es completamente gratis y puedes conectarla fácilmente con Photoshop u otra herramienta de adobe.

En ella podrás crear prototipos, diseños de interfaces y diagramas para web o móvil.

Podrás implementar paneles de diseño y autoanimaciones, agregar estilos y elementos tipográficos. 

Podrás optimizar tu trabajo en un 100%.

No esperes más y empieza a usar esta herramienta.

Visita su página web Adobe XD

¿Ya conocías estas herramientas?

Lo importante es utilizar la que mejor se adapte a tus necesidades.

 

Publicado por

Alex Montejo

Blog relacionados

 Diseño de Logos: Más Allá de lo Efímero Nuevo blog
  • Identidad
  • |
  • Jenny Bretón

Diseño de Logos: Más Allá de lo Efímero

Actualmente las tendencias vienen y van con una rapidez impresionante. Sin embargo, cuando se trata de crear un logo, seguir ciegamente estas tendencias puede ser un gran error. En este blog, explicaremos por qué no es tan recomendable utilizar tendencias efímeras al diseñar un logo y cómo puedes crear una identidad visual perdurable que trascienda las modas pasajeras.

Más Allá de las Palabras: El Diseño que Define las Elecciones Nuevo blog
  • Identidad
  • |
  • Dann Valencia

Más Allá de las Palabras: El Diseño que Define las Elecciones

En el complejo escenario de las campañas políticas, la comunicación visual se ha vuelto un componente crucial para destacar y conectar con el electorado. El diseño gráfico, con su habilidad para transmitir mensajes de manera impactante y efectiva, desempeña un papel esencial en la construcción de la imagen de un candidato. Por ejemplo, en las elecciones presidenciales de 2016 en Estados Unidos, la campaña de Donald Trump utilizó un diseño audaz y directo, destacando el lema "Make America Great Again" en gorras rojas icónicas, logrando una identidad visual memorable y fácilmente reconocible.

Beneficios de usar logos responsivos Nuevo blog
  • Identidad
  • |
  • Jenny Bretón

Beneficios de usar logos responsivos

Antes de comprender los beneficios de un "logo responsivo", es importante entender su origen, que surge de la necesidad de adaptar los logotipos y la identidad visual de una marca al entorno digital y a la variedad de dispositivos y plataformas en los que se muestran. Aunque no se trata de un término con una historia particularmente larga, su surgimiento está relacionado con la evolución del diseño gráfico y la creciente importancia de la adaptabilidad en la era digital.

Cómo el diseño se involucra en la creación de Portadas de libros Nuevo blog
  • Diseño Básico
  • |
  • Crunar Anónimo

Cómo el diseño se involucra en la creación de Portadas de libros

Las portadas de libros son las puertas de entrada a mundos literarios, portadoras de historias, emociones e intrigas. Su importancia es incuestionable, ya que a menudo son el primer punto de contacto entre un lector y una obra. Detrás de estas portadas se encuentra una combinación de arte y diseño que cumple una función crucial en la comercialización y la comunicación de la esencia de un libro. Explicaremos cómo se involucra el diseño en la creación de portadas de libros.

Suscríbete a
nuestro newsletter

Compartir