Aplicaciones y Herramientas

Top 10 herramientas de diseño web

Por Alex Vazquez
Top 10 herramientas de diseño web

Que el diseño web ha llegado para quedarse es una obviedad, y para todo aquel que aún tuviera dudas, la pandemia y su confinamiento ha sido un baño de realidad.

La llegada del teletrabajo, las aplicaciones para comunicarnos o la gran cantidad de tiendas que han tenido que adaptarse y crear su propio e-commerce son un claro ejemplo de cómo el diseño web se ha convertido en uno de los principales puntos de estrategia comercial para cualquier negocio.

Un buen diseño web, puede suponer el éxito más rotundo para tu empresa, por ello desde Palbin, queremos enseñarte un listado de las mejores herramientas para facilitar y mejorar el diseño de tu página web.




Las mejores herramientas para tipografía

Empezar con buena letra, es siempre un éxito en el mundo del diseño, por ello, prestarle atención a la parte tipográfica, es una de las principales tareas que tendrás que imponerte cuando comiences a diseñar tu web.


WhatFont

Sin duda, una de las mejores extensiones para encontrar recursos tipográficos. Con esta extensión para tu navegador de Google, podrás descubrir cual es esa tipografía que tanto te había gustado y que tan bien quedaría en tu web. Solo tienes que instalar la extensión y empezar a buscar tipografías por todos sitios web que visites. con solo pasar el ratón aparecerá un pequeño mensaje con el nombre de la fuente, tamaño, peso, estilo. Una valiosa información para aplicar en tus próximos diseños.


TypeWonder

Se trata de una nueva herramienta aún en desarrollo pero la cual ya puedes empezar a probar con su versión Beta. En TypeWonder podrás elegir cualquier web que desees (incluida la tuya) ver como quedarían con otra tipografía totalmente nueva. Un recurso realmente útil para hacer pruebas tipográficas sin necesidad de modificar tu sitio, o al menos hasta que no encuentres esa nueva tipografía con la que hacer que tu web luzca como recién salida del horno.

Calligrapher

si eres de esos a los que es gusta el estilo handmade, esta herramienta tipográfica es para ti. Calligrapher se trata de una herramienta online que te permite digitalizar tus textos escritos a mano y crear de esta forma una tipografía totalmente única y 100% hecha por ti, algo que muchos valoran a la hora de crear una web que muestre su esencia persona. El proceso es tan sencillo como escribir tus letras en una hoja, subir una foto a la web y realizar una pequeña configuración. 3 pasas y listo! una fuente totalmente personal con la que sorprender a los usuarios de tu web.


herramientas tipograficas online caligraphr


Llena tu web de imágenes de calidad

Si la tipografía y cómo trabajas tus textos son un pilar en todo buen diseño web, las imágenes que decoran tu sitio web, no se quedan atrás en cuanto a importancia. Algo que siempre has de recordar a la hora de incorporar fotos en tu web es trabajarlas con el tamaño exacto al que se van a mostrar para mejorar así la velocidad de carga.


Page Ruler

Para evitar problemas con el tamaño de tus fotos, lo mejor es saber el espacio libre del que dispones en tu web.

Para ello, Page Ruler, es una extensión que podrás añadir tu navegador y medir con exactitud cada uno de los elementos de la página. En el caso de Palbin, nuestro sistema, ya se ocupa de forma automática de comprimir las imágenes al tamaño ideal, pero siempre es una buena idea trabajarlas previamente para evitar cargas lentas o quedarnos cortos de espacio sobre todo si nuestro hosting cuenta con la memoria justa.


Canva

Una vez sepas el tamaño que han de tener tus fotos, es hora de hacerte con las de imágenes de mejor calidad.

Para ello que mejor forma que tener imágenes totalmente personalizadas y con un diseño a tu gusto. En Canva encontraras una solución fácil y rápida a como afrontar la edición de tus imágenes. Se trata de un programa online, disponible para web y app móvil que te permite crear composiciones de todo tipo. Encontrarás un gran numero de plantillas y diseños predefinidos que te facilitarán mucho el trabajo, y en caso de ser de esos a los que le gusta crear diseños personalizados, su amplio listado de recursos te permitirán diseñar imágenes o vídeos totalmente únicos.

Esta herramienta de edición de imagen online, es perfecta para aquellos que quieren crear contenido para sus redes, tener banners en su web con un diseño original y llamativo, o para aquellos que están pensando en crear o cambiar su marca personal. Sin duda una de las mejores opciones para editar y crear imágenes de forma online.


Canva herramientas para imagenes online

Crello

Si Canva te ha gustado, pero te ha sabido a poco, te traemos otra herramienta de creación y edición de imágenes online, con algunas características similares, pero una serie de recursos de lo más interesantes. Con Crello, crear contenido visual será más fácil que nunca. Se trata de una herramienta que te permite trabajar tanto foto como vídeo, algo realmente útil si queremos crear un contenido visual atractivo e innovador. Con su prueba gratuita de 14 días, podremos comprobar como las mas de 30.000 plantillas profesionales o su banco de imágenes con mas de 500.000 fotos premium, son más que suficientes para conseguir espectaculares diseños.

Algo que nos ha parecido realmente interesante, es su capacidad para crear contenido animado. Empleando sus plantillas y recursos, solo tendremos que componer los elementos de la forma que mas nos gusta y exportar nuestro nuevo vídeo o giff.


Aplicaciones gratuitas para paletas de color

Acertar con el color es una de las tareas más importantes a la hora de realizar cualquier diseño, y más aún si hablamos de diseño web. Esta importancia radica no solo en tener uno buena combinación de colores para tu página web, sino en plasmar correctamente tus colores corporativos.


Adobe color

Desarrollada por la empresa Adobe, se trata de una herramienta web que te permite crear tus propias paletas de color. Podrás trabajar estas con una gran formas de reglas armónicas (triadas, complementarios, monocromáticos…). Podrás conseguir tanto los códigos de color RGB, CMYK y hexadecimal, entre otros. También dispones de una sección “explora” para ver diversos ejemplos de paletas de color creadas por otros usuarios.


Colorzilla

Esta vez se trata de una extensión para tu navegador. Con ella podrás conseguir el color hexadecimal de cualquier elemento que encuentres en tu navegador. Podrás también crear avanzados gradientes de color.

Y lo mejor, tan solo tendrás que copiar y pegar el código en el editor web que estés utilizando. Por ejemplo, en Palbin.com, con estos códigos de color, podrás personalizar casi cualquier elemento, desde tipografías, botones, fondos...y tan solo cambiando el código hexadecimal en el editor de cada elemento.


aplicaciones de color para diseño web


Apps para cambiar el código html y css de tu web

Una de las cosas que más diferenciará tu web es que aprendas a modificar el código de tu editor online. En muchos casos tendrás un acceso directo a tu css, o podrás añadir elementos, en ocasiones incluso, podrás acceder a este css a través de plugins ofrecidos por el propio editor web.

En Palbin.com hemos decidido simplificar esto y ponemos a tu disposición un editor de css incorporado en tu sección de diseño, con lo que solo necesitarás localizar el elemento que quieres modificar, mediante el inspector de tu navegador, y añadir las nuevas etiquetas css.


DevTools

Entrando en materia algo más compleja, la herramienta desarrollada por Google permite crear y depurar tu web gracias a una serie de herramientas para desarrolladores. Usa Dev Tools para crear y depurar tu sitio.

No te asustes por los aspectos más técnicos, en el enlace que dejamos a tu disposición, podrás informarte de todo sin problemas.


Editor html de Palbin

Se trata de nuestro Editor Web gratuito para crear tu página de contacto o de portada arrastrando y soltando componentes como si estuvieras dibujando sobre un lienzo en blanco. Basado en un sistema Drag & Drop, personalizar tu web al 100% será muy sencillo. Tan solo tienes que seleccionar el widget que quieres añadir, configurárlo y darle el estilo que desees. Si quieres saber más entra en Palbin.com.


editores de código online para diseño web


Manos a la obra

Ahora que ya tienes en tu mano una gran cantidad de recursos para trabajar tu página, no tienes excusa para lograr el mejor diseño web posible.

Desde Palbin.com ponemos a tu disposición nuestro editor web basado en un sistema drag & drop, con lo que construir tu e-commerce será pan comido.

Es hora de ponerse en marcha. Recuerda comentarnos si te han sido útiles estas referencias o si conoces otras herramientas de diseño.

¡A diseñar!


Si te ha gustado el post, no seas egoista y comparte 😉

¿Quiéres mejorar tu e-commerce?
x
Academia digital

Únete a nuestra Academia Digital y recibe los mejores trucos y consejos sobre Comercio Electrónico y Marketing Digital diréctamente en tu correo.

Recibirás un email para confirmar tu suscripción.

Comentarios


No se encontraron resultados.

Deja un Comentario

Tu email no será publicado


©2020 Siokia SL | Palbin.com: Crea tu tienda en dos pasos, 1 y 2. Condiciones de uso y Política de privacidad