# \u00bfQuieres aprender dise\u00f1o web pero a\u00fan no sabes c\u00f3mo empezar? \u00bfPor qu\u00e9 esperas, solo comienza hoy? En este art\u00edculo, encontrar\u00e1s 30 consejos y recursos para comenzar tu nueva carrera como dise\u00f1ador web en solo 45 d\u00edas. \u00bfSon dise\u00f1adores gr\u00e1ficos o dise\u00f1adores de impresi\u00f3n, buscan un cambio de carrera y necesitan aprender dise\u00f1o web? Nunca posponga las cosas, si no est\u00e1 tomando ning\u00fan paso, en \u00faltima instancia, est\u00e1 un paso por detr\u00e1s de todos los dem\u00e1s alumnos. **\u00a1Sigue estos 30 pasos para comenzar a aprender dise\u00f1o web y convertirte en un dise\u00f1ador web exitoso en solo 45 d\u00edas!** ##### 1 iniciar un sitio web La mejor forma de aprender dise\u00f1o web es haci\u00e9ndolo. Si tiene un proyecto personal como un blog, entonces puede ayudarlo en gran medida a practicar habilidades y no ser\u00e1 contraproducente por peque\u00f1os errores mientras aprende cosas nuevas. No tienes que poner toda tu mente y empezar a probar tantas cosas de una sola vez. Un peque\u00f1o paso es suficiente, comience por aprender c\u00f3mo funciona su sitio web y algunas cosas relacionadas con el c\u00f3digo y eventualmente se familiarizar\u00e1 con el dise\u00f1o del sitio web. ##### 2 Lee todo lo que puedas  La lectura puede ayudarte a dar forma a tus metas. Si est\u00e1 leyendo este blog, entonces est\u00e1 en el camino correcto para aprender los conceptos b\u00e1sicos del dise\u00f1o web. Puede comenzar a leer sobre dise\u00f1o de sitios web, \u00faltimas tendencias, t\u00e9cnicas de dise\u00f1o web y mejores pr\u00e1cticas. Aprende de los dise\u00f1adores web expertos que admiras en las plataformas de redes sociales. ##### 3 Sea un comunicador efectivo Si no est\u00e1 seguro de c\u00f3mo comunicarse con la gente, aseg\u00farese de practicar esas habilidades. Como dise\u00f1ador web, debe comunicarse con diferentes grupos de profesionales. Los dise\u00f1adores de sitios web se comunican diariamente con sus clientes para conocer sus problemas y resolver sus necesidades de dise\u00f1o. La comunicaci\u00f3n es realmente importante para que un dise\u00f1ador web resuelva los problemas de los clientes. ##### 4 Suscr\u00edbete a Tuts+ Puedes suscribirte a Tuts+, te permite acceder a diferentes recursos de aprendizaje en un solo lugar. Usando Tuts+ puedes aprender cursos relacionados con dise\u00f1o gr\u00e1fico y web, t\u00e9cnicas web b\u00e1sicas, utilizando enfoques y desarrollos de tendencia. Es una plataforma de autoaprendizaje manejada por instructores expertos. ##### 5 Piensa en HTML HTML (lenguaje de marcado de hipertexto), es la columna vertebral del dise\u00f1o de sitios web. Al aprender HTML, puede crear la estructura de su sitio web. Aprender este lenguaje de programaci\u00f3n allanar\u00e1 su camino hacia el mundo del dise\u00f1o de sitios web. ##### 6 Juega con c\u00f3digo  Aprender HTML es divertido, con juegos y actividades interactivos. Puede aprender f\u00e1cilmente el lenguaje de programaci\u00f3n en sitios web de aprendizaje gratuitos como Codecademy. Esta herramienta gratuita le ense\u00f1ar\u00e1 \u00abc\u00f3mo codificar\u00bb de la manera m\u00e1s interactiva e interesante. Puede aprender temas como desarrollo web, programaci\u00f3n, ciencia de datos, HTML y CSS, Python, Java, SQL, Ruby y muchos m\u00e1s. ##### 7 Aprende a entender CSS CSS (hojas de estilo en cascada), es la definici\u00f3n de un documento escrito en HTML o XML y SVG. CSS lo ayudar\u00e1 a comprender c\u00f3mo funcionar\u00e1n los elementos en la pantalla, en el papel, en el habla y en otros medios. Aprender CSS lo ayudar\u00e1 a largo plazo en su carrera de dise\u00f1o web. ##### 8 Aplica tus habilidades de dise\u00f1o Si no es nuevo en el campo del dise\u00f1o gr\u00e1fico o creativo, tambi\u00e9n puede comenzar a aplicar sus conocimientos en el dise\u00f1o web. Todos estos principios de dise\u00f1o lo ayudar\u00e1n a comprender mejor la teor\u00eda del dise\u00f1o, todas estas im\u00e1genes le resultar\u00e1n \u00fatiles en esta tecnolog\u00eda digital. ##### 9 Preste atenci\u00f3n a los sitios web Toma nota de los sitios web que admiras. Trate de analizar las cosas que son visualmente atractivas para usted. Pr\u00e9stale mucha atenci\u00f3n y replica tus ideas, – Tipograf\u00eda – Navegaci\u00f3n – Uso de im\u00e1genes y espacio. – Dise\u00f1o de formularios – Efectos de animaci\u00f3n y desplazamiento – Color ##### 10 Dibujar una estructura al\u00e1mbrica Wireframing es el mapa mental de un dise\u00f1ador web, es un boceto de c\u00f3mo se ver\u00e1 realmente su sitio web. Es como un plano en el dise\u00f1o web, dibujar una estructura al\u00e1mbrica puede brindarle m\u00e1s informaci\u00f3n sobre la estructura de su sitio. ##### 11 Aprender boceto Sketch (herramienta de dibujo vectorial) es una herramienta de dise\u00f1o que ayuda a crear elementos web f\u00e1cilmente. Hay tantos dise\u00f1adores expertos que utilizan Sketch para crear sus elementos de interfaz de usuario y bloques de dise\u00f1o. Le permite crear complementos y exportar c\u00f3digos muy f\u00e1cilmente. ##### 12 Mant\u00e9ngase actualizado A veces, es dif\u00edcil mantenerse al d\u00eda con las nuevas tecnolog\u00edas como AI, VR, AR, video de 360 \u200b\u200bgrados, bots. Pero no hay otra opci\u00f3n, como dise\u00f1ador web tienes que aprender todo esto. Puedes empezar con las Tecnolog\u00edas con las que te sientas c\u00f3modo y comenzar a hacer proyectos relacionados con tu conocimiento. ##### 13 Aprender SEO  Los dise\u00f1adores web deben conocer los conceptos b\u00e1sicos de SEO, no crea que un especialista en SEO har\u00e1 todo su trabajo y preparar\u00e1 su sitio para los motores de b\u00fasqueda, pero la verdad es que el SEO est\u00e1 estrechamente relacionado con el dise\u00f1o web. Desde las im\u00e1genes cargadas para crear el c\u00f3digo, incluidas las metadescripciones y los elementos de la p\u00e1gina, el dise\u00f1ador debe pensar en todo lo relacionado con un motor de b\u00fasqueda. ##### 14 Usar el Creador de sitios web Un creador de sitios web puede ser \u00fatil para crear y dise\u00f1ar sitios web utilizando herramientas, plantillas, personalizar elementos y agregar fragmentos de c\u00f3digo. Muchos creadores de sitios web son gratuitos, puede crear una cartera o un sitio web para servir la plataforma b\u00e1sica para usted. ##### 15 Encuentre un mentor La gran opci\u00f3n para aprender cosas nuevas es conseguir un mentor y comenzar a adquirir sus habilidades para elegir las habilidades adecuadas en la industria. Encuentre un mentor que est\u00e9 dispuesto a ayudarlo a aprender dise\u00f1o web y lo motive a desarrollar sus habilidades \u00fanicas de dise\u00f1o web. ##### 16 \u00danase a una comunidad Una vez que comience a comprender la codificaci\u00f3n y la programaci\u00f3n, \u00fanase a la comunidad. Hay tantas plataformas comunitarias de c\u00f3digo abierto que lo ayudan a compartir o editar fragmentos de c\u00f3digo utilizando sus redes sociales. ##### 17 Toma una clase Para la mayor\u00eda de los estudiantes, la ense\u00f1anza formal ser\u00e1 m\u00e1s pr\u00e1ctica y les ayudar\u00e1 a comprender f\u00e1cilmente los conceptos b\u00e1sicos del dise\u00f1o web. \u00danase a un instituto de dise\u00f1o web en su localidad y aprenda de los mentores m\u00e1s pr\u00e1cticos. ##### 18 Google para informaci\u00f3n Si eres un principiante en el mundo del dise\u00f1o web, usa los videos de Google y YouTube que tienen una soluci\u00f3n para casi todos los problemas. Puede encontrar muchos tutoriales y videos, todo lo que tiene que hacer es encontrar la fuente adecuada para su problema y aprovecharlo al m\u00e1ximo. ##### 19 Crear experiencia de usuario No hay reemplazo para el dise\u00f1o web de la mejor experiencia de usuario. Tienes que planificar y comprender la base del dise\u00f1o de UX. El dise\u00f1o de la experiencia del usuario (UX) ayuda a crear productos significativos con experiencias de usuario relevantes. ##### 20 Preste atenci\u00f3n a las tendencias de dise\u00f1o Cree dise\u00f1os de sitios web con dise\u00f1os modernos y de tendencia para que sus proyectos sean \u00fanicos. Puede tener un ojo sobre otros dise\u00f1adores y aprender el trabajo de otros dise\u00f1adores. Tome nota de sus estilos de dise\u00f1o, colores y caracter\u00edsticas de los sitios web que m\u00e1s admira. ##### 21 Crear sin color Comienza tu dise\u00f1o web sin color. Un gran dise\u00f1ador web puede crear sitios web asombrosos usando blanco y negro, si pudiera crear uno, entonces ha dominado la habilidad. En la etapa inicial, puede dise\u00f1ar en blanco y negro, luego avanzar gradualmente usando colores que brindan un contraste perfecto y asocian sus emociones a partir de los colores. ##### 22 Aprenda las fuentes de Google  Las fuentes de Google son realmente \u00fatiles para personalizar la capacidad de navegaci\u00f3n y ver c\u00f3mo el dise\u00f1o web juega un papel importante en la creaci\u00f3n de un sitio web. No se preocupe por las licencias y los tipos de letra, o busque dispositivos compatibles. Simplemente aprenda los conceptos b\u00e1sicos de las fuentes de Google y util\u00edcelas como prefiera. ##### 23 Elija un kit de interfaz de usuario Puede descargar f\u00e1cilmente una interfaz de usuario o un kit de \u00edconos y verificar el c\u00f3digo de su sitio web, ver c\u00f3mo se ven los elementos de dise\u00f1o, ver qu\u00e9 tan bien est\u00e1n organizados y elegir las mezclas de colores, etc. Puede probar la descarga de varios kits y luego personalizarlos usando dos o m\u00e1s elementos de sus preferencias. ##### 24 Convi\u00e9rtete en tip\u00f3grafo Los dise\u00f1adores de sitios web modernos deben tener una s\u00f3lida comprensi\u00f3n de la tipograf\u00eda. Desde encabezados con palabras en negrita hasta el texto que lleva el usuario al dise\u00f1o. Tienes que entender cada principio, tipo de elemento y bloques de texto que son constructivos. ##### 25 Saltar a JavaScript Cuando sienta que es bueno en el dise\u00f1o web, comience a aprender Javascript. Como discutimos anteriormente, aprender HTML y CSS es importante, del mismo modo que aprender Javascript tambi\u00e9n es esencial para el dise\u00f1o web. ##### 26 Actualice su cartera Aseg\u00farese de actualizar su cartera con proyectos de dise\u00f1o web, esto es simple y efectivo para mostrar su potencial en el dise\u00f1o a los dem\u00e1s. Un portafolio actualizado debe incluir todos tus proyectos actuales y tus potenciales clientes obtendr\u00e1n insights de forma atractiva. Puede mostrar sus dise\u00f1os, colores, estilo, tipograf\u00eda y otras t\u00e9cnicas. ##### 27 Ponte a prueba Hay muchos fragmentos de atajos para ayudarlo a solucionar problemas del sitio web. Aseg\u00farate de aprender nuevas t\u00e9cnicas en dise\u00f1o web y mantente actualizado, esto te ayudar\u00e1 a mejorar tus habilidades. El dise\u00f1o web est\u00e1 evolucionando todos los d\u00edas y obtendr\u00e1 muchas cosas nuevas para aprender. ##### 28 Maximice su experiencia Para aprender dise\u00f1o web, primero debe comenzar a dise\u00f1ar un sitio web. Puedes empezar muy peque\u00f1o y hacer proyectos en equipo. Toda esta experiencia te motivar\u00e1 a mejorar como mejor dise\u00f1ador, la experiencia pr\u00e1ctica es la clave para aprender cualquier curso de dise\u00f1o. ##### 29 Solicitar comentarios  Una vez que haya terminado con sus proyectos de dise\u00f1o web, solicite comentarios de sus compa\u00f1eros, clientes o cualquier comunidad. Todos estos comentarios seguramente te har\u00e1n comprender los errores accidentales que ocurren y que puedes corregir f\u00e1cilmente. ##### 30 Sigue aprendiendo cosas nuevas Para ser un gran dise\u00f1ador web, sigue aprendiendo, sigue intentando, sigue jugando con los dise\u00f1os y lucha por tu excelencia. Tienes que comunicarte con otros en el campo del dise\u00f1o web para alcanzar la primera posici\u00f3n. Aseg\u00farese de actualizar sus habilidades y aprender cosas nuevas que est\u00e1n en demanda. #### Pensamientos finales No importa lo bueno que seas en un campo determinado, el aprendizaje es la \u00fanica clave para lograr tu objetivo y centrarte en tu carrera. Si desea saber c\u00f3mo aprender dise\u00f1o web en 45 d\u00edas, lo anterior es todo lo que tiene que saber y comprender. No m\u00e1s procrastinaci\u00f3n, solo sigue todos estos pasos y logra tu objetivo. \u00a1Los mejores deseos para tu camino de aprendizaje!<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00bfQuieres aprender dise\u00f1o web pero a\u00fan no sabes c\u00f3mo empezar? \u00bfPor qu\u00e9 esperas, solo comienza hoy? En este art\u00edculo, encontrar\u00e1s 30 consejos y recursos para comenzar tu nueva carrera como dise\u00f1ador web en solo 45 d\u00edas. \u00bfSon dise\u00f1adores gr\u00e1ficos o dise\u00f1adores de impresi\u00f3n, buscan un cambio de carrera y necesitan aprender dise\u00f1o web? Nunca posponga las cosas, si no est\u00e1 tomando ning\u00fan paso, en \u00faltima instancia, est\u00e1 un paso por detr\u00e1s de todos los dem\u00e1s alumnos. \u00a1Sigue estos 30 pasos para comenzar a aprender dise\u00f1o web y convertirte en un dise\u00f1ador web exitoso en solo 45 d\u00edas! \u2026<\/p>\n","protected":false},"author":1,"featured_media":207248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,229,99,60],"tags":[],"class_list":["post-263204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-libros-de-texto","category-posicionamiento-web-y-marketing","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263204"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263204\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/207248"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}