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.
-
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.
-
Haga clic en la galería de símbolos Barras de herramientas para agregar menús y otros iconos de aplicación.
-
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?
Crear cuadros de diálogo
|
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. |
Crear barras de herramientas
|
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. |
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. |
