7 desafíos de diseño para perfeccionar sus habilidades

De vez en cuando, solo tengo que probar algo nuevo. Quizás siento que mis habilidades se están resbalando. Tal vez quiera reactivar las neuronas responsables de mi creatividad. Quizás estoy aburrido. En realidad, existen muchas buenas razones para asumir un desafío de diseño.

Aquí hay algunos más: Puede agregar diseños conceptuales a su portafolio. Puede escribir en un blog sobre sus experiencias y publicitar sus habilidades para hacerlo. Puede asumir un desafío de diseño con otros amigos diseñadores y quizás competir. Puede obtener una mayor comprensión de la tecnología que utiliza.

El punto es hacer algo de manera diferente a la forma en que normalmente hace las cosas. El cambio por sí solo no siempre es aconsejable, pero probar cosas nuevas es la forma en que crecemos como diseñadores y como personas. Tal vez no realice ninguno de estos desafíos en el sitio de un cliente a menos que esté absolutamente seguro de que le gustará.

1. Intenta construir algo nuevo

Este es en realidad mi desafío personal. Intento construir algo, generalmente algo relacionado con el diseño, que no he construido antes. Podría ser una interfaz de desplazamiento horizontal eficaz y accesible, un sitio de tres columnas que realmente me gusta o una imagen de fondo con capacidad de respuesta a pantalla completa con posicionamiento absoluto.

Este es un desafío en el que puede probar módulos CSS más nuevos o técnicas en las que quizás no haya pensado antes, sin preocuparse demasiado por la compatibilidad entre navegadores u otros problemas como ese.

2. Cambie sus colores

Sé que personalmente siempre estoy tentado a ceñirme a lo que sé que funciona, en lo que respecta a los colores. Me encantan mis tonos apagados de colores, mis grises, mis verdes y azules desaturados, etc. A menos que deba seguir un estilo específico o una guía de marca, puede ser fácil recurrir a lo que sabe que funciona.

Bueno, ¡sal de tu zona de confort! Cree un sitio con una combinación de colores que normalmente no elegiría. Para mí, eso sería usar colores más brillantes y atrevidos. Tendría que subir la saturación en general. En su caso, podría considerar un diseño oscuro, si es que suele hacerlo con diseños claros. Usa colores más tranquilos si eres propenso a lucir brillantes y atrevidos. Muchos de nosotros, incluido yo mismo, no utilizamos suficiente contraste en nuestros diseños. Intente agregar más. Demonios, prueba un diseño que sea totalmente en blanco y negro, y haz que funcione.

3. Copie un diseño complicado

De acuerdo, no copies exactamente el sitio de otra persona. Simplemente busque un sitio con un diseño o diseño agradable y complejo, y cópielo sin mirar la fuente. Construya la cosa desde cero examinando los principales elementos de diseño y descubriendo cómo hacerlo usted mismo. No use esto para un sitio en vivo, sino como un simple ejercicio HTML / CSS / JS.

Puede optar por copiar uno de esos sitios sofisticados y de apariencia experimental para ver si puede lograr la misma hazaña. O puede copiar el diseño de un sitio de venta minorista grande, para ver cómo administraría esa cantidad de HTML y CSS de una manera práctica. Copie un sitio de noticias para ver cómo manejan la escala de grandes cantidades de texto e imágenes de manera receptiva.

Recuerde, el punto no es crear una copia perfecta en píxeles, sino aprender los principios detrás de las decisiones de diseño.

4. Diseñe y / o codifique un sitio usando nuevas herramientas

Si está acostumbrado a Foundation, pruebe Bootstrap o un marco menos conocido. Pruebe con un preprocesador diferente. Pruebe con un CMS diferente. Pruebe con un administrador de archivos o editor de texto diferente. Si es un programador y / o le gusta el dolor, suelte su marco JS favorito y pruebe con otro.

Obviamente, si desea profundizar, este sería uno de los desafíos más largos, pero no tiene que llevar mucho tiempo aprender los principios operativos de las nuevas herramientas. La clave no es necesariamente cambiar todo sobre su flujo de trabajo, sino exponerse a ideas nuevas y potencialmente mejores.

5. Pruebe una nueva metodología

Al igual que en la última entrada, puede pasar una tarde o dos probando una forma totalmente diferente de trabajar. Si es principalmente un especialista en gráficos, intente ver cómo otros comienzan y completan sus maquetas. Mira cómo otros organizan sus capas. Vea si puede aprender algo de ellos. O puede buscar una metodología de diseño completa como Atomic Design.

En el lado del desarrollo de front-end, puede probar una nueva metodología CSS. Hongkiat tiene un buena descripción de algunas de las formas más populares de organizar su CSS.

6. Refina un diseño antiguo

Cuando miro mi trabajo de diseño anterior, mis emociones más comunes son la frustración y una pequeña cantidad de disgusto. En ese estado, a menudo he decidido realizar un rediseño completo. Si ha estado haciendo esto durante algún tiempo, es probable que su trabajo anterior se base en principios sólidos. Solo necesita actualizarse y perfeccionarse.

Tome un diseño antiguo y actualícelo sin cambiar sus elementos principales. Quizás mantenga el mismo diseño, pero actualice el espaciado de los elementos. Mantenga los tipos de letra elegidos, pero actualice los estilos de texto para reflejar mejor su conocimiento de la tipografía. Conserve los colores elegidos, pero aproveche mejor.

Solo vea lo que sucede cuando aplica nuevos conocimientos al diseño antiguo, en lugar de quemarlo todo y comenzar de nuevo.

7. Siga un tutorial (el camino difícil)

Los tutoriales son a menudo una gran cantidad de información, incluso si ha estado en esto durante algún tiempo. No copie y pegue el código. Encuentre un tutorial largo y bueno, y escriba usted mismo cada línea de código de ejemplo. Siga cada paso en Photoshop con cuidado. Observe cómo todo cambia a medida que se agrega cada pieza del rompecabezas.

Si hay algo que no comprende, búsquelo en Google hasta que lo entienda. El desafío aquí no es de creatividad, sino de comprensión … y tal vez resistencia.