Na visualização do design, você pode visualizar e manipular a estrutura visual de vários tipos de documentos ou objetos. Os detalhes dependem do software que você está usando, mas aqui está um detalhamento do que você pode esperar ver e fazer na visualização de design, com exemplos de diferentes aplicativos:

recursos gerais (em muitas visualizações de design):

* Layout e estrutura visual: Você vê os elementos do documento ou objeto organizados como eles apareceriam ao usuário. Isso inclui coisas como texto, imagens, botões, campos e outros controles.
* Propriedades e atributos: Você pode visualizar e modificar as propriedades dos elementos individuais. Essas propriedades controlam coisas como tamanho, posição, cor, fonte, visibilidade e comportamento.
* estrutura hierárquica: Freqüentemente, a exibição de design representa a estrutura do documento de maneira hierárquica, como uma árvore, permitindo que você veja como os elementos são aninhados e relacionados.
* Relações entre elementos: A exibição de design também pode exibir como um elemento está conectado a outro, especialmente no design do banco de dados, para ver relacionamentos (um para muitos, muitos para muitos).

Exemplos por aplicação:

1. Desenvolvimento da Web (editores HTML/CSS, IDES):

* Elementos: Tags HTML (divs, parágrafos, títulos, imagens, formas etc.) são representados visualmente.
* Layout: Como os elementos estão posicionados na página (usando propriedades CSS como margem, preenchimento, flutuação, posição, grade, flexbox).
* estilos: Cores, fontes, tamanhos, bordas e outros estilos visuais definidos pelo CSS.
* Elementos interativos: Representações básicas dos elementos acionados por JavaScript (embora a interatividade completa geralmente exija a execução da página em um navegador).
* estrutura html: Como os elementos HTML são aninhados e organizados no DOM.

2. Sistemas de gerenciamento de banco de dados (DBMS - por exemplo, MySQL Workbench, SQL Server Management Studio, MS Access):

* Tabelas: Representação visual de tabelas de banco de dados.
* campos/colunas: Nomes, tipos de dados e restrições de cada coluna em uma tabela.
* chaves: As chaves primárias, as chaves estrangeiras e outros tipos de chaves são indicados visualmente.
* Relacionamentos : Linhas ou diagramas mostrando relacionamentos entre tabelas (um para muitos, muitos para muitos).
* índices: Representação visual de índices.
* Restrições: (Como `não null`,` `Único`,` check`) pode ser visualizado e configurado.
* Procedimentos armazenados/views/funções: Definição e estrutura desses objetos de banco de dados.

3. Microsoft Access (formulários e relatórios):

* Controles de forma: Caixas de texto, etiquetas, botões, caixas de listagem, caixas de combinação, etc.
* Layout: Arranjo de controles no formulário ou relatório.
* Propriedades: Propriedades dos controles (por exemplo, fonte de controle, formato, fonte, cor).
* Código : Às vezes, pode acessar o código VBA subjacente (manipuladores de eventos) para o formulário ou relatório da exibição de design.
* Ligação de dados: Como o formulário/relatório está conectado aos dados em suas tabelas.

4. Software de design gráfico (Adobe Photoshop, Illustrator):

* camadas: Representação visual de camadas e sua ordem de empilhamento.
* objetos/formas: Círculos, retângulos, caminhos, objetos de texto, etc.
* Propriedades: AVC, preenchimento, cor, tamanho, posição, opacidade e outras propriedades visuais dos objetos.
* Efeitos: Representação visual de efeitos aplicados a camadas ou objetos (por exemplo, sombras, brilhos, obscuros).
* Artboards: A tela ou várias telas (pranchas de arte) em que você está trabalhando.

5. Software de apresentação (Microsoft PowerPoint, Google Slides):

* Slides: Slides individuais na apresentação.
* espaço reservado: Áreas onde texto, imagens ou outro conteúdo podem ser inseridos.
* Layout: Arranjo de elementos no slide.
* Animações e transições: Embora a animação não esteja ao vivo, você pode ver dicas ou configurações visuais relacionadas a animações e transições deslizantes.
* Mestre slides: O modelo geral de design e layout para a apresentação.

6. Ambientes de Desenvolvimento de Software (IDES) - Construtores da GUI (por exemplo, Visual Studio, QT Creator, Eclipse):

* Controles visuais: Botões, campos de texto, etiquetas, menus, barras de ferramentas, etc.
* Layout: Arranjo de controles dentro de janelas ou diálogos.
* Propriedades: Propriedades dos controles (texto, cor, tamanho, manipuladores de eventos).
* Manipuladores de eventos: Conexão visual dos elementos da interface do usuário para codificar funções que lidam com as interações do usuário (cliques, pressões de teclas etc.).
* Hierarquia de componentes: A hierarquia dos componentes da interface do usuário dentro do aplicativo.

Teclas de chave:

* A visão do design está focada nos aspectos * visuais * e * estruturais * de algo.
* Permite manipular os elementos diretamente (arrastar, redimensionar, alterar propriedades).
* Geralmente é uma maneira mais * intuitiva * trabalhar do que apenas escrever código ou scripts.
* No entanto, nem sempre mostra o comportamento * ou * funcionalidade completo * do objeto. Para isso, você geralmente precisa alternar para um modo de "executar" ou "visualizar".
* Os detalhes do que você pode ver e fazer na exibição de design dependem inteiramente do aplicativo que você está usando.