10 cosas que todo diseñador web debería poder hacer en su sueño

Algunas habilidades, solo necesitas saberlas. Y mejor los conoces tan bien que puedes hacerlos casi sin pensar. Cuando se trata de diseño web, muchas habilidades pueden cambiar y evolucionar con el tiempo, pero hay algunos aspectos básicos que deberías poder hacer mientras duermes.

E incluso si no eres un? Diseñador web? Por oficio, cada una de estas habilidades se está volviendo imprescindible para todos los diseñadores que trabajan hoy. ¿Con cuántos te sientes cómodo? Vamos a sumergirnos y echar un vistazo a lo que deberías poder hacer con el piloto automático.

1. Código con HTML y CSS.

Ya sea que sea un desarrollador o no, todo el mundo necesita entender el lenguaje más básico detrás del diseño de sitios web. Debe comprender cómo leer, editar y solucionar problemas de HTML básico. (Y dependiendo de su trabajo actual, es posible que necesite saber mucho más que eso).

En cualquier caso, debería poder señalar un problema en negrita, fuente, color o tamaño en HTML sin pensarlo. Deberías poder sustituir estilos en CSS con facilidad. Estas son habilidades que son fáciles de aprender y que le serán útiles a largo plazo.

Aprenderlo: Vuelva a familiarizarse (o aprenda) lo básico de W3Schools. Los tutoriales son a su propio ritmo, fáciles de entender y gratuitos. (No hay razón para no dominar el idioma de la red).

2. Editar fotos

En cualquier campo de diseño, es probable que trabaje con imágenes durante todo el día. Así que solo tiene sentido que entiendas cómo manipularlos. ¿Desde el recorte básico hasta el tamaño y un poco de "limpieza"? Debes poder trabajar con fotos con facilidad. Como mínimo, debe sentirse cómodo con el recorte y el cambio de tamaño, así como con algunos ajustes de calidad de imagen.

Aprenderlo: Digital Camera World tiene una guía ingeniosa que explica seis pasos para aprovechar al máximo las fotografías. Los consejos son fáciles de usar y, si bien el tutorial está basado en Photoshop, se puede aplicar con cualquier software.

3. Haz una impresión

Si bien su trabajo podría ser en el ámbito digital, las partes del diseño sin duda serán necesarias para las aplicaciones impresas. Desde volantes hasta tarjetas de visita, comunicados de prensa, debe poder crear y convertir elementos de tal manera que también estén listos para imprimir.

Las cosas clave que se deben comprender incluyen resoluciones de impresión para diferentes tipos de medios y colores. Si bien es probable que utilice un valor como FF0000 para hacer un bloque de texto en rojo, eso no funcionará para la impresión. (Al menos parecerá divertido.) Las mezclas de colores CMYK (cian, magenta, amarillo, negro) son el estándar para los elementos impresos.

Aprenderlo: Por suerte para ti, tenemos una guía para preparar algo para imprimir. Explica las diferencias de color, medios, tipografías, sangrados y más.

4. Escribe un titular

Es casi imposible visualizar realmente un diseño con lorem ipsum como el titular principal. Las palabras son el pegamento que une los elementos visuales y el mensaje. Es posible que su titular no siempre se pegue, pero siempre debe completar las palabras grandes cuando entregue un concepto de diseño.

Como cuestión práctica, las palabras pueden ayudar al cliente a comprender la cantidad de espacio disponible para el texto. Un buen titular muestra que entiende al cliente y recorre los proyectos y deja a las personas con una impresión duradera.

Aprenderlo: Copyblogger es un gran recurso cuando se trata de los entresijos de la copia. Empezar con "Cómo escribir titulares del trabajo".

5. Agarra cualquier dispositivo y navega por un sitio web

Debe tener un nivel de comodidad con computadoras y dispositivos que la mayoría de las personas no tienen. Esto podría requerir separarse de sus dispositivos o navegadores o programas favoritos y jugar con muchas otras cosas. (Estarás agradecido si lo haces, garantizado!)

Todos hemos estado allí: no hay nada peor que un cliente que saque un teléfono viejo o te muestre algo en una pantalla pequeña en busca de ayuda y simplemente no puedes resolverlo con facilidad. Debería poder usar su sitio web (y otros) en cualquier entorno y hablar con otros sobre cómo hacerlo también.

Aprenderlo: Sólo empieza a jugar. Asegúrate de experimentar con diferentes navegadores y si eres una persona de Apple, elige un dispositivo Android (y viceversa).

6. Dibuje con confianza

Una de las mejores cosas de los bocetos es que puedes ayudar a otros a visualizar lo que estás pensando. Recuerde, muchas otras personas necesitan ver un alámbrico o un esquema antes de que puedan comenzar a imaginar lo que están pensando.

Dibujar con confianza es una excelente manera de ayudar a crear esa conexión. Esto no quiere decir que deba aprender a ser un artista de primera categoría durante la noche. Pero debes venir listo con una libreta y un bolígrafo (o un lápiz) para que puedas poner esas ideas en un papel y compartirlas con el equipo.

Aprenderlo: Tuts + tiene un pequeño gran manual para aprender a dibujar. ¿El primer paso? Deja de tratar de ser perfecto.

7. Utilice un marco común

No es una vergüenza utilizar un marco de diseño de sitios web para poner en marcha proyectos. De hecho, probablemente deberías hacerlo, a menos que seas un desarrollador súper estrella.

Los marcos de trabajo le impiden reinventar la rueda con cada proyecto y son fáciles de usar para otros si finalmente está entregando un sitio web a un cliente que intentará mantenerlo y realizar actualizaciones. WordPress es una opción popular, pero hay muchos otros para probar.

Aprenderlo: Comience con WordPress. Es el sistema y marco de administración de contenido de sitios web y blogs más grande disponible. (Y es bastante fácil de usar.)

8. Copia de seguridad y archivos de paquete

Si bien un sitio web parece ser un sistema autónomo, no lo es. Debe saber cómo y con qué frecuencia hacer una copia de seguridad de su sitio (y restaurarla, si es necesario) para evitar la pérdida de datos en caso de que algo le suceda.(Es mejor prevenir que lamentar, ¿no?) Incluso si no conoce la logística exacta de este ejercicio mientras duerme, debe saber qué se está guardando, con qué frecuencia ocurre y dónde se almacenan los datos.

Además, debe tener una buena idea de cómo crear archivos de paquetes para estilos de sitios web, piezas y piezas de diseño y más, que pueden usarse como respaldo y pueden proporcionar información vital para los clientes en caso de que necesiten usar las piezas. Los archivos de paquetes (para imprimir) son una parte necesaria del proceso de diseño web, así que los clientes tienen un conjunto de herramientas de marca que coinciden con el diseño del sitio web para las promociones impresas. (¡Los clientes te amarán por esto!)

Aprenderlo: Cada sitio web necesita un plan de copia de seguridad. Empaquetar archivos le ayudará a mantener los materiales, como fuentes e imágenes, juntos cuando tenga que enviarlos a otro lado.

9. Conoce 3 tendencias (y cuándo usarlas)

Usted debe tener un tono de ascensor tendencias ir de sitio web. ¿Qué significa esto?

Simplemente, debe poder hablar con cualquier persona que tenga un conocimiento de diseño razonable sobre qué técnicas visuales son tendencias y por qué o por qué no debe usarlas. ¿Cómo funcionan y qué te gusta o no te gusta de estas tendencias?

Aprenderlo: Lea los blogs de diseño como este para mantenerse al día sobre las tendencias y cómo se pueden aplicar esas técnicas de diseño.

10. Explicar la teoría del diseño.

Color, flujo, equilibrio y proporción, espacio: estas son todas las cosas que debería poder ver cuando trabaja en proyectos. Pero es más que tener un buen ojo; La teoría del diseño es igualmente importante. Comprender por qué haces lo que haces y por qué crea una estética bien equilibrada es importante.

Y si lo entiende bien, puede explicarlo y defender y explicar más fácilmente las decisiones de diseño a otros. Una base en lo básico te ayudará a dominar cualquier proyecto.

Aprenderlo: Si aún no tiene este, es hora de volver a lo básico. ¿Comenzar con? Conceptos básicos de diseño? por Stephen Pentak y? Graphic Design: The New Basics? por Ellen Lupton y Jennifer Cole Phillips.

Conclusión

¿Cuántos elementos en esta lista puedes marcar como cosas que sabes mientras duermes? ¿Cuántos otros estás ansioso por aprender o actualizar tu conjunto de habilidades?

El diseño web, como cualquier otro tipo de diseño, se basa en lo básico y está salpicado de muchas tendencias y nuevas técnicas. Una buena comprensión de la combinación le ayudará a crecer y convertirse en un mejor diseñador, y le ayudará a sentirse aún más seguro en sus decisiones de diseño y trabajo.

Fuentes de imagen: ekkun, lenep, Blake Patterson y cirox.