Cómo crear una GUI en Visio (En 11 Pasos)
Microsoft Visio 2010 es una herramienta de diseño gráfico que puede ser usada para crear diagramas, elementos de una interfaz, menús de navegación y otros objetos visuales. Este programa ofrece una amplia variedad de herramientas para crear el diseño de una interfaz gráfica de usuario (GUI por sus siglas en inglés). El diagrama mostrará cómo aparecerá la aplicación o interfaz web en su forma final. Desarrollar una GUI en Visio no es tan difícil, y los diseños pueden ser exportados como archivos PDF. Sigue algunas pautas para aprender a construir un modelo esquemático básico para la GUI de un sitio web.
Paso 1
Abre Microsoft Visio. Crea un nuevo dibujo haciendo clic en el icono de dibujo en blanco. Presiona el botón "Crear".
Paso 2
Haz clic en la ventana "Formas" del lado izquierdo de la pantalla. Selecciona "Más formas". Elige "Formas básicas en unidades estadounidenses". Haz clic en "Formas rápidas".
Paso 3
Crea un cuadro de título haciendo clic con el botón derecho en la forma del cuadro de rectángulo y arrastrando la forma hasta el área de dibujo. Cambia el tamaño del cuadro para cubrir aproximadamente el 15% del área superior del dibujo.
Paso 4
Crea un cuadro de menú de navegación haciendo clic con el botón derecho en la forma de cuadro de rectángulo y arrastrándola debajo del cuadro de título. Cambia el tamaño del cuadro para tener una altura de aproximadamente media pulgada (1,27 cm) y la misma anchura que tiene el cuadro de título.
Paso 5
Crea un cuadro grande para el cuerpo principal haciendo clic con el botón derecho en la forma de cuadro de rectángulo y arrastrándola debajo del cuadro del menú de navegación. Cambia el tamaño del cuadro para que tenga la misma anchura de los cuadros del título y del menú de navegación y para cubrir la parte inferior del área de dibujo.
Paso 6
Crea dos rectángulos haciendo clic con el botón derecho en la forma de cuadro de rectángulo y arrastrándola hacia el área de dibujo dos veces. Cambia el tamaño de cada cuadro para que ambos se ajusten a una de las mitades del cuadro del cuerpo principal. Mueve cada cuadro para acomodarlos de forma adyacente entre sí dentro del cuerpo principal.
Paso 7
Crea campos de texto para representar los vínculos de navegación haciendo clic en el botón "A Texto" de la parte superior de la barra de navegación. Selecciona un área dentro del cuadro de navegación para crear un pequeño campo de texto haciendo clic con el botón izquierdo del ratón. Mueve el ratón para cambiar el tamaño del campo de acuerdo a la longitud que desees. Escribe el texto para que diga "Página Principal".
Paso 8
Crea otros cuatro campos de texto usando el botón izquierdo del ratón. Escribe "Elemento del menú" en cada cuadro. Cambia sus tamaños para que se ajusten al tamaño del cuadro "Página Principal".
Paso 9
Selecciona un área dentro del cuadro del título principal y crea un campo de texto con la descripción "Título principal".
Paso 10
Crea un cuadro de texto dentro de cada cuadro localizado en el interior del área del contenido principal del dibujo. Dale una descripción a cada cuadro de texto, por ejemplo "Área de contenido". Cambia el tamaño de cada cuadro de texto para que sean del mismo tamaño. Selecciona el botón "Puntero" de la parte superior del menú de navegación.
Paso 11
Guarda el dibujo haciendo clic en "Archivo" desde el menú de navegación superior y selecciona "Guardar como".
