REPROJETO DE 1 SEMANA: Linda página de assinatura

Faz uma semana desde que criei a página de assinatura da marca de empoderamento feminino, beleza e bem-estar, BEautiful. A versão original está na parte inferior do estudo de caso. Abaixo está uma reflexão sobre o que aprendi durante a semana entre essas duas versões da mesma página.

Semana passada comecei a:

• usar grades de alinhamento de forma eficaz
• “quebre” as regras usando uma grade de 16 colunas para projetar em vez da grade tradicional de 12 colunas
• criar meu próprio sistema de design com diretrizes para tudo, desde a escolha de tamanhos de fonte de cabeçalho, subcabeçalho e corpo até o tratamento do espaço entre os elementos como elementos próprios

O espaço em branco pode receber altura e largura uniformes, assim como o tamanho da fonte.

• Esta é uma das primeiras regras do meu próprio sistema de design: “Para formulários, a altura do campo de entrada deve ser o dobro da altura da fonte. Ex: tamanho da fonte 16px = 32px altura do campo de entrada
• Essa percepção me fez começar a pensar sobre o design de forma diferente. Em vez de organizar apenas texto e imagens, comecei a organizar o espaço em branco também.

• Não havia razão para haver um parágrafo abaixo das imagens à direita. Na verdade, enchi aquela caixa com Lorem Ipsum em vez de inventá-la porque não sabia que mais informações eram necessárias.
• O parágrafo extra foi removido e as informações sob o cabeçalho principal foram simplificadas.

• O design inicial tinha cerca de 7 elementos no total (contando todos os itens na barra de navegação como um grupo).
• O novo design possui apenas 5 elementos, diminuindo o tempo que o usuário leva para entender as informações da página.
• Os elementos do novo design são dispostos de forma simétrica para dar ao design uma sensação de harmonia.

• Receba um convite para uma entrevista com uma empresa ou agência. (Verifique-me em dominique.squarespace.com)
• Concentre-se em incorporar as Gestalts de design de ritmo, continuidade e fechamento de forma mais eficaz em meus projetos.
• Mergulhe na animação para designers de interface do usuário.