por Vitor Hugo
Ícones do macOS
Conheça o meu processo de design de ícones de pastas usando o Sketch App e baixe tudo gratuitamente. Neste artigo eu explico sobre a pesquisa e aplicação do conceito de translucidez da Apple e o que me motivou a criar esses ícones que substituem os originais do Finder.
A translucidez (translucency) é um dos grandes conceitos da nova linguagem visual da Apple. Ele é marcado principalmente pelo efeito que um elemento transparente causa na nitidez de um elemento com intersecção em segundo plano.
Aplicar esse efeito nos ícones, trouxe essa leveza para a combinação da pasta com os símbolos.
O ícone mais trabalhado certamente foi do Xcode por ter mais detalhes realistas no símbolo original. Foi a aplicação em menor escala desse símbolo que me fez pensar se não era melhor cortar a interseção de partes do símbolo ao invés de sobrepor.
Modelo básico
A familiaridade com as pastas originais é algo que gostaria de manter para este projeto, então neste caso, o modelo foi desenhado com base no formato do ícone de pasta original. Após o desenho simplificado, foram adicionados estilos visuais e uma grade para posicionamento de símbolos.
Você pode baixar o modelo e criar os seus próprios ícones no artigo que escrevi lá no blog sobre o processo completo de design e o plugin do Sketch usado para exportar .ICNS.
Ver o processo de design completo →
Formulando a paleta de cores
Com base nas nuanças das cores de ícones de aplicativos, experimentei variações para chegar em tons vivos e muito familiares aos dos aplicativos. O final dessa etapa resultou em uma grande e flexível paleta de cores para trabalhar.
Pixel perfeito
Ícone após ícone eu fui pesquisando, adaptando e desenhando cada símbolo para compor o grupo de pastas que uso no dia-a-dia. Após a exportação dos arquivos com o plugin do Sketch App, aplicar foi muito simples – basta selecionar uma pasta, apertar command + i e arrastar o arquivo .ICNS para o desenho da pasta no topo da janela de propriedades.
