Como organizar arquivos de design automaticamente

Uma pasta de design enche rapidamente. Um único projeto produz variações de logotipo em quatro formatos, mockups exportados em vários tamanhos, um PDF com diretrizes da marca, modelos para redes sociais, capturas de tela do cliente com anotações de feedback e uma quantidade de imagens de referência extraídas da web equivalente a um moodboard inteiro. Nomes de arquivo como hero_v6_final_FINAL.png descrevem a ordem em que as coisas aconteceram, o que não ajuda muito quando alguém pede a versão verde do banner da última primavera.

Este guia aborda como os designers geralmente mantêm arquivos e referências organizados, onde isso exige mais manutenção e como configurar o Fabric para que as exportações e imagens de referência sejam descritas pelo que mostram e agrupadas assim que chegam.

Como os designers geralmente organizam arquivos de design

A maioria dos estúdios usa uma estrutura de pastas no Dropbox ou Google Drive: cliente, depois projeto e, em seguida, subpastas para arquivos-fonte, exportações e referências. Combinado com um padrão de nomenclatura, isso funciona enquanto as pessoas que o criaram estiverem por perto. Formatos de arquivo de design explicados aborda por que um único recurso costuma existir em vários formatos, o que multiplica o número de arquivos para organizar corretamente.

As imagens de referência costumam ficar em um lugar totalmente diferente. Painéis do Pinterest, canais do Are.na e quadros do Milanote são agradáveis para coletar elementos visuais, e cada um mantém sua própria cópia. Misturar imagens com PDFs, links e notas em um único local pesquisável é o ponto em que as pessoas dizem que essas ferramentas começam a parecer limitadas, e as referências de um projeto raramente chegam ao próximo.

Equipes maiores migram para um sistema de gerenciamento de ativos digitais (DAM) com campos de metadados, estados de aprovação e permissões. Isso traz ordem, junto com tempo de configuração e alguém responsável por marcar cada upload com tags. Como gerenciar ativos de marca examina esse lado do espectro com mais detalhes.

Passo 1: Coloque seus arquivos de design no drive do Fabric

Instale o aplicativo Fabric para desktop, que mapeia o Fabric como um drive virtual no Mac, Windows e Linux. Exporte a partir da sua ferramenta de design diretamente para uma pasta nesse drive ou mova uma pasta de projeto existente como qualquer outra pasta. Os arquivos no drive não ocupam espaço no computador e são transmitidos via streaming quando você os abre, o que ajuda com exportações grandes e bibliotecas de imagens. Uma equipe pode trabalhar a partir de um drive compartilhado dessa forma.

Para referências encontradas online, a extensão do navegador salva imagens, uma captura de tela da página ou o site inteiro. Arrastar e soltar ou a opção de carregar um arquivo no aplicativo também funcionam para itens pontuais.

Passo 2: Deixe o Fabric ler o que cada arquivo mostra

Cada arquivo é processado na chegada. O Fabric cria embeddings para que a busca possa encontrá-lo pelo significado, grava um breve resumo e extrai atributos, incluindo tipo de conteúdo, conceitos e cores. Para imagens, ele lê o que está na foto, bem como qualquer texto presente nela, de modo que um mockup é compreendido como uma tela de checkout móvel no modo escuro com uma chamada para ação laranja, independentemente do que o nome do arquivo diga. Ele também sugere tags que você pode aplicar.

O texto em PDFs também é lido. Um documento de diretrizes de marca ou o briefing de um cliente é resumido como qualquer outro arquivo, e uma busca por "regras de área de respiro do logo" abre as diretrizes na página correspondente. Capturas de tela de sites concorrentes ou feedbacks anotados de clientes recebem o mesmo tratamento, de modo que o texto escrito em uma captura de tela pode ser pesquisado junto com a própria imagem.

Passo 3: Configure coleções inteligentes para tipos de ativos

Crie coleções inteligentes para os grupos que você usa repetidamente: logotipos, modelos para redes sociais, ícones, fotografia, embalagens, a marca de um único cliente. As coleções inteligentes são preenchidas automaticamente com base no conteúdo, de modo que uma nova exportação de logotipo entra na coleção de logotipos sem que ninguém precise arrastá-la até lá, e o mesmo arquivo ainda pode permanecer em sua pasta de projeto.

Uma coleção para imagens de referência funciona muito bem ao lado de pastas de projetos. A inspiração salva para um briefing continua fácil de encontrar para o próximo, em vez de ficar enterrada na pasta de um projeto finalizado. Adicione um comentário a uma referência quando o motivo pelo qual você a salvou não for óbvio, como a combinação tipográfica ou o grid que você gostou.

Passo 4: Encontre ativos por cor ou por semelhança

Pressione Cmd+F (Mac) / Ctrl+F (Windows) para pesquisar. Para pesquisar por cor, cole um código HEX da paleta da marca ou selecione uma com o seletor de cores, e o Fabric retorna arquivos onde essa cor aparece. Como pesquisar imagens por cor traz mais detalhes sobre essa técnica.

Quando você tiver uma imagem próxima do que precisa, selecione-a e execute uma busca por similaridade. Para imagens, a similaridade abrange composição, cor e tema, de modo que uma foto de produto marcante traz outras com a mesma iluminação e enquadramento. Combine qualquer busca com filtros de tags, localização ou tipo de item.

Passo 5: Adicione painéis e etapas de revisão onde forem úteis

A estrutura no Fabric é opcional, embora duas visualizações se adaptem muito bem ao trabalho de design. Um canvas permite arrastar ativos da sua biblioteca para um painel ao lado de notas, links e esboços, criando um moodboard funcional. Uma pasta pode ser alternada para uma visualização em kanban com colunas como rascunho, em revisão e aprovado, onde cada cartão é o próprio arquivo.

Para feedback de clientes, compartilhe a pasta e conceda permissão de comentarista ao cliente. Comentaristas podem desenhar em uma imagem e anexar um comentário ao desenho, e você pode marcar cada comentário como concluído assim que for resolvido.

Perguntas frequentes

O Fabric consegue encontrar imagens por cor?

Sim. Cole um código HEX ou escolha uma cor com o seletor de cores na busca, e o Fabric retornará arquivos onde essa cor aparece.

O Fabric entende o que há em uma imagem?

Sim. A busca abrange o conteúdo visual das imagens, bem como qualquer texto presente nelas, e cada arquivo recebe um resumo e atributos extraídos, incluindo cores.

Armazenar arquivos de design no Fabric vai lotar meu notebook?

Não. Os arquivos no drive do Fabric para desktop não ocupam espaço no computador e são transmitidos via streaming quando você os abre.

Preciso colocar tags em todos os ativos?

Não. O Fabric sugere tags e extrai tipo de conteúdo, conceitos e cores por conta própria, e as coleções inteligentes são preenchidas a partir disso. As tags que você adiciona são opcionais.

Posso encontrar designs semelhantes a um que já tenho?

Sim. Selecione o arquivo e execute uma busca por similaridade. Para imagens, ele compara composição, cor e tema.

Minha equipe pode compartilhar uma única biblioteca de design?

Sim. Uma equipe pode trabalhar a partir de um drive compartilhado pelo aplicativo para desktop, com funções de visualizador, comentarista, editor e administrador definidas por espaço ou por arquivo. Planos para equipes traz informações sobre preços para equipes, que não são cobrados por usuário.

Os clientes podem comentar em arquivos de design?

Sim, por meio de um link compartilhado com permissão de comentarista. Eles podem desenhar em imagens e anexar comentários, e você pode marcar os comentários como concluídos.

Como salvo imagens de referência de sites?

Use a extensão do Fabric para navegadores no Chrome, Safari ou Firefox. Ela salva imagens individuais, uma captura de tela da página ou o site inteiro, e cada um é processado como qualquer outro arquivo.