Adobe XD Intermediário: Bibliotecas

Name: Adobe XD Intermediário: Bibliotecas
Author: Jessica Henley

Aprender a identificar e usar bibliotecas

Preview the first lesson free — get full access to all 3 lessons.

Curso: sob demanda

Olá, meu nome é Jessica Henley, e nestas lições, eu mostrará uma introdução às bibliotecas, como publicar uma biblioteca, e como acessar uma biblioteca compartilhada. Nesta lição, quero mostrar uma introdução às bibliotecas. Começando com nosso arquivo anterior, navegue para o lado inferior esquerdo. Aqui você verá um ícone que diz Biblioteca. Você também pode ver o atalho. Em um computador Mac, é Shift -Command -Y. Em um computador PC, você pode pressionar Shift -Control -Y. Então, clicando na aba Biblioteca aqui, vamos dar uma olhada veja como usar esta biblioteca. Então aqui eu tenho cores, e se eu clicar em Alternar Estas, em e desligado, você pode ver que não há nada dentro deles. Então, vamos adicionar algumas cores à nossa biblioteca. Então, se eu clicar nesta cor aqui, dizer se eu tivesse várias telas e quero ter certeza de que Estou usando essa mesma cor. Bem, posso clicar nesta cor e você terá este sinal de mais, que adicionará a cor à biblioteca. E também para esta flor, digamos, para o interior. Por dentro, posso clicar no sinal de mais e ele na verdade, adicione-o à biblioteca. E da mesma forma para a haste, posso clicar na haste e adicionar que também. Agora é assim que você pode selecionar diferentes itens em uma tela, mas você também pode clicar no nome da tela e adicionar o sinal de mais sinal. Quando você fizer isso, ele extrairá todas as cores daquele tela específica e adicione-a à biblioteca. Agora diga se deseja alterar os nomes dessas cores. No momento temos o código hexadecimal, que são as letras e números apresentados, e essas letras e números representam essa cor. Agora, se eu clicar com o botão direito, posso editar e dizer se quero editar esta cor, eu poderia editar esta cor. E como você pode ver na tela, isso está mudando. A boa notícia sobre isso é se você tiver essa cor em vários telas, você pode atualizar a cor em várias telas se está usando essa cor aqui. Além disso, ao clicar com o botão direito, você também pode renomeá-lo. Então, se eu colocar verde escuro, você pode renomear suas cores. Agora vamos dar uma olhada nos estilos de caracteres. No momento, estou usando apenas um estilo de personagem. Então, eu tenho as flores da Josie aqui e posso acertar o sinal positivo sinal. Então agora você vê a fonte Optima que escolhi no 35. Agora, para os componentes, quero mostrar como isso funciona. Vou criar alguns símbolos na parte inferior e depois mova esse símbolo para a tela, mas mostre como os componentes podem seja útil. Então Vou navegar de volta para minha tela número um e vou indo para o design. Em design, clicarei no polígono ou no atalho, o Y. E vou clicar e arrastar para criar esse design no fundo. Indo para a aparência, vou prosseguir e escolher um cor que quero adicionar para a parte inferior aqui. E o que quero fazer agora é duplicar isso. Então, com a ferramenta de seleção ativada, Vou clicar com o botão direito em copiar, clique com o botão direito em colar. Mas, novamente, você também pode usar seus atalhos, o que é controle ou comando D. Quando eu pressiono o controle ou o comando D, posso puxar rapidamente o elementos de design acabados. Eu só vou espalhar isso. Você pode adicionar qualquer design que desejar. Por exemplo, vou usar este design aqui e estou basta selecioná-los e centralizá-los. Agora, o que eu quero fazer é transformar isso em um componente clicando e arrastando todas essas quatro elipses de design aqui, essas formas poligonais. E conforme clico e arrasto sobre essas formas poligonais, vou clicar com o botão direito e criar um componente. Observe que o atalho é comando ou controle K. Agora você pode ver que a seleção se transformou em esta caixa verde e há um diamante verde. Preste atenção neste diamante aqui. É importante porque quando eu copio e colo isso e movo para esta tela ou fora da tela, você pode ver que o diamante não está preenchido aqui, mas está preenchido neste. Por que isso é importante? Bem, aquele com o diamante colorido significa que este é na verdade, a cabeça. Esta é a cauda ou este é o pai e este é o filho. Isso significa que quando eu adiciono e faço alterações, este é uma iteração deste e seguiria. Então, para explicar melhor, vamos ver como é. Então, se eu tocar duas vezes e disser se quero mover este, está seguindo um ao outro porque esta é a cabeça. O outro é uma cauda ou conexão pai-filho. Além disso, se eu mudar este e mesmo neste ponto aqui, vamos ver, puxe isso para cima. Você pode ver que isso muda. Agora vamos dar uma olhada novamente na biblioteca. Você pode ver que o componente foi adicionado. Uma vez cliquei com o botão direito. Agora, outro lugar onde você pode adicionar componentes é objeto e criar componentes. Então, por exemplo, se eu clicar neste objeto e for para objetos, você pode ver que posso dizer fazer componentes. Esse é outro lugar onde você pode fazer um objeto, um componente. Não vamos entrar em vídeos, mas a opção de vídeo é lá também. No próximo vídeo, mostrarei como publicar uma biblioteca. Obrigado por assistir.

Intermediário Fornecedor : Jessica Henley 3 lições · 12m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Com as bibliotecas do Adobe XD, é possível manter os componentes do seu design juntos para facilitar o acesso e a consistência do design. As bibliotecas podem incluir cores, estilos de caracteres, componentes e vídeos. Estas lições mostrarão como adicionar cores personalizadas, editar e alterar cores predefinidas e armazenar estilos e tamanhos de fonte como estilos de caractere. Aprenderá os comportamentos e as vantagens da utilização de componentes em designs, bem como a combinar formas em grupos para criar componentes. Ao fazer o upload para a nuvem, pode publicar o seu ficheiro como uma biblioteca e convidar pessoas a partilhá-lo. As bibliotecas partilhadas pré-fabricadas também estão disponíveis para importação para o seu projeto, o que pode poupar tempo e proporcionar-lhe mais opções para incluir nos seus designs.

Nestas lições, será apresentado às bibliotecas do Adobe XD, explorará como publicar uma biblioteca e aprenderá a aceder a bibliotecas partilhadas.

O Que Você Vai Aprender

Criar ativos de cor personalizados e armazenar estilos de fonte e tamanhos como estilos de caractere
Adicionar cores personalizadas e editar ou alterar cores pré-prontas em suas bibliotecas
Agrupar e combinar formas em componentes para usar em seus designs
Publicar um arquivo como uma biblioteca para a nuvem e convidar pessoas para compartilhá-lo
Acessar e importar bibliotecas compartilhadas pré-prontas em seu projeto
Determinar como usar bibliotecas pode ser útil para a consistência de design

Principais Conclusões

Bibliotecas do Adobe XD mantêm os componentes de um design juntos para fácil acesso e consistência de design.
As bibliotecas podem incluir cores, estilos de caractere, componentes e vídeos.
Ao fazer upload para a nuvem, você pode publicar seu arquivo como uma biblioteca e convidar pessoas para compartilhá-lo.
Bibliotecas compartilhadas pré-prontas estão disponíveis para importar em um projeto, potencialmente economizando tempo e fornecendo mais opções de design.
Os componentes podem ser criados combinando formas em grupos.

Perguntas Frequentes

O que vou aprender neste curso?

Você será apresentado às bibliotecas do Adobe XD, aprenderá a criar ativos de cor personalizados e estilos de texto, agrupar elementos em componentes, publicar uma biblioteca e acessar bibliotecas compartilhadas.

O que uma biblioteca do Adobe XD pode incluir?

Uma biblioteca pode incluir cores, estilos de caractere, componentes e vídeos.

Que aulas este curso aborda?

O curso aborda três aulas: Introdução às Bibliotecas, Publicando uma Biblioteca e Acessando uma Biblioteca Compartilhada.

Como usar bibliotecas ajuda meu trabalho de design?

As bibliotecas mantêm os componentes de seu design juntos para fácil acesso e consistência de design, e bibliotecas compartilhadas pré-prontas podem economizar seu tempo e fornecer mais opções para incluir em seus designs.

Que habilidades este curso se relaciona?

Relaciona-se a Adobe XD, Adobe Elearning Suite, trabalho com Biblioteca Gráfica e Bibliotecas Compartilhadas, e conteúdo Adobe Certified Instructor.