Crear un diagrama de contorno reticular para interfaces de usuario

Crear un diagrama de contorno reticular para interfaces de usuario

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

La plantilla de contorno reticular está diseñada para crear maquetas de fidelidad media de aplicaciones de software. La plantilla se puede utilizar para una amplia gama de tipos de software, como las 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?

Crear cuadros de diálogo

Crear barras de herramientas

Agregar controles a formularios

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.

Volver al principio

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.

Volver al principio

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.

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×