Projeto:
Protótipo desenvolvido em projeto acadêmico, com a proposta de se criar um portifólio interativo pessoal, tendo foco em design editorial trabalhado em junção a fotografia.
Identidade Visual e Estrutura:
1. Monograma
Para o trabalho, foi considerado um monograma pessoal pensado a partir das minhas iniciais, desenvolvido anteriormente.
O logotipo identifica meu trabalho, e, no protótipo, dá acesso a algumas informações sobre mim.
2. Cores
Apenas 3 cores foram selecionadas para a paleta, sendo elas o branco, o preto e o laranja. O objetivo era criar um design mais minimalista no site, dando foco às imagens e trabalhos dispostos, ainda assim com uma cor mais chamativa em momentos, que caracteriza o trabalho. O laranja foi escolhido por ser uma cor vibrante, que se destaca bem, e remete a energia, criatividade e confiança.
3. Tipografia
Duas fontes foram definidas para a tipografia do portfólio: Playfair Display e Montserrat. A Playfair é uma fonte com serifa, delicada, elegante e moderna, com uma estética bem marcante. E a Montserrat é uma fonte sem serifa, geométrica, também moderna, que traz mais seriedade. Ambas oferecem muita versatilidade quanto a pesos tipográficos e estilos.
4. Grid
Para a estruturação do protótipo se foi utilizado um grid com 12 colunas e 7 fileiras, com uma margem de 60px.
5. Acessibilidade
Visando a acessibilidade no protótipo desenvolvido, foram trabalhados os seguintes recursos:
a) Alto Contraste
O Alto Contraste é uma ferramenta que deixa o fundo da página totalmente escuro e as letras mais claras. Este recurso, utilizado principalmente por pessoas que possuem médio ou alto déficit de visão, bem como usuários que apresentam algum grau de daltonismo, permite aumentar o contraste das cores do texto e das imagens na tela, facilitando sua identificação.
b) Navegação por teclado
Aplicado visando permitir que usuários com deficiências motoras e visuais usem apenas o teclado para navegar pelo conteúdo e entre as páginas do site.
c) Tamanho do texto
Todo o site foi desenvolvido com fontes em um tamanho que facilite a visualização e leitura.
Todo o site foi desenvolvido com fontes em um tamanho que facilite a visualização e leitura.
6. Telas