Habilidades esenciales de diseño que todos los diseñadores web deben adquirir

HTML y CSS

Una obviedad, ¿verdad? Necesita saber HTML para ser un buen diseñador web. Puede instalar un tema de WordPress sin esta habilidad, para estar seguro. Pero si desea realizar ediciones sustanciales para satisfacer las necesidades específicas de un cliente, deberá saber cómo cerrar una etiqueta, como mínimo.

Y con HTML viene CSS. Debe tener un manejo de CSS para asegurarse de que sus sitios se vean como usted quiere que se vean. Esto es mucho más que un escaparate. CSS juega un papel importante en la experiencia del usuario de su sitio y UX puede determinar qué tan funcional es un sitio para el usuario final. Ponerse al día aquí garantiza que sepa cómo cambiar los colores y las fuentes en todo el sitio como mínimo.

Muchos de los mejores diseñadores web son autodidactas. Dios sabe que hay muchos recursos gratuitos disponibles. Aquí están algunos de mis favoritos:

• 10 excelentes sitios web para ayudarlo a aprender desarrollo web en línea
• Tutorial HTML5 de W3Schools.com
• Tutorial CSS de W3Schools.com
• Curso HTML y CSS de Codecademy
• Trucos CSS

JavaScript

Si prestaste atención al último estado de la palabra , el cofundador de WordPress, Matt Mullenweg, les dijo a todos los desarrolladores que «aprendieran JavaScript, profundamente». Si el mandamás dice que necesitas saber JavaScript, creo que es hora de hacerlo, ¿no crees? Porque eso significa que es muy probable que el CMS adopte Javascript en sus funciones principales, lo que significa que debe saber cómo usarlo si desea mantenerse al día.

Aquí hay algunos recursos que lo prepararán para lo que está por venir:

• JavaScript elocuente
• Curso JavaScript Codecademy

Dibujar un diseño a mano

Si bien es cierto que usted es un diseñador web, tener habilidades sólidas con un lápiz y papel normal puede ser muy útil. Digamos que está tratando de describir lo que un sitio puede hacer por su cliente, solo que está en una reunión cara a cara. Esbozar un diseño de estructura alámbrica es mucho más fácil (y mucho más rápido) que crear una maqueta completa en la computadora. No tienes que ser un gran artista para adquirir esta habilidad, pero debes tener cierta competencia básica con el bloc de dibujo.

Una vez que pueda dibujar algunos diseños básicos, puede incorporarlos fácilmente en sus sitios web. Esto va más allá de dibujar una estructura alámbrica. Muchos sitios web ahora usan elementos dibujados a mano en imágenes deslizantes, pancartas y navegación, por lo que perfeccionar esta habilidad puede ayudar a diferenciar sus sitios.

Hay muchísimos recursos para aprender a dibujar, pero estos son particularmente útiles para aquellos que buscan crear maquetas de diseño web:

• Quiero dibujar: ejercicios simples para principiantes completos
• Dibujo 101: Los fundamentos
• Bocetos: cómo un simple lápiz y papel pueden transformar sus diseños web

Familiarícese con el diseño de interfaz

El lápiz y el papel son realmente útiles, pero también debe saber cómo crear una maqueta de un sitio en su computadora. Puede hacer esto en casi cualquier programa de diseño gráfico, pero hay algunos que son particularmente aptos para la tarea de abordar el diseño de interfaz, Sketch es un buen ejemplo. El Project Comet, que se lanzará próximamente, es otro. Pero también puedes usar Illustrator. Verdaderamente, cualquier programa basado en vectores será suficiente.

Aprenda y use un marco

Si estás dando vueltas por estas partes, es seguro asumir que usas WordPress. Lo que significa que prácticamente ya tienes esta habilidad cubierta. Aún así, es importante tener en cuenta lo útil que puede ser usar un marco. Significa que cada sitio en el que trabaja nunca comienza desde cero. Entrará en el proyecto con una estructura de línea de base, que es un gran ahorro de tiempo.

Esta nota también se puede extender fácilmente más allá del núcleo de WordPress. Hay muchos marcos temáticos que puede usar para acelerar el desarrollo del sitio ( me viene a la mente Bootstrap ), por lo que también podría ser ventajoso familiarizarse con estos.

Comprender cómo usar una multitud de dispositivos

Al armar un sitio, es importante probarlo en varios dispositivos. Esto ayuda a garantizar que todo se vea como lo esperaba y le brinda la oportunidad de modificar el diseño un poco antes del lanzamiento. Esto significa que debe estar familiarizado con (así como tener acceso a) muchos tipos diferentes de dispositivos.

Me refiero a PC y Mac, iPhone, iPad, Android, así como a Chrome, Firefox, Safari y muchos otros navegadores que existen. También debe probar en navegadores antiguos. Sin embargo, familiarizarse con muchos dispositivos garantiza que no se tropiece cuando intente abrir un sitio en el teléfono de un cliente potencial. Proyectar una apariencia de competencia en todas las plataformas puede contribuir en gran medida a desarrollar la confianza de los demás en sus habilidades.

Fundamentos del diseño de impresión

No, no leyó mal ese subtítulo. Dije diseño de «impresión». Reconozco plenamente que eres un diseñador web, pero escúchame: los elementos del diseño de impresión pueden resultar extremadamente útiles para los diseñadores web. Las últimas tendencias de diseño web utilizan cada vez más elementos impresos, desde fuentes serif hasta escritura a mano e ilustraciones. Estos elementos no se limitan a los diseñadores de impresión y familiarizarse con ellos puede ser útil a medida que estas tendencias continúan surgiendo y tomando forma.

Tampoco puede olvidar que la mayor parte del tiempo, los elementos de su diseño web se imprimirán. Por ejemplo, el logotipo y/o el encabezado de un sitio podrían convertirse fácilmente en un encabezado fijo o una tarjeta de presentación. Comprender cómo diseñar en forma impresa (y cómo traducir los diseños web a la forma impresa) puede ser increíblemente útil y puede realizar un trabajo adicional mientras lo hace.

Los elementos mínimos de diseño de impresión que debe aprender incluyen:

• CMYK
• Resoluciones de impresión
• sangra

También es una buena idea familiarizarse con los diferentes tipos de papel y medios impresos. Consulte El arte de elegir el papel adecuado para obtener más información.

Edición básica de fotos

Si eres diseñador, es probable que ya sepas cómo editar fotos, pero si no es tu fuerte, ahora es el momento de repasar. En primer lugar, limita el trabajo que necesita subcontratar. Y segundo, le brinda más flexibilidad en lo que puede lograr con sus diseños. Básicamente, no evitará ciertas cosas porque carece de las habilidades de edición de fotos para hacer que sucedan.

Por lo tanto, abra Photoshop, Pixelmator, GIMP o cualquier software que use y siéntase cómodo con el cambio de tamaño, el recorte, la corrección de color y la aplicación de filtros como mínimo .

Redacción Básica

No necesita ser un genio verbal, pero saber cómo unir oraciones coherentes puede ayudarlo a comprender intuitivamente la forma que deberá tomar su diseño. Es muy común que el contenido ocupe el último lugar en el diseño web, lo que realmente no entiendo porque el diseño a menudo necesita adaptarse al contenido, al menos hasta cierto punto.

Por lo tanto, si comprende cómo se ve el contenido y cómo está estructurado, puede moldear mejor sus diseños para que se ajusten. Esto es especialmente importante cuando se trata de titulares. Comprender aproximadamente qué tan largos son los titulares y qué estructura toman puede brindarle una ventaja total en el diseño.

Dedique algún tiempo a familiarizarse con cómo funciona la redacción publicitaria y lo que implica y se convertirá en un mejor diseñador. No hay duda de eso. Aquí hay algunos recursos para consultar. No necesita dominar todos los principios descritos aquí, pero un conocimiento superficial será útil:

• Redacción 101
• La guía definitiva para la redacción publicitaria

Marketing básico en redes sociales

Como diseñador, su trabajo se lleva a cabo en línea, por lo que es una buena idea familiarizarse con las redes sociales y participar en ellas con regularidad. Sin embargo, si está perdido más allá de enviar un tweet estándar, debe dedicar un tiempo a aprender los entresijos del marketing en redes sociales .

Contrariamente a la creencia popular, no necesita estar activo en todas las redes sociales (aunque debe reclamar un perfil con su nombre y/o marca en cada una). Elija 2-3 y comprométase con su presencia allí. Los que elijas dependerán de tu audiencia, por supuesto. A la mayoría de los diseñadores les va mejor con Facebook, Twitter y LinkedIn.

Un deseo de aprender

El diseño web no es una profesión estática. Para mantenerse a la vanguardia, ser relevante y continuar captando clientes, debe mantenerse al tanto de las últimas tendencias. Tienes que leer artículos, suscribirte a revistas y leer libros sobre diseño. Debe tomar una clase, seguir tutoriales y aprender nuevas habilidades. Siempre. Sin excepciones.

El deseo de aprender es una cualidad intrínseca en algunos de los diseñadores más exitosos que existen. Si no te resulta natural, es posible que lo adquieras lentamente. Intente inscribirse en una clase en línea simple. Cuando lo hace bien, enfrenta nuevos desafíos y los supera, pronto descubrirá que el deseo de aprender más se está contagiando. Quedarse con eso. Estaras contento de haberlo hecho.

El regalo de Gab

Lo último que discutiré aquí hoy es una habilidad que se puede aplicar a casi cualquier profesión: el don de la palabra. Si puede hablar bien, puede llegar muy lejos en los negocios. Me doy cuenta de que esta no es una habilidad que viene naturalmente a mucha gente. Tiene que ser perfeccionado y desarrollado con el tiempo. Pero si invierte el tiempo y la energía aquí, pagará dividendos, lo prometo.

Verá, si va a convenciones o seminarios sobre diseño, es probable que establezca contactos. Eso significa que tendrás que hablar cara a cara con otros diseñadores y otros dueños de negocios. Por lo tanto, practicar lo que dirá en cualquier situación puede darle una gran ventaja sobre la competencia. Las habilidades generales de conversación y las habilidades para hablar en público son excelentes herramientas para tener en su caja de herramientas. Sin embargo, si desea ser específico, le sugiero tener dos tipos específicos de conversaciones listas para comenzar:

• El tono del ascensor. Este es básicamente un discurso de 30 segundos que das a cualquier persona interesada en tus servicios. Reduzca específicamente lo que puede ofrecer a un cliente en la menor cantidad de palabras posible. Aquí es donde te diferencias de la competencia. Y al tener un discurso ensayado y listo para cuando surja la necesidad, infundes confianza en tus prospectos. Aquí hay un excelente resumen de cómo desarrollar un discurso de ascensor: Domine su discurso de ascensor y gane más clientes de diseño .
• La charla de diseño. También deberías tener una breve charla memorizada sobre diseño web. ¿Qué es? ¿Como funciona? ¿Qué hace que los mejores tipos de diseños? Gracias a la habilidad «Deseo de aprender» anterior, también sabrá todo sobre las últimas tendencias de diseño. Debe conocer todas las palabras de moda y la terminología que se aplican al diseño web en este momento (y lo que se proyecta para el futuro). De esa manera, si alguien pregunta sobre uno de estos elementos, puede lanzar una explicación a la velocidad de la luz. Tu amplitud y profundidad de conocimiento te harán lucir como un verdadero profesional.

Desarrolle sus habilidades de diseño esenciales

Puede parecer que estoy abogando por que los diseñadores web se conviertan en maestros de todos los oficios. «Maestro» podría estar presionando, pero «Familiarizado con» definitivamente es apropiado. Los diseñadores web, especialmente aquellos que trabajan por cuenta propia, a menudo tienen que ser sus propios departamentos de impresión, marketing y redacción. Tienen que estar a cargo de los recursos humanos y TI. Si no lo hacen, no se hace. Por lo tanto, tomarse un poco de tiempo aquí y allá para expandir su conjunto de habilidades puede contribuir en gran medida a mejorar su negocio en general.

¿Qué habilidades crees que son esenciales para los diseñadores web? ¿Alguna de las habilidades en esta lista ha ayudado a su negocio? ¿Me he perdido algo? Por favor comparte tus ideas en los comentarios.

Imagen en miniatura del artículo de Laralova / shutterstock.com