De vez em quando, eu só tenho que tentar algo novo. Talvez eu sinta que minhas habilidades estão escorregando. Talvez eu queira impulsionar os neurônios responsáveis ​​pela minha criatividade. Talvez eu esteja entediado. Há muitas boas razões para enfrentar um desafio de design, na verdade.

Aqui estão mais algumas: Você pode adicionar designs conceituais ao seu portfólio. Você pode blogar sobre suas experiências e divulgar suas habilidades ao fazê-lo. Você pode enfrentar um desafio de design com outros amigos designers e talvez competir. Você pode obter uma compreensão maior da tecnologia que você usa.

O objetivo é fazer algo diferente da maneira como você costuma fazer as coisas. Mudar por si só nem sempre é aconselhável, mas tentar coisas novas é como crescemos como designers e como pessoas. Talvez não faça nenhum desses desafios no site de um cliente, a menos que você esteja absolutamente certo de que eles gostarão.

1. Tente construir algo novo

Este é realmente o meu desafio pessoal. Eu tento construir algo - geralmente algo a ver com layout - que eu não construí antes. Pode ser uma interface de rolagem horizontal eficaz e acessível, um site de três colunas que eu realmente goste ou uma imagem de fundo responsiva em tela cheia com posicionamento absoluto.

você pode experimentar novos módulos CSS ... sem se preocupar muito com a compatibilidade entre navegadores

Este é um desafio onde você pode experimentar novos módulos CSS, ou técnicas que você pode não ter pensado antes, sem se preocupar muito com a compatibilidade entre navegadores ou outros problemas como esse.

2. Mude suas cores

Eu sei que pessoalmente estou sempre tentado a ficar com o que eu sei que funciona, no que diz respeito às cores. Eu amo meus tons suaves de cores, meus cinzas, meus verdes e azuis dessaturados, e assim por diante. A menos que seja necessário seguir um estilo específico ou um guia de branding, pode ser fácil recorrer ao que você sabe que funciona.

Bem, saia da sua zona de conforto! Crie um site com um esquema de cores que você normalmente não usaria. Para mim, isso seria usar cores mais brilhantes e ousadas. Eu teria que aumentar a saturação em geral. Para você, você pode considerar um layout escuro, se você costuma fazer os mais leves. Use cores mais calmas, se você está propenso a ser brilhante e ousado. Muitos de nós, inclusive eu, não estão usando contraste suficiente em nossos projetos. Tente adicionar mais. Heck, experimente um design totalmente preto e branco e faça funcionar.

3. Copie um layout complicado

Ok, não copie o site de outra pessoa exatamente. Basta encontrar um site com um layout ou design agradável e complexo e copiá-lo sem olhar para a fonte. Construa a coisa do zero, examinando os principais elementos do layout e descubra como fazer isso sozinho. Não use isso para um site ao vivo, mas como um simples exercício de HTML / CSS / JS.

o ponto não é criar uma cópia perfeita de pixel, mas aprender os princípios por trás das decisões de design

Você pode optar por copiar um desses sites de aparência experimental para ver se consegue gerenciar o mesmo talento. Ou você pode copiar o layout de um grande site de varejo para ver como gerenciar essa quantidade de HTML e CSS de maneira prática. Copie um site de notícias para ver como elas lidam com o dimensionamento de grandes quantidades de texto e imagens de maneira responsiva.

Lembre-se de que o objetivo não é criar uma cópia perfeita, mas sim aprender os princípios por trás das decisões de design.

4. Projetar e / ou codificar um site usando novas ferramentas

Se você está acostumado com o Foundation, tente o Bootstrap ou um framework menos conhecido. Tente um pré-processador diferente. Tente um CMS diferente. Tente um gerenciador de arquivos ou editor de texto diferente. Se você é um programador e / ou como dor, largue seu framework JS favorito e tente outro.

Obviamente, se você quiser aprofundar esse seria um dos desafios mais longos, mas não precisa demorar muito para aprender os princípios operacionais de novas ferramentas. A chave não é necessariamente alterar tudo sobre o seu fluxo de trabalho, mas expor-se a novas e potencialmente melhores ideias.

5. Experimente uma nova metodologia

Semelhante à última entrada, você pode passar uma tarde ou duas tentando uma maneira totalmente diferente de trabalhar. Se você é principalmente um especialista em gráficos, tente ver como os outros iniciam e preenchem seus modelos. Veja como os outros organizam suas camadas. Veja se você pode aprender algo com eles. Ou você pode olhar para uma metodologia de design completa como Atomic Design .

No lado do desenvolvimento front-end, você pode experimentar uma nova metodologia CSS. Hongkiat tem um boa visão geral de algumas das formas mais populares de organizar seu CSS.

6. Refine um design antigo

Quando olho para o meu trabalho de design mais antigo, minhas emoções mais comuns são frustração e um pouco de repugnância. Nesse estado, muitas vezes decidi fazer um redesign completo. Se você está fazendo isso há algum tempo, é provável que seu trabalho antigo seja baseado em princípios sólidos. Só precisa ser atualizado e refinado.

aplicar novos conhecimentos ao design antigo em vez de gravar tudo e começar de novo

Pegue um design antigo e atualize-o sem alterar seus principais elementos. Talvez mantenha o mesmo layout, mas atualize o espaçamento dos elementos. Mantenha os tipos de letra escolhidos, mas atualize os estilos de texto para refletir melhor o seu conhecimento sobre tipografia. Mantenha as cores escolhidas, mas faça melhor uso delas.

Basta ver o que acontece quando você aplica novos conhecimentos ao design antigo, em vez de gravar tudo e começar de novo.

7. Siga um tutorial (o jeito difícil)

Os tutoriais são muitas vezes uma riqueza de informações, mesmo que você tenha feito isso por algum tempo. Não copie e cole o código. Encontre um bom e longo tutorial e digite cada linha de exemplo. Siga cada etapa do Photoshop com cuidado. Observe como tudo muda à medida que cada peça do quebra-cabeça é adicionada.

Se há um pouco que você não entende, faça o Google até você entender. O desafio aqui não é de criatividade, mas de compreensão… e talvez de resistência.