Criar um diagrama vetorial para interfaces de utilizador

Criar um diagrama vetorial para interfaces de utilizador

Nota:  Queremos fornecer-lhe os conteúdos de ajuda mais recentes o mais rapidamente possível e no seu idioma. Esta página foi traduzida automaticamente e pode conter erros gramaticais ou imprecisões. O nosso objetivo é que estes conteúdos lhe sejam úteis. Pode informar-nos se as informações foram úteis no final desta página? Eis o artigo em inglês para referência.

O modelo de vectorial destina-se para a criação de modelos de fidelidade média de aplicações de software. O modelo pode ser utilizado para uma vasta gama de tipos de software, tais como as aplicações para o Windows, Internet e dispositivos móveis.

  1. Comece por clicar no stencil Caixas de diálogo e arrastar um Formulário de aplicação ou um Formulário de caixa de diálogo para a página. Adicione outras formas a partir deste stencil para delinear a estrutura base da IU.

  2. Clique no stencil Barras de ferramentas para adicionar menus e outros ícones de aplicações.

  3. Utilize as formas disponíveis nos outros quatro stencils predefinidos (Controlos, Cursores, Ícones Comuns e Ícones de Web e Multimédia) para preencher na IU e demonstrar a funcionalidade da aplicação.

Algumas das formas vetoriais têm propriedades personalizáveis. Seguem-se algumas sugestões sobre como utilizar essas formas.

O que pretende fazer?

Criar caixas de diálogo

Criar barras de ferramentas

Adicionar controlos a formulários

Criar caixas de diálogo

Forma

Sugestões

Formulário de aplicação

Contentor que indica os limites de toda a aplicação. Um ponto de ligação no canto superior direito mantém as formas Botão de janelas na posição correta.

Formulário de caixa de diálogo

Contentor para reter ícones, controlos e texto para caixas de diálogo. Um ponto de ligação no canto superior direito retém as formas Botão de janelas na respetiva posição.

Botão de janelas

Selecione o botão que pretende representar utilizando esta forma: Fechar, Maximizar, Minimizar ou Restaurar (os botões que se encontram geralmente no canto superior direito das aplicações e formulários da caixa de diálogo). Pode selecionar o botão pretendido quando larga a forma no formulário e também pode clicar com o botão direito do rato na forma e clicar em Tipo de Botão para alterá-lo posteriormente.

Altere o sombreado do botão clicando com o botão direito do rato na forma e, em seguida, clicando em Mostrar Ativo.

Barra de estado

Contentor para itens da Barra de estado, ícones e divisores. Os itens da Barra de estado são barras de tamanho médio, às quais pode adicionar texto fazendo duplo clique. Também têm um ponto de ligação central para adicionar um ícone, uma barra de progresso, um controlo de deslize ou outra forma. Os ícones da Barra de estado são barras pequenas com um ponto de ligação central onde pode largar ícones a partir de Ícones Comuns ou Ícones Web e de Multimédia. Pode largar divisores da Barra de estado entre outras formas para efetuar divisões visíveis.

Barra de deslocamento

Clique com o botão direito do rato para designar como vertical ou horizontal e para definir o comprimento do controlo de deslize (comprimento de miniatura). Utilize a alça de controlo amarela para mover o controlo de deslize ao longo da barra de deslocamento.

Redimensionador

Só pode ser utilizado em Barras de deslocamento e Barras de estado. É apresentada uma caixa de diálogo para poder definir o tipo depois de o largar na página.

Barra de separadores

Contentor para itens de separador. Após adicionar um Item de separador superior ou um Item de separador inferior, poderá adicionar mais itens clicando com o botão direito do rato no item de separador ou clicando na seta Inserir azul apresentada com o realce cor-de-laranja ao colocar o ponteiro sobre um canto do separador.

Altere o sombreado de um separador clicando com o botão direito do rato na forma e, em seguida, clicando em Definir Separador Ativo.

Quando a Barra de separador está selecionada, pode utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo da Barra de separadores.

Início da página

Criar barras de ferramentas

Forma

Sugestões

Barra de menus

Contentor para itens de Barra de menus. Após adicionar um item de Barra de menus, clique com o botão direito do rato no item para definir o estado (por exemplo, ativado ou selecionado), o tipo (normal ou pendente) e se deverá ser adicionado espaço para um ícone. Também é possível utilizar o menu de atalho para adicionar mais itens de Barra de menus ou clicar na seta Inserir azul.

Menu pendente

Contentor para itens de Menu. Após adicionar um item de Menu, clique com o botão direito do rato no item para definir o estado (por exemplo, ativado ou selecionado), o tipo (por exemplo, normal ou opção) e se deverá ser definido como largura de menu. Também é possível utilizar o menu de atalho para adicionar mais itens de Menu ou clicar na seta Inserir azul.

É possível ligar um menu pendente a um item de Barra de menus para mostrar um menu aberto. Os itens de Barra de menus apresentam pontos de ligação no canto inferior que podem ser ligados ao canto superior de um menu pendente.

Início da página

Adicionar controlos a formulários

Forma

Sugestões

Hyperlink

Quando larga uma forma Hiperligação na página, é apresentada a caixa de diálogo Hiperligações para que possa definir o destino da hiperligação.

Botão

Clique com o botão direito do rato na forma Botão para definir o estado ou o aspeto de Botão (por exemplo, ativado ou selecionado).

Caixa de listagem

Contentor para itens de Caixa de listagem. Clique com o botão direito do rato em Caixa de listagem para definir a direção da listagem (por exemplo, de cima para baixo ou da esquerda para a direita). Após adicionar um item de Caixa de listagem, clique com o botão direito do rato no item para definir o estado (por exemplo, ativado ou selecionado) e para definir os marcadores de posição, se pretender adicionar mais espaço para o item, por exemplo, para adicionar um ícone. Também é possível utilizar o menu de atalho para adicionar mais itens de Caixa de listagem ou clicar na seta Inserir azul.

Quando a Caixa de listagem está selecionada, é possível utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo da Caixa de listagem.

Caixa de verificação

Clique com o botão direito do rato na Caixa de verificação para definir a Escolha (por exemplo, Selecionado ou Não Selecionado) e o Estado (por exemplo, Ativado ou Ao passar com o rato).

Controlo de árvore

Contentor para itens de Controlo de árvore. Após adicionar um item de Controlo de árvore, clique com o botão direito do rato no item para controlar o avanço e para definir propriedades da árvore, tais como o estado expandido ou fechado e os espaços de marcadores de posição.

Também é possível utilizar o menu de atalho para adicionar mais itens de Controlo de árvore ou clicar na seta Inserir azul.

Quando o Controlo de árvore está selecionado, pode utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo do Controlo de árvore.

Controlo de deslize

Clique com o botão direito do rato em Controla de deslize para definir propriedades, como, por exemplo, o número e posição das marcas de escala. Utilize a alça de controlo amarela para mover o controlo de deslize.

Barra de progresso

Utilize a alça de controlo amarela para mover o indicador de progresso.

Calendário

Quando larga um Calendário na página, é apresentada uma caixa de diálogo para que possa definir o mês e o ano. Para alterar a definição posteriormente, clique com o botão direito do rato na forma e, em seguida, clique em Configurar.

Início da página

Aumente os seus conhecimentos do Office
Explore as formações
Seja o primeiro a obter novas funcionalidades
Adira ao Office Insider

As informações foram úteis?

Obrigado pelos seus comentários!

Obrigado pelo seu feedback! Parece que poderá ser benéfico reencaminhá-lo para um dos nossos agentes de suporte do Office.

×