{"id":313,"date":"2018-07-16T13:56:11","date_gmt":"2018-07-16T11:56:11","guid":{"rendered":"https:\/\/www.akademus.es\/blog\/?p=313"},"modified":"2018-11-15T11:08:35","modified_gmt":"2018-11-15T10:08:35","slug":"herramientas-diseno-web","status":"publish","type":"post","link":"https:\/\/www.akademus.es\/blog\/audiovisuales\/diseno-grafico\/herramientas-diseno-web\/","title":{"rendered":"10 herramientas de dise\u00f1o web ideales para cualquier dise\u00f1ador"},"content":{"rendered":"

\"10<\/span><\/p>\n

\u00bfUn dise\u00f1ador web<\/strong> nace o se hace? Si eres uno de ellos creer\u00e1s tener la respuesta y si quieres convertirte en el gur\u00fa del dise\u00f1o sabr\u00e1s que tendr\u00e1s que descubrirlo t\u00fa mismo, ya que, ser dise\u00f1ador significa: ‘t\u00fa te lo guisas t\u00fa te lo buscas’<\/strong>, por lo que, para sacar adelante tus proyectos<\/strong> dedicar\u00e1s un tiempo grandioso para perfeccionar tus t\u00e9cnicas y forma de trabajar. \u00bfC\u00f3mo perfeccionamos en dise\u00f1o web mientras nos formamos?<\/span><\/p>\n

Aunque creas que es m\u00e1s f\u00e1cil resolver una ecuaci\u00f3n exponencial, la era de Internet nos lo pone f\u00e1cil, ya que, \u00a0tenemos la posibilidad de encontrar recursos, webs y dem\u00e1s herramientas de dise\u00f1o digital gratuitas o de pago<\/strong> que nos ayudar\u00e1n a ahorrar mucho tiempo, porque no debemos olvidar que el tiempo es muy valioso y para un dise\u00f1ador m\u00e1s. Pero, \u00bfsi tengo que formarme y buscar herramientas para despuntar en el dise\u00f1o digital tengo que hacer el pino para entregar a tiempo los proyectos?<\/span><\/p>\n

\u00a1Que no cunda el p\u00e1nico! Ya sabemos que no vamos a descubrir Am\u00e9rica ni mucho menos, y que algunas ya las tendr\u00e1s en tu bit\u00e1cora de trabajo, pero… aqu\u00ed te descubrimos las 10 herramientas de dise\u00f1o web<\/strong> con las que ser\u00e1s el dise\u00f1ador web m\u00e1s mol\u00f3n de tu oficina. \u00bfQuieres descubrirlo?<\/span><\/p>\n

Las 10 herramientas TOP de Dise\u00f1o Web<\/h2>\n

1# Dafont.com<\/a><\/span><\/h3>\n

\"dafont\"<\/p>\n

\u00bfQuieres ser el rey de las fuentes? aqu\u00ed tienes una herramienta con cientos de fuentes gratuitas que har\u00e1n las delicias de tus proyectos. \u00a1OJO\u00a1 no es oro todo lo que reluce, revisa la licencia de uso<\/strong> que algunas solo las podr\u00e1s utilizar para uso personal. \u00a1El que avisa no es traidor!<\/span><\/p>\n

2# Freepic: vectores, iconos o PSD<\/a><\/span><\/h3>\n

\"freepick\"<\/p>\n

No hace falta que nos lo agr<\/span>adezcas pero aqu\u00ed encontrar\u00e1s m\u00e1s de medio mill\u00f3n de archivos gr\u00e1ficos<\/strong>, seguro que alguno encaja con tu dise\u00f1o.<\/p>\n

3#\u00a0Dribbble<\/a><\/span><\/h3>\n

\"Dribbble\"<\/p>\n

\u00bfNecesitas plantillas web para aplicaciones m\u00f3viles? este es t\u00fa sitio. Es como un Pinterest de plantillas<\/strong> para que puedas inspirarte para dise\u00f1ar la web de una aplicaci\u00f3n m\u00f3vil e incluso para dar a conocer tu portfolio.<\/span><\/p>\n

4# FitVids<\/span><\/a><\/h3>\n

\"fitvids\"<\/p>\n

El dise\u00f1o web responsive<\/strong> es necesario a estas alturas del partido, ya que, estamos acostumbrados a ver el contenido en diferentes dispositivos y aquellos elementos presentes en las redes sociales donde se incluyen los v\u00eddeos, si se comparan con las im\u00e1genes no mantienen los mismos aspectos tras ser redimensionados. \u00a1No hay problema! Este <\/span>plugin <\/span><\/i>detecta y corrige los errores de las dimensiones<\/strong> cuando se redimensiona un elemento. \u00bfResultado? La posibilidad de presentar correctamente distintos elementos en diferentes dispositivos.<\/span><\/p>\n

5<\/span>#<\/span> Sass<\/span><\/a><\/h3>\n

\"Sass\"<\/p>\n

Todo dise\u00f1ador web debe saber que en un mundo donde cada usuario pasa una media de 170 minutos utilizando su dispositivo m\u00f3vil<\/strong> es de forzosa necesidad adaptarse a las nuevos dispositivos. Por ello, los media queries son esenciales en nuestro trabajo, aunque el antiguo Internet Explorer no es capaz de soportarlo, por ello, Sass, te salvar\u00e1 de caer en el lado oscuro y nos brinda estilos para m\u00f3viles y estilos apropiados para ordenadores con versiones antiguas de IE. \u00a0<\/span><\/p>\n

6# Canva<\/span><\/a><\/h3>\n

\"Canva\"<\/p>\n

Una herramienta que segur\u00edsimo conocer\u00e1s y no est\u00e1 dem\u00e1s sacarle partido, y es que, con Canva puedes hacer infograf\u00edas o plantillas molonas<\/strong> y modificar maquetas adapt\u00e1ndolas a tu proyecto. En poco menos de 5 minutos tienes una foto personalizada con\u00a0<\/span>texto para tus redes sociales. \u00bfQu\u00e9 m\u00e1s quieres?<\/span><\/p>\n

7#Easil<\/a><\/span><\/h3>\n

\"Easil\"<\/p>\n

Herramienta con una interfaz parecida a Canva que cuenta con numerosas plantillas preciosas<\/strong> con la que podr\u00e1s crear dise\u00f1os espectaculares. Una curiosidad que tiene es que cuando subes una foto te sugiere una paleta de colores que tienen que ver con la fotograf\u00eda. Adem\u00e1s, encontrar\u00e1s elementos gr\u00e1ficos muy cuidados y que transformar\u00e1n tus proyectos. \u00a0<\/span><\/p>\n

8# Autodraw<\/span><\/a><\/h3>\n

\"Autodraw\"<\/p>\n

Para los m\u00e1s creativos y amantes del dibujo<\/strong>, la herramienta de Google te permite convertir tus trazos en im\u00e1genes bien hechas<\/strong>. \u00bfC\u00f3mo? Dibuj<\/span>a con el rat\u00f3n lo que quieras y en la parte de arriba eliges lo que representa tu dibujo y en pocos segundos lo ver\u00e1s bien dibujado, as\u00ed de sencillo y f\u00e1cil. \u00a1Haz la prueba y divi\u00e9rtete!<\/span><\/p>\n

9#<\/span> GuideGuide<\/span><\/a><\/h3>\n

\"Guide<\/p>\n

Guideguide se convertir\u00e1 en esa herramienta que cuando la conozcas no dejar\u00e1s de utilizarla. Es una extensi\u00f3n de Adobe Photoshop<\/strong> con la que podr\u00e1s preparar un documento para empezar a dise\u00f1ar tus webs de una manera efectiva, y es que, este plugin se ha convertido en un must para dise\u00f1ar webs perfectas. <\/span><\/p>\n

10# Sketch<\/a><\/span><\/h3>\n

\"Sketch\"<\/p>\n

Si lo que quieres es crear interfaces de apps m\u00f3viles o p\u00e1ginas webs trabajando de forma no intrusiva, aqu\u00ed tienes a la joya de la corona. Har\u00e1 las delicias de cualquier dise\u00f1ador web que adore el pixel<\/strong>. \u00a1Desc\u00fabrela y nos lo agradecer\u00e1s!<\/span><\/p>\n

Hasta aqu\u00ed las herramientas de dise\u00f1o web di<\/strong><\/span>gital<\/strong> que podr\u00e1n convertirte en un dise\u00f1ador maduro y con toques de creatividad. \u00bfConoces m\u00e1s herramientas? \u00a1Comp\u00e1rtelas con nosotros!<\/p>\n

\u00a0No te pierdas los cursos de <\/span>Dise\u00f1o Web desde 0<\/span><\/a> y <\/span>Mobile First y dise\u00f1o web responsive<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfUn dise\u00f1ador web nace o se hace? Si eres uno de ellos creer\u00e1s tener la respuesta y si quieres convertirte en el gur\u00fa del dise\u00f1o…<\/p>\n","protected":false},"author":2,"featured_media":380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,30],"tags":[105,321],"yst_prominent_words":[],"wppr_data":{"cwp_meta_box_check":"No"},"views":1216,"_links":{"self":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/313"}],"collection":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":8,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions\/481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media\/380"}],"wp:attachment":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/tags?post=313"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}