Capacidades generales (en muchas vistas de diseño):
* Diseño y estructura visual: Usted ve los elementos del documento u objeto organizado como aparecerían al usuario. Esto incluye cosas como texto, imágenes, botones, campos y otros controles.
* Propiedades y atributos: Puede ver y modificar las propiedades de los elementos individuales. Estas propiedades controlan cosas como tamaño, posición, color, fuente, visibilidad y comportamiento.
* Estructura jerárquica: A menudo, la vista de diseño representa la estructura del documento de manera jerárquica, como un árbol, lo que le permite ver cómo los elementos están anidados y relacionados.
* Relaciones entre elementos: La vista de diseño también puede mostrar cómo un elemento está conectado a otro, especialmente en el diseño de la base de datos, para ver relaciones (de uno a muchos, muchos a muchos).
Ejemplos por aplicación:
1. Desarrollo web (editores HTML/CSS, IDES):
* Elementos: Las etiquetas HTML (divs, párrafos, encabezados, imágenes, formularios, etc.) se representan visualmente.
* Diseño: Cómo se colocan los elementos en la página (utilizando propiedades CSS como margen, relleno, flotador, posición, cuadrícula, flexbox).
* estilos: Colores, fuentes, tamaños, bordes y otros estilos visuales definidos por CSS.
* Elementos interactivos: Representaciones básicas de elementos impulsados por JavaScript (aunque la interactividad completa generalmente requiere ejecutar la página en un navegador).
* estructura html: Cómo los elementos HTML están anidados y organizados en el DOM.
2. Sistemas de administración de bases de datos (DBMS - por ejemplo, MySQL Workbench, SQL Server Management Studio, MS Access):
* Tablas: Representación visual de tablas de bases de datos.
* campos/columnas: Nombres, tipos de datos y restricciones de cada columna en una tabla.
* claves: Las claves primarias, las claves extranjeras y otros tipos de claves están visualmente indicadas.
* Relaciones: Líneas o diagramas que muestran relaciones entre tablas (de uno a muchos, muchos a muchos).
* índices: Representación visual de índices.
* restricciones: (Como `no null`,` único`, `check`) se puede ver y configurar.
* Procedimientos almacenados/Vistas/Funciones: Definición y estructura de estos objetos de base de datos.
3. Microsoft Access (formularios e informes):
* Controles de forma: Cuadros de texto, etiquetas, botones, cuadros de lista, cuadros combinados, etc.
* Diseño: Disposición de controles en el formulario o informe.
* Propiedades: Propiedades de los controles (por ejemplo, fuente de control, formato, fuente, color).
* Código: A veces puede acceder al código VBA subyacente (controladores de eventos) para el formulario o informe desde la vista de diseño.
* Enlace de datos: Cómo el formulario/informe está conectado a los datos en sus tablas.
4. Software de diseño gráfico (Adobe Photoshop, Illustrator):
* Capas: Representación visual de capas y su orden de apilamiento.
* objetos/formas: Círculos, rectángulos, rutas, objetos de texto, etc.
* Propiedades: Trazo, relleno, color, tamaño, posición, opacidad y otras propiedades visuales de los objetos.
* Efectos: Representación visual de los efectos aplicados a capas u objetos (por ejemplo, sombras, brillos, desenfoque).
* Artboards: El lienzo o múltiples lienzos (tableros de arte) en el que está trabajando.
5. Software de presentación (Microsoft PowerPoint, diapositivas de Google):
* diapositivas: Diapositivas individuales en la presentación.
* marcadores de posición: Áreas donde se pueden insertar texto, imágenes u otro contenido.
* Diseño: Disposición de elementos en la diapositiva.
* Animaciones y transiciones: Aunque la animación no está en vivo, generalmente puede ver señales visuales o configuraciones relacionadas con animaciones y transiciones de diapositivas.
* diapositivas maestras: La plantilla general de diseño y diseño para la presentación.
6. Entornos de desarrollo de software (IDES) - Constructores de GUI (por ejemplo, Visual Studio, QT Creator, Eclipse):
* Controles visuales: Botones, campos de texto, etiquetas, menús, barras de herramientas, etc.
* Diseño: Disposición de controles dentro de Windows o diálogo.
* Propiedades: Propiedades de los controles (texto, color, tamaño, controladores de eventos).
* Manitadores de eventos: Conexión visual de los elementos de la interfaz de usuario a las funciones de código que manejan las interacciones del usuario (clics, presiones de teclas, etc.).
* Jerarquía de componentes: La jerarquía de los componentes de UI dentro de la aplicación.
Takeaways de teclas:
* La vista de diseño se centra en los aspectos * visuales * y * estructurales * de algo.
* Le permite manipular los elementos directamente (arrastre, cambie el tamaño, cambie las propiedades).
* Por lo general, es una forma más * intuitiva * de funcionar que solo escribir código o scripts.
* Sin embargo, no siempre muestra el * comportamiento * o * funcionalidad * del objeto. Para eso, generalmente necesita cambiar a un modo "Ejecutar" o "Vista previa".
* Los detalles de lo que puede ver y hacer en la vista de diseño dependen completamente de la aplicación que está utilizando.