Crear un diagrama de contorno reticular para interfaces de usuario
Applies ToVisio Plan 2 Visio Profesional 2024 Visio Profesional 2021 Visio Profesional 2019 Visio Profesional 2016

La plantilla de contorno reticular de Visio Professional y Visio Plan 2 está diseñada para crear bocetos de fidelidad media de aplicaciones de software. La plantilla se puede usar para una amplia gama de tipos de software, como aplicaciones para Windows, Internet y dispositivos móviles.

  1. Comience haciendo clic en la galería de símbolos Diálogos y arrastrando un formulario de aplicación o un formulario de diálogo a la página. Agregue otras formas desde esta galería de símbolos para delinear la estructura básica de la interfaz de usuario.

  2. Haga clic en la galería de símbolos Barras de herramientas para agregar menús y otros iconos de aplicación.

  3. Use las formas de las otras cuatro galerías de símbolos predeterminadas (Controles, Cursores, Iconos comunes e Iconos web y multimedia) para rellenar la interfaz de usuario y mostrar la funcionalidad de la aplicación.

Algunas de las formas de contorno reticular tienen propiedades personalizables. A continuación se indican algunos consejos para usar estas formas.

¿Qué desea hacer?

cuadros de diálogo Create

Forma

Sugerencias

Formulario de aplicación

Contenedor que proporciona los límites de toda la aplicación. Un punto de conexión en la esquina superior derecha mantiene el botón de formas de Windows en su lugar.

Formulario de diálogo

Contenedor para los iconos, controles y texto de los cuadros de diálogo. Un punto de conexión en la esquina superior derecha retiene las formas de botón de Windows en su lugar.

Botones de Windows

Seleccione qué botón quiere representar usando esta forma: Cerrar, Maximizar, Minimizar o Restaurar (los botones que generalmente se usan en la esquina superior derecha de las aplicaciones y los formularios de diálogo). Puede seleccionar el botón que desee al colocar la forma en el formulario y también puede hacer clic con el botón secundario en la forma y hacer clic en Tipo de botón para cambiarlo después.

Cambie el sombreado del botón haciendo clic con el botón secundario en la forma y, a continuación, haciendo clic en Mostrar activo.

Barra de estado

Contenedor para los elementos de la barra de estado, los iconos y los divisores. Los elementos de la barra de estado son barras de largo medio a las que se puede agregar texto haciendo doble clic. También tienen un punto de conexión central para agregar un icono, una barra de progreso, un control deslizante u otras formas. Los iconos de la barra de estado son barras cortas con un punto de conexión central sobre el que puede colocar iconos desde Iconos comunes o Iconos web y multimedia. Puede colocar divisores de barra de estado entre otras formas para realizar divisiones visibles.

Barra de desplazamiento

Haga clic con el botón secundario para diseñarla en sentido vertical u horizontal, así como para establecer el largo del control deslizante (largo de un dedo). Use el controlador amarillo para mover el control deslizante a lo largo de la barra de desplazamiento.

Control de cambio de tamaño

Solo se puede usar en las barras de desplazamiento y las barras de estado. Aparece un cuadro de diálogo para que pueda establecer el tipo después de colocarlo en la página.

Barra de pestañas

Contenedor para los elementos de pestaña. Después de agregar un elemento de pestaña superior o un elemento de pestaña inferior, puede agregar más haciendo clic con el botón secundario en el elemento de pestaña o haciendo clic en la flecha Insertar azul que aparece con resaltado naranja cuando mantiene el puntero sobre una esquina de la pestaña.

Cambie el sombreado de la pestaña haciendo clic con el botón secundario en la forma y, a continuación, haciendo clic en Establecer pestaña activa.

Cuando seleccione la barra de pestañas, puede usar la pestaña Formato en Herramientas de contenedor para cambiar su estilo.

Principio de página

barras de herramientas Create

Forma

Sugerencias

Barra de menús

Contenedor para los elemento de la barra de menús. Después de agregar un elemento de la barra de menús, haga clic con el botón secundario en él para establecer el estado (como habilitado o seleccionado), el tipo (normal o desplegable) y si se agrega espacio para un icono. También puede usar el menú contextual para agregar más elementos de la barra de menús o puede hacer clic en la flecha Insertar azul.

Menú desplegable

Contenedor para elementos de menú. Después de agregar un elemento de menú, haga clic con el botón secundario en él para establecer el estado (como habilitado o seleccionado), el tipo (como normal o de radio) y si se establece en el ancho del menú. También puede usar el menú contextual para agregar más elementos de menú o puede hacer clic en la flecha Insertar azul.

Puede conectar un menú desplegable con un elemento de la barra de menús para mostrar un menú abierto. Los elementos de la barra de menús tienen puntos de conexión en la esquina inferior que se pueden conectar con la esquina superior de un menú desplegable.

Principio de página

Agregar controles a formularios

Forma

Sugerencias

Hipervínculo

Cuando coloca una forma de hipervínculo en una página, se abre el cuadro de diálogo Hipervínculos para que pueda establecer el destino del vínculo.

Botón

Haga clic con el botón secundario en la forma de botón para establecer el estado o la apariencia del botón (por ejemplo, habilitado o seleccionado).

Cuadro de lista

Contenedor para los elementos de cuadro de lista. Haga clic con el botón secundario en el cuadro de lista para establecer la dirección de la lista (por ejemplo, de arriba a abajo o de izquierda a derecha). Después de agregar un elemento de cuadro de lista, haga clic con el botón secundario para establecer el estado (como habilitado o seleccionado) y establecer los marcadores de posición en caso de que quiera agregar más espacio al elemento (por ejemplo, para agregar un icono). También puede usar el menú contextual para agregar más elementos de cuadro de lista o puede hacer clic en la flecha Insertar azul.

Cuando seleccione el cuadro de lista, puede usar la pestaña Formato en Herramientas de contenedor para cambiar su estilo.

Casilla

Haga clic con el botón secundario en la casilla para establecer la Opción (por ejemplo, Seleccionado o Desactivada) y el Estado (por ejemplo, Habilitado o Al activar).

Control de árbol

Contenedor para los elementos de control de árbol. Después de agregar un elemento de control de árbol, haga clic con el botón secundario en el elemento para controlar la sangría y establecer las propiedades del árbol, como el estado expandido o contraído, y los espacios de marcador de posición.

También puede usar el menú contextual para agregar más elementos de control de árbol, o puede hacer clic en la flecha Insertar azul.

Cuando seleccione el control de árbol, puede usar la pestaña Formato en Herramientas de contenedor para cambiar su estilo.

Control deslizante

Haga clic con el botón secundario para establecer propiedades tales como el número y la posición de las marcas de graduación. Use el controlador amarillo para mover el control deslizante.

Barra de progreso

Use el controlador amarillo para mover el indicador de progreso.

Calendario

Cuando coloca un calendario en una página, aparece un cuadro de diálogo para que pueda establecer el mes y el año. Para cambiar la configuración posteriormente, haga clic con el botón secundario en la forma y, a continuación, haga clic en Configurar.

Principio de página

¿Necesita más ayuda?

¿Quiere más opciones?

Explore las ventajas de las suscripciones, examine los cursos de aprendizaje, aprenda a proteger su dispositivo y mucho más.

Las comunidades le ayudan a formular y responder preguntas, enviar comentarios y leer a expertos con conocimientos extensos.