GUI Design Studio

Definición
GUI Design Studio es una herramienta de diseño de interfaz gráfica de usuario que puede
utilizarse para crear rápidamente prototipos de demostración sin ningún tipo de codificación o
programación.

Permite dibujar pantallas individuales, ventanas y componentes utilizando elementos estándar,

conéctelos en guiones gráficos de flujo de trabajo operacional y luego ejecuta el simulador para
probar tus diseños. Dicho brevemente, incluso los usuarios principiantes podrán diseñar
interfaces y prototipos atractivos. Desarrollado por Caretta Sofware Ltd, actualmente se
encuentra en la versión 5.0.164.0. Página oficial
https://www.carettasoftware.com/guidesignstudio/.

¿Para quién es?

Diseñadores Software, Experiencia Profesional de Usuario, analistas de negocio,

desarrolladores, jefes de proyecto y consultores.

 Ideas de productos Documento

 Crear propuestas de proyectos
 Crear diseño maquetas

¿Por qué usarlo?

Puedes colocar rápidamente las ideas y ponerlas a prueba en un entorno libre de riesgos, bajo
costo y evitar tramites de trabajo en el diseño adecuado acordado.

Características
 Crear diseños de interfaz de usuario rápida y fácilmente
Ya sea que las pantallas están
representando las ventanas de
aplicaciones, páginas Web, sub-paneles o
controles personalizados, el diseñador de
la pantalla con todas las funciones le
permitirá crear de forma rápida y fácil.

Figura 1. Interfaz de GUI Design Studio

 Acceso a más de 120 incorporada en el diseño de elementos

Crear pantallas utilizando los

controles estándar de Windows,
elementos web y otros elementos
genéricos. Las variaciones se
proporcionan en muchos casos
para acelerar la construcción.
Combinar elementos para crear
controles personalizados y otras
variantes.

Figura 2. Interfaz de GUI Design Studio

 Elementos personalizados
Crear su propio conjunto de elementos de uso común, y grupos de elementos

Figura 3. Interfaz de GUI Design Studio

 Proyecto y plantillas de diseño (edición Professional)

Aumenta su productividad, partiendo de una plantilla de diseño en lugar de un lienzo en
blanco.

Figura 4. Interfaz de GUI Design Studio

 o Crear nuevos proyectos basados en una plantilla.

o Insertar plantillas de diseño de patrones en un proyecto existente con todos los

archivos que son necesarios.

o Inserción siempre crea archivos únicos por lo que es seguro de usar para la
repetición de patrones dentro de la misma carpeta.

o El navegador muestra imágenes en miniatura para ayudarle a elegir y le permite

encontrar las plantillas por categoría o seleccionar entre las plantillas utilizadas más
recientemente.

o Creación de plantillas de proyectos enteros, carpetas dentro de los proyectos o

archivos individuales de diseño.

o Importar plantillas y compartir sus propias plantillas con los demás.

 Incluir iconos y las imágenes en una variedad de formatos

Añadir el fondo y los gráficos de primer plano a sus diseños y ajustar su diseño tan
fácilmente como con cualquier otro elemento.

o De arrastrar y soltar imágenes desde el

árbol de archivos de proyecto

o populares formatos de imagen

soportados incluyendo BMP, GIF,
JPEG y PNG

o Los archivos GIF y PNG transparentes

compatibles

o Cultivo, estiramiento e imágenes de

mosaico

o Acceso rápido a las paletas

categorizados de iconos

o Iconos comunes son compartidos

entre los proyectos

o Los proyectos también pueden tener

sus propios iconos

Figura 5. Interfaz de GUI Design Studio

o Utiliza archivos ICO estándar que más tarde pueden ser utilizados en la producción
de

o Escalar iconos para probarlos en diferentes tamaños y evitar tener que crear varias
versiones durante la creación de prototipos

o Más de 150 iconos básicos incluidos para que pueda empezar

o Crear sus propios iconos utilizando el integrado editor de iconos Icono expreso

o Integrar con un editor de icono diferente, si se prefiere

o Anotar su diseño con superposiciones y notas al margen

Cuando es necesario agregar más explicaciones a sus diseños, puede agregar elementos
de anotación a la derecha en la página o mantenerlos fuera del camino en las notas al
margen.

o Añadir cuadros de texto, entre llaves y

marcadores flotantes directamente a los
diseños

o Añadir notas con formato para describir

un diseño entero

o Añadir notas con formato para describir

cada elemento individual
Figura 6. Interfaz de GUI Design Studio
o Notas de elemento aparecen en un consejo emergente durante el diseño y cuando se
ejecuta el prototipo

o Mostrar u ocultar las anotaciones en un

diseño con una sola pulsación de tecla

 Storyboard sus diseños para crear un

prototipo dinámico

La creación de diseños individuales de la

pantalla es útil, pero GUI Design Studio
también le permite conectar entre sí de
diferentes maneras y traerlos a la vida
como un prototipo interactivo.
 o Gráficamente describir el flujo de trabajo de aplicaciones

o ejecutar de forma instantánea y probar su diseño como un prototipo interactivo

o Crear navegaciones para mostrar u ocultar las ventanas, paneles y cuadros de

diálogo modales, etc.

o Use las anclas para posicionar con precisión donde desee.

o Interfaces de pestañas compatibles con facilidad

Figura 7. Interfaz de GUI Design Studio
o Navegar desde puntos de acceso dentro de los mapas de bits

o Producir los menús de contexto del botón derecho

o Los escenarios permiten cambiar de navegación basado en condiciones elegidas

o Utilizar cuadros de mensaje para describir el procesamiento o el comportamiento

complejo

o Cambiar la resolución de la pantalla efectiva para ver cómo su diseño puede

adaptarse a un tamaño de pantalla diferente

o Sin secuencias de comandos o la codificación está involucrado

 La interactividad mejorada (sólo la versión Professional)

Aprovecha las funciones de interactividad que traen su prototipo a la vida y hacer que
sus ideas de diseño más realista.

o Interacción elemento permite la

selección de elementos, los cambios
de estado de casilla de verificación,
la entrada de datos y otros
comportamientos, con el control del
teclado.

o Asignar variables de datos a los elementos de utilizar sus valores en otras partes
del prototipo.
Figura 8. Interfaz de GUI Design Studio
o Texto de muchos elementos puede contener contenido dinámico mediante la
incorporación de variables de datos.
 o Control de la navegación de forma automática mediante el uso de expresiones de
lógica de negocio que contienen variables y diversas funciones.

o paneles condicionales mostrar contenido diferente dependiendo de cualquier

número de expresiones y valores de datos.

o Cambiar la visibilidad y el estado de activación de elementos de acuerdo con

reglas basadas en los valores de datos.

 Generar documentación de especificación

La demostración de un prototipo navegable es la forma más poderosa para tener una

idea para una aplicación y sacar la regeneración, pero a veces también es necesario para
producir la documentación estática más tradicional para compartir con colegas y
usuarios.

o generación automática de
documentación de especificación
completa

o Incluye todos los diseños, las

pantallas dentro de los diseños y
todas las notas y anotaciones

o Crear documentación completa o

incluir sólo los últimos cambios para
ahorrar tiempo el papel, la tinta y la
revisión

o Elección de formatos incluyen:

 HTML

 PDF

 RTF (para la edición directa)

Figura 9. Interfaz de GUI Design Studio
o Plantilla de estilo completo de HTML para que coincida con sus especificaciones

o HTML también proporciona hiperenlaces totalmente una referencia cruzada de

componente (maestro) el uso del diseño

 Diseños de exportación de revisión externa

 Además de crear documentación de las especificaciones, los diseños pueden ser
exportados para su revisión en un número de otras maneras.

o Crear un archivo de distribución único

que contiene todos los archivos de
referencia sin importar dónde se
almacenan

o Incluya todo el proyecto, una sección

única carpeta o simplemente un diseño
individual

o Archivos de distribución son muy

pequeñas y pueden ser enviados a
cualquier persona con la aplicación
Viewer gratis

o Opcionalmente permitir al espectador

para lanzar directamente a ejecutar el prototipo de manera que la distribución 'actúa'
como una aplicación real.

Figura 10. Interfaz de GUI Design Studio

o Distribuciones permiten diferentes estilos visuales que han de aplicarse en el Visor

o Exportación individual diseña para un número de diferentes formatos de archivo de

imagen

o Copiar un diseño entero como una imagen para pegar en otra aplicación, como un
procesador de textos

 Ver el diseño en múltiples estilos visuales

Presentar sus diseños en un estilo que sea apropiado para su público. A veces se
necesita una alta fidelidad para la aceptación y a veces se necesita baja fidelidad a
fomentar la información y el cambio. GUI Design Studio le permite cambiar su
presentación sin tener que cambiar sus
diseños.

o Elija su estilo visual de un ajuste de

Preferencia
 o Diseño de utilizar su estilo de trabajo y ejecutar el prototipo para su presentación en
un estilo diferente si se desea

o Las opciones de estilo visual para:

 Windows Vista / 7

 Windows XP

 Windows NT / 2000 (Windows Classic)

Figura 11. Interfaz de GUI Design Studio
 Esquema / bosquejo Styling

o Más de 20 combinaciones de colores básicos disponibles para todos los estilos de

Windows. Esquema de diseños de colores personalizados se pueden crear

 Colaborar en equipos en los proyectos de diseño

GUI Design Studio permite a los equipos de diseñadores para compartir archivos de
diseño y trabajar en el mismo proyecto al mismo tiempo.

Figura 12. Esquema de colaboración

o apoyo especial proporcionado por el control de Subversion (SVN) de los
proyectos

o servidores de repositorios pueden estar en la Intranet local (LAN) o en Internet

o Re-organizar proyectos mediante la supresión, renombrar y mover archivos con

referencias mantenidas y cambios transferidos a otros miembros del equipo

o Tener la libertad para modificar los archivos de diseño sin bloquearlas y combinar
los cambios realizados por otros miembros del equipo (de forma automática en la
mayoría de los casos)
Beneficios
Ahorrar tiempo y dinero cuando se reúnen los requisitos
 Comenzando con el conjunto adecuado de los requisitos es muy importante. Incluso las
metodologías ágiles con los ciclos de desarrollo incrementales necesitan un conjunto
básico de requisitos para trabajar.

 Una interfaz de usuario maqueta o prototipo permitirán a todos a visualizar la aplicación

de forma rápida y exponer los requisitos que faltan y una complejidad innecesaria.

 Casos especiales y factores críticos de diseño pueden ser identificados temprano en el

ciclo de vida del proyecto.

 GUI Design Studio proporciona el ingrediente que falta para complementar y aumentar
los requisitos funcionales tradicionales.

 Debido a que las maquetas son muy visuales y conducen a la comprensión más rápido,
puede alcanzar un acuerdo pronto y costosos malentendidos se puede evitar.

Ahorra tiempo y dinero al eliminar el desarrollo de la reanudación

 Con una especificación de interfaz de usuario clara a seguir, los desarrolladores pueden
dedicar menos tiempo a pensar en el diseño y otros detalles en la fase de
implementación.

 Con un diseño pre-aprobado, no hay segunda adivinar los requisitos para que los
desarrolladores pueden centrarse en conseguir que se haga sin la preocupación de tener
que cambiar más adelante.

 Al obtener bien la primera vez, las solicitudes de cambio se reducen al mínimo y se

eliminarán una alta proporción de retrabajo que se hubieran producido.

 El resultado es escalas de tiempo más cortos y más previsibles, permitiendo que los
proyectos sean entregados a tiempo y dentro del presupuesto. invadidas costos
impredecibles pueden ser eliminados por completo.

 GUI Design Studio hace que los diseños disponibles para todos.

Usuarios felices que aman a su software

 Entregar software que realmente satisface las necesidades de los usuarios y supera sus
expectativas.
  Con la participación de los usuarios al principio del proceso de diseño, siempre que sea
posible, se pueden identificar los flujos de trabajo importantes y ponerlos a prueba con
un prototipo de software.

 Asegúrese de que la terminología es consistente a través de la aplicación y encontrar

áreas de confusión al principio del proyecto, antes de que sea demasiado tarde.

 prototipos GUI Design Studio son tan rápida y fácil de crear que se puede probar y
ajustar para agilizar las tareas más importantes y producir mucho más iteraciones de
diseño que con otras técnicas.

Precios

 Comparación entre las ediciones

 Tabla 1. Tabla de comparación de ediciones
 Licencias
Fijación de precios y compras
 Tabla 2. Tabla de fijación de precios
 Descarga gratuita
En la página oficial se puede descargar una versión gratuita del programa por 30 días
para para Windows 10/8/7 / Vista / XP / NT.

Menores actualizaciones de versión

Las licencias son válidas para todas las actualizaciones de versión menores en el software.
Ilimitada ayuda por email
Ya sea que usted ha comprado o no, estamos aquí para proporcionar la máxima ayuda al usar el
software que necesite.
Varias divisas
Todos los valores están expresados aquí en los dólares estadounidenses y excluyen cualquier/
impuesto sobre las ventas IVA aplicable. Se puede seleccionar la moneda que prefiera y
cambiar las cantidades en el formulario de pedido.

Concesión de licencias para la Educación

Si usted es un estudiante o profesor, por favor, póngase en contacto
con sales@carettasoftware.com para la fijación de precios sustancial descuento académico. Se
requiere prueba de estatus académico.

Licencias corporativa
Si usted necesita una gran cantidad más de 20 licencias o una licencia corporativa para cubrir
uso dentro de un sitio completo o toda su empresa, por favor, póngase en contacto
con sales@carettasoftware.com para detalles y precios.

Pago seguro
Caretta Software ha seleccionado el comercio electrónico proveedor de element 5 para
proporcionar el pago seguro y protegido en su moneda preferida. Se pueden hacer pedidos en
línea con tarjetas de crédito, tarjetas de débito o PayPal permitiendo que sus certificados se
enviarán por correo electrónico inmediatamente después de la compra.
Los pedidos también se pueden hacer por teléfono o por fax, pero de pedidos en línea está
automatizado y por lo tanto mucho más rápido.
Su información y de tarjetas de crédito/débito personales datos se procesan en servidores
seguros. Ninguno de sus crédito/débito datos de la tarjeta se accede por, o se envía al Caretta
Software Ltd. (carettasoftware.com, s.f.)

Bibliografía

carettasoftware.com. (s.f.). Obtenido de carettasoftware.com:

https://www.carettasoftware.com/guidesignstudio