Como aplicar propriedades específicas de exibição em projetos adaptáveis

Propriedades específicas da vista

Aplique as propriedades específicas da vista controlando o tamanho, a posição e os caracteres do objeto. Crie objetos em uma vista e torne-os visíveis ou invisíveis nas outras vistas.

Também é possível fazer com que os objetos sejam específicos à vista. Por exemplo: é possível criar objetos A, B e C na exibição do ponto de interrupção Primário. Porém, você pode não querer usar exibições do ponto de interrupção do objeto B em tablets ou do objeto C em Móvel. Para isso, em Projeto responsivo, mova o objeto B para fora do slide até a área de recorte na exibição para Tablets. De igual forma, o objeto C pode ser movido para a área de recorte na exibição para Móvel.

Outra opção de fazer o objeto ser exibido somente em uma vista é clicar com o botão direito nele e escolher Excluir de outras vistas, conforme mostrado na tela abaixo:

 

Excluir objetos de outras exibições
Excluir objetos de outras exibições

Aplicação de propriedades específicas da vida

  1. Crie um projeto responsivo e adicione alguns objetos de forma inteligente no slide do ponto de interrupção Primário

  2. Alterne para os pontos de interrupção Tablet e Móvel e observe
    É possível visualizar os mesmos objetos da exibição Primária nas exibições Tablets e Móvel

  3. Clique no objeto para destacá-lo e clique em PPropriedades > guia Posição
    Na guia Posição serão exibidas caixas suspensas destacadas sobre a posição do objeto, como Superior, Esquerda, Inferior, Direita, Altura e Largura.

    Propriedades da posição do objeto
    Propriedades da posição do objeto

  4. Clique nas caixas suspensas de cada posição e selecione os tipos de valor, como %, px (para pixels) e % relativa (em relação aos objetos de sobreposição).

  5. Personalize o tamanho e a posição do objeto em cada vista de maneira diferente.
    É possível observar as bordas das posições destacadas nas mesmas cores que as do ponto de interrupção da vista.

    Vamos supor que você tenha criado uma forma inteligente na vista Principal e personalizado a posição dela na vista Tablet. As bordas das propriedades Altura e Largura do objeto serão exibidas na cor do ponto de interrupção da vista Principal. O resto das propriedades serão exibidas na cor do ponto de interrupção da vista Tablet.

    A seguir, uma tela de exemplo:

     

    Codificação por cores quando uma forma inteligente é criada na exibição Principal e sua posição é personalizada na visualização Tablet.
    Codificação por cores quando uma forma inteligente é criada na exibição Principal e sua posição é personalizada na visualização Tablet.

    Observação:

    Adicione dois objetos quaisquer ao slide. Na guia Posição, em Propriedades, clique na caixa de seleção próxima a Posição inteligente para exibir as dimensões e os links para outros objetos. Conhecendo as distâncias das bordas do slide, será possível criar desenhos e fluxogramas precisos.  

Posição do objeto

Posição inteligente

Use essa opção para seguir um objeto em vez de o palco no projeto.

%

Selecione esta unidade se desejar que a dimensão ou posição do objeto seja uma porcentagem da largura ou altura da Cena.

Pixel

Selecione esta unidade se desejar que a dimensão ou posição do objeto seja uma porcentagem da largura ou altura da Cena.

Automático

Escolha essa unidade para manter a proporção de pixels.

% relativa

Selecione essa opção para manter a sobreposição. É exibida somente com propriedades relacionadas à altura. 

Observação:

O Topo relativo pode ser uma função de largura, mas não pode ser uma função de altura. Também é possível usar % relativa para vincular objetos.

Mín.-Máx.

Determine o tamanho mínimo e máximo dos objetos para que não sejam redimensionados nas exibições em outros dispositivos. Isso é especialmente útil para imagens, como logotipos, que precisam ser consistentes e estar legíveis em todos os momentos.

Em Projeto responsivo, é possível definir Altura mínima, Largura mínima, Altura máxima e Largura máxima dos objetos. 

 

  1. Clique em qualquer objeto

  2. Na guia Posição, no Inspetor de propriedades, clique no botão de seta próximo à opção Avançado

  3. Defina os valores de posição Mínimo e Máximo.
Logotipo da Adobe

Fazer logon em sua conta