Comentários
Como usar símbolos e estilos para consistência no Sketch
Editado 1 há uma hora por ExtremeHow Equipe Editorial
SketchSímbolosEstilosReutilizaçãoEficiênciaSistema de DesignIUComponentesFluxo de TrabalhoFerramentas
Tradução atualizada 1 há uma hora
O Sketch é uma ferramenta poderosa amplamente usada na indústria de design para criar interfaces de usuário, sites e designs de aplicativos móveis. Entre seus muitos recursos, símbolos e estilos são importantes, fornecendo aos designers uma forma de manter a consistência e agilizar o processo de design. Ao entender como usar símbolos e estilos, os designers podem aumentar significativamente a eficiência de seu fluxo de trabalho e garantir que seus designs permaneçam coerentes e consistentes.
Entendendo símbolos no Sketch
Os símbolos no Sketch são elementos de design reutilizáveis ou grupos de elementos que podem ser reutilizados ao longo do seu design. Pense nos símbolos como modelos; quando você faz uma alteração em um símbolo, todas as instâncias desse símbolo são atualizadas automaticamente. Isso permite que você mantenha a consistência em todo o seu design sem a necessidade de atualizações repetitivas.
Criando símbolos
Para criar um símbolo no Sketch, siga estas etapas:
- Selecione o elemento ou grupo de elementos que deseja transformar em um símbolo.
- Vá ao menu "Layer" e escolha "Create Symbol," ou simplesmente pressione
Command + Option + S. - Uma caixa de diálogo aparecerá pedindo para você nomear o seu símbolo. Dê um nome significativo que possa se lembrar facilmente.
- Escolha onde deseja salvar o símbolo em seu documento. Você pode mantê-lo na mesma página ou movê-lo para uma nova página de símbolos.
- Clique em "Create" para transformar sua seleção em um símbolo.
Uso de símbolos
Depois de criar um símbolo, é simples usá-lo em todo o seu design:
- Arraste-o da página de Símbolos ou Biblioteca para a prancheta desejada.
- Copie e cole instâncias do símbolo em diferentes pranchetas conforme necessário.
- Para modificar um símbolo, basta clicar duas vezes nele. Isso o levará à versão mestre do símbolo onde você pode fazer alterações que serão visíveis em todas as instâncias.
Ícones aninhados
Um dos recursos avançados dos símbolos é a aninhagem. Um símbolo aninhado é um símbolo que é colocado dentro de outro símbolo. Isso pode ser útil para criar componentes complexos compostos por vários símbolos menores.
Estilos no Sketch
Estilos no Sketch referem-se a estilos compartilhados que podem ser aplicados a textos e camadas. Assim como os símbolos, os estilos garantem a consistência ao permitir que você aplique o mesmo visual a diferentes elementos de design.
Criando estilos de texto
Os estilos de texto permitem que você aplique configurações tipográficas consistentes a todas as suas camadas de texto. Veja como você pode criar e aplicar um estilo de texto:
- Selecione uma camada de texto e defina sua fonte, tamanho, cor e outras propriedades de impressão.
- Após selecionar a camada de texto, clique no botão "Create Text Style" no Inspetor.
- Insira um nome para o seu estilo de texto, como "Heading 1" ou "Body Text."
- Agora, os estilos de texto recém-criados podem ser aplicados a quaisquer outras camadas de texto selecionando-as e escolhendo o estilo no menu suspenso no Inspetor.
Criando estilos de camada
Assim como os estilos de texto, os estilos de camada são padrões reutilizáveis que podem ser aplicados a camadas de forma ou grupos.
- Personalize uma forma ou camada com preenchimentos, bordas e sombras.
- Clique no botão "Create Layer Style" no Inspetor.
- Dê ao seu estilo de camada um nome descritivo para ajudá-lo a lembrar-se de seu propósito.
- Para aplicar este estilo a novas ou existentes camadas, selecione-as e, em seguida, escolha o estilo no menu suspenso no Inspetor.
Benefícios de usar símbolos e estilos
Consistência e eficiência são as marcas de um bom processo de design. Símbolos e estilos no Sketch fornecem uma estrutura sólida para manter essas qualidades em seu trabalho de design.
Aumento da estabilidade
Usar símbolos e estilos ajuda a garantir que seu design seja consistente em diferentes páginas e múltiplos projetos. Essa consistência é importante para criar uma experiência de usuário coerente. Os designers podem alcançar uma aparência uniforme em botões, ícones, tipografia e outros elementos repetidos, conferindo ao design final um visual polido e profissional.
Eficiência e rapidez
Os símbolos e estilos reduzem significativamente o tempo necessário para fazer atualizações em um design. Em vez de mudar cada instância de um elemento de design ou estilo de texto individualmente, você pode fazer ajustes em um símbolo ou estilo, que atualiza automaticamente todas as instâncias em seu design.
Colaboração e escalabilidade
Trabalhar com símbolos e estilos torna o processo de colaboração perfeito. Quando os designers trabalham em equipe, usar um conjunto consistente de símbolos e estilos significa que todos os membros da equipe estão na mesma página e falam a mesma linguagem de design. Além disso, essa prática torna o dimensionamento de seus designs para projetos maiores ou plataformas adicionais muito mais simples e gerenciável.
Melhores práticas
Para maximizar a eficácia dos símbolos e estilos, considere as seguintes melhores práticas:
Planeje seus símbolos e estilos
Antes de começar seu design, planeje quais elementos se tornarão símbolos e quais estilos você precisará. Essa preparação ajuda a organizar seus ativos e reduzir a redundância. Entender os requisitos do seu projeto irá guiá-lo na criação de um conjunto abrangente de símbolos e estilos.
Organize e nomeie de forma consistente
À medida que sua biblioteca de símbolos e estilos cresce, é importante mantê-los organizados. Use nomes descritivos que indiquem claramente o propósito ou uso do símbolo ou estilo. Agrupe símbolos e estilos relacionados em uma estrutura lógica para facilitar a navegação.
Use uma biblioteca para componentes compartilhados
O Sketch oferece um recurso chamado Biblioteca onde você pode armazenar símbolos e estilos que podem ser compartilhados entre diferentes documentos. Este recurso é especialmente útil quando você trabalha em equipes ou quando diferentes projetos compartilham componentes de design comuns.
Manutenção de rotina
Revise e atualize seus símbolos e estilos regularmente para garantir que ainda atendam às necessidades do seu projeto. À medida que seu design evolui ou surgem novas tendências de design, você pode precisar fazer ajustes para manter seu sistema de design atualizado.
Conclusão
Os símbolos e estilos no Sketch são ferramentas inestimáveis que contribuem significativamente para o conjunto de ferramentas de um designer. Ao fornecer uma maneira de reutilizar elementos de design e manter um estilo consistente em vários projetos, eles economizam tempo, garantem uniformidade e tornam a colaboração em equipe mais eficiente. Quando usados de forma eficaz, esses recursos podem melhorar a qualidade e a coesão do seu trabalho de design.
Entender e dominar símbolos e estilos lhe dará a eficiência e a consistência necessárias para oferecer resultados de design de alta qualidade. Ao incorporar esses elementos de forma atenciosa e estratégica em seu processo de design, você pode agilizar seu fluxo de trabalho e se concentrar mais na criatividade e inovação.
Se você encontrar algo errado com o conteúdo do artigo, você pode