Saltar enlaces
Software ERP tan flexible como su empresa.

Asesoramiento telefónico +49 (0) 441-30 43 76 40

gofilemaker.com

Diseño y personalización de diseños

  • Temas y estilos, objetos de diseño, herramientas de edición, imágenes y gráficos

2.2 Diseñar y personalizar los diseños

En este capítulo, veremos en profundidad cómo crear presentaciones atractivas y funcionales para sus bases de datos FileMaker. Repasaremos paso a paso el uso de temas y estilos, el trabajo con objetos como campos, textos y botones, el uso de herramientas y técnicas de edición de presentaciones y el uso de imágenes y gráficos.

Vídeo introductorio sobre temas y estilos en FileMaker

En el siguiente vídeo verá una breve introducción a los temas y estilos en FileMaker, y cómo puede alinear, agrupar y fijar objetos en la presentación mediante el Inspector.

1. uso de temas y estilos

Paso 1: Seleccione un tema para su diseño

Un tema es una colección de opciones de formato predefinidas que puede aplicar a la presentación para optimizar su aspecto y facilidad de uso. FileMaker ofrece una gran variedad de temas que puede utilizar directamente.

  1. Cambiar al modo de diseñoEn el menú, haga clic en Ver > Modo de presentación o utilice la combinación de teclas Cmd + L (macOS) o Ctrl + L (Windows).
  2. Seleccionar temaEn el modo de presentación, vaya a Diseños > Cambiar diseño. Seleccione un tema de la lista. Podrá ver inmediatamente cómo cambia el diseño con el nuevo tema.
  3. Personalización del temaPuedes personalizar los ajustes predefinidos de un tema. Por ejemplo, si no te gustan los colores o los tipos de letra, puedes ajustarlos con la opción Inspector on. Los cambios se aplican inmediatamente a la maqueta.

Paso 2: Trabajar con estilos

Los estilos permiten cambiar la apariencia de objetos individuales, como campos o botones.

  1. Aplicar estiloSeleccione un objeto (por ejemplo, un campo o un botón) y abra la ventana de diálogo Inspector. En la pestaña Representación puedes seleccionar estilos predefinidos o crear los tuyos propios.
  2. Crear y guardar estilosPara crear un nuevo estilo, ajuste las propiedades del objeto (por ejemplo, fuente, marco, relleno) y haga clic en Guardar estilo. A continuación, puede aplicar este estilo a otros objetos.
  3. Cambios globalesSi cambia el estilo, todos los objetos que lo utilicen se actualizarán automáticamente. Esto resulta especialmente útil si desea aplicar los cambios de diseño de forma coherente a todas las maquetaciones.
Diseño 'Classic' en el software ERP gFM-Business
Diseño 'Classic' en el software ERP gFM-Business

2. trabajar con objetos: Campos, textos, botones

Paso 1: Insertar campos en una presentación

Los campos son elementos centrales de todo diseño, ya que muestran y permiten introducir los datos en la base de datos.

  1. Añadir campoArrastre un campo desde Lista de campos o el Paleta de objetos en la maqueta. Colóquelo donde sea necesario.
  2. Campo de formatoPersonaliza la apariencia del campo yendo al inspector en Representación defina el tipo de letra, los colores y los márgenes. También puede añadir marcadores de posición para dar instrucciones a los usuarios sobre los datos que deben introducir.
  3. Campos interactivosUtilice opciones avanzadas como listas desplegables o casillas de verificación para mejorar la facilidad de uso. Encontrará estas opciones en la sección Inspector en datos.

Paso 2: Añadir textos

Los textos se utilizan para etiquetar campos o proporcionar instrucciones dentro del diseño.

  1. Insertar objeto de textoSeleccione en el Paleta de objetos y haga clic en el diseño para añadir un campo de texto. Introduzca el texto deseado.
  2. Formatear texto: Utiliza el Inspectorpara ajustar la fuente, el tamaño de letra, el color y otros estilos de texto. Coloca el texto en una posición lógica para facilitar la orientación del usuario.
  3. Textos dinámicosAñada textos dinámicos haciendo clic en Insertar > Fusionar campo y seleccione un campo cuyo valor deba mostrarse en el texto.

Paso 3: Crear botones

Los botones permiten a los usuarios interactuar con la base de datos desencadenando acciones.

  1. Añadir botónSeleccione en el Paleta de objetos la herramienta botón y haga clic en el diseño para colocar un botón. Puede etiquetar el botón con un texto o utilizar una imagen.
  2. Asignar acciónAsigne una acción o script al botón. Para ello, seleccione el botón Inspectoren Acción para seleccionar la secuencia de comandos o la función deseada.
  3. Personalizar el estiloPara personalizar el aspecto del botón, haga clic en el botón Inspector personalizar los colores, los bordes y los rellenos. También puede crear un botón que cambie al pulsarlo para ofrecer al usuario información visual.

Módulo de desarrollo ERP integrado con protocolo de diseño

Más información
Software ERP profesional

3. herramientas y técnicas de maquetación

Paso 1: Alinear y distribuir los objetos

La alineación y distribución precisas de los objetos es importante para crear un diseño ordenado y profesional.

  1. Uso de herramientas de alineaciónSeleccione varios objetos y utilice las opciones de alineación de la barra de herramientas para alinearlos con el borde izquierdo, derecho, superior o inferior. Esto garantiza un diseño limpio y simétrico.
  2. Distribuir objetosUtilice las opciones de distribución para crear un espaciado uniforme entre varios objetos. Esto resulta especialmente útil si desea distribuir uniformemente una serie de campos o botones.
  3. Mostrar guías y cuadrículasActivar las guías y la rejilla mediante Ver > Guías y cuadrículaspara obtener una ayuda visual al colocar objetos. Estas ayudas le permiten colocar los objetos con precisión.

Paso 2: Agrupar y bloquear objetos

Agrupar y bloquear objetos facilita la edición de diseños complejos.

  1. Agrupar objetosSeleccionar varios objetos y seleccionar Organizar > Grupopara combinarlos en una sola unidad. Esto es útil si desea mover o formatear varios objetos al mismo tiempo.
  2. Utilizar el control de nivelAjusta el orden de los objetos moviéndolos hacia delante o hacia atrás. Puedes controlar esto utilizando los comandos Organizar > En primer plano o Al fondo.
  3. Bloquear objetosSi quieres asegurarte de que un objeto mantiene su posición y tamaño, bloquéalo mediante Organizar > Bloquear. Los objetos bloqueados no pueden moverse ni modificarse accidentalmente.

gFM-Business Open Source FileMaker Basis-ERP

El software para el curso intensivo

Descargar gratis
ERP de código abierto basado en Claris FileMaker

4. uso de imágenes y gráficos

Paso 1: Insertar imágenes en los diseños

Las imágenes añaden atractivo visual a sus diseños y pueden utilizarse para diversos fines, como la creación de marca o como elementos funcionales.

  1. Añadir objeto imagen: Seleccione la herramienta de imagen en el menú Paleta de objetos y haga clic en el diseño para insertar una imagen. Puedes seleccionar la imagen desde un archivo o subirla a un campo contenedor.
  2. Ajustar el tamaño y la posición de la imagenAjuste el tamaño y la posición de la imagen con las herramientas del menú Inspector para que encaje bien en el diseño. También puedes recortar o escalar la imagen para adaptarla mejor a tus necesidades.
  3. Utilizar imágenes como botonesTambién puede utilizar imágenes como botones asignándoles acciones. Es una forma estupenda de crear diseños interactivos visualmente atractivos y funcionales.

Paso 2: Gráficos para la visualización de datos

Los gráficos son ideales para visualizar datos complejos de forma sencilla.

  1. Insertar diagramasIr a Insertar > Diagrama y seleccione el tipo de gráfico que mejor se adapte a sus datos. Puede utilizar gráficos de barras, de líneas o circulares, entre otros.
  2. Definir la fuente de datosSeleccione los campos de datos que se mostrarán en el gráfico. Pueden ser campos de la tabla actual o campos calculados que representen valores específicos.
  3. Diagrama de formato: Utiliza el Inspectorpara ajustar los colores, las etiquetas de los ejes y otras propiedades del diagrama. Esto garantiza que el diagrama sea claro e informativo.

Paso 3: Utilizar iconos y símbolos

Los iconos y símbolos son elementos visuales útiles que pueden transmitir información rápidamente y simplificar la navegación en su base de datos.

  1. Insertar iconosSeleccione la herramienta de iconos o añada un icono como objeto de imagen. Puedes utilizar iconos ya creados o subir tus propios gráficos para enfatizar el propósito de tu diseño.
  2. Uso de símbolosLos iconos pueden utilizarse para etiquetar funciones como "Guardar", "Borrar" o "Editar". Hacen que el diseño sea más intuitivo y fácil de usar, ya que los iconos son universalmente comprensibles.
  3. Estilo de los iconosComo ocurre con otros objetos, los iconos y símbolos del Inspector personalizar. Asegúrese de que el tamaño y el color de los iconos coinciden con el resto de su diseño.

Cuatro plataformas FileMaker ERP para optimizar los procesos operativos.

Solicitar información
Software ERP profesional

Preguntas más frecuentes

  • ¿Cómo puedo utilizar temas en FileMaker para personalizar la apariencia de mis presentaciones?
    • En FileMaker, puede utilizar temas para personalizar rápidamente el diseño visual de sus presentaciones. Los temas son plantillas de diseño predefinidas que especifican colores, fuentes y formatos para campos, botones y otros objetos de presentación. Para utilizar o cambiar un tema, cambie al modo de presentación y seleccione "Presentaciones" > "Cambiar tema" en el menú. Puede seleccionar el tema adecuado para su aplicación y aplicarlo a todas las maquetas para garantizar un aspecto coherente.
  • ¿En qué se diferencian los estilos de los temas y cómo puedo utilizarlos en mi maquetación?
    • Los estilos son formatos específicos que pueden aplicarse a objetos de diseño individuales, como campos, botones o textos. Mientras que los temas definen el diseño general, los estilos ofrecen un control detallado de la apariencia de los elementos individuales. Puede cambiar el estilo de un objeto en el inspector, en "Apariencia", o guardar un estilo personalizado. El uso de estilos le ayuda a mantener la coherencia entre distintos objetos de diseño y le permite aplicar cambios rápidamente a varios objetos.
  • ¿Cómo puedo editar los campos, textos y botones de un diseño?
    • En el modo de presentación, puede seleccionar campos, textos y botones y ajustar su tamaño, posición y formato. Cuando selecciona un objeto, puede moverlo o cambiar su tamaño utilizando los tiradores del objeto. Puede utilizar la barra de inspección para ajustar la apariencia, incluidos el tipo de letra, el color y el borde. También puede definir acciones para los botones, como ejecutar un script al hacer clic en ellos.
  • ¿Cómo añado nuevos campos a una presentación?
    • Para añadir un nuevo campo, cambie al modo de presentación y haga clic en "Añadir campo" en la barra de campos. Seleccione el campo deseado de la tabla subyacente y colóquelo en la presentación. A continuación, puede personalizar aún más el campo cambiando el tamaño y la posición y ajustando la apariencia con estilos. La barra de campos muestra todos los campos de la tabla subyacente para que pueda acceder rápidamente a los datos pertinentes.
  • ¿Cómo trabajar eficazmente con varios objetos en una presentación?
    • Puede seleccionar varios objetos al mismo tiempo arrastrando un marco de selección alrededor de los objetos con el ratón o manteniendo pulsada la tecla Mayús y haciendo clic en los objetos. Una vez seleccionados varios objetos, puede moverlos juntos, cambiar su tamaño o alinearlos entre sí. También puede alinear los objetos en el menú "Alinear" o establecer un espaciado igual en el inspector para crear un diseño limpio.
  • ¿Cómo puedo alinear y personalizar objetos en mi maqueta?
    • FileMaker ofrece varias herramientas para alinear y posicionar objetos. En el modo de presentación, puede utilizar "Alinear" para alinear la posición de los objetos en los bordes o en el centro de la presentación. El inspector muestra posiciones y tamaños precisos para que pueda organizar los objetos con una precisión milimétrica. También puede utilizar guías y cuadrículas para controlar visualmente la colocación de los objetos y garantizar un diseño uniforme.
  • ¿Cómo utilizo imágenes y gráficos en mis diseños?
    • Puedes insertar imágenes y gráficos en tus maquetas para mejorar el aspecto visual. En el modo de maquetación, puede añadir un gráfico mediante "Insertar" > "Imagen" y colocarlo en la maquetación. Las imágenes pueden utilizarse como elementos decorativos o como imágenes de fondo. Puede ajustar el formato de la imagen en el inspector, por ejemplo, si la imagen se estira, se escala o se muestra en su proporción original.
  • ¿Cómo diseño una maqueta para dispositivos móviles como iPhone o iPad?
    • Al crear una presentación para FileMaker Go (la versión móvil de FileMaker), debe utilizar plantillas especiales en el modo de presentación que estén optimizadas para dispositivos móviles. Estas presentaciones tienen botones más grandes, una navegación más sencilla y están diseñadas para un funcionamiento táctil. También puede utilizar el zoom en el modo de presentación para simular cómo se mostrará la presentación en un dispositivo móvil. Es importante seguir los principios del diseño adaptable para garantizar que el diseño se vea bien en pantallas de distintos tamaños.
  • ¿Puedo crear botones personalizados para acciones específicas?
    • Sí, puede crear botones personalizados en FileMaker que realicen varias acciones. En el modo presentación, puede insertar un botón desde la barra de herramientas, colocarlo en la presentación y, a continuación, asignarle una acción o guión. Por ejemplo, puede especificar que el botón cree un nuevo registro, realice una búsqueda o dirija al usuario a otra presentación. Los botones también pueden personalizarse con iconos y texto.
  • ¿Cómo puedo mejorar los diseños con símbolos e iconos personalizados?
    • Puede añadir símbolos e iconos personalizados a los botones y otros objetos de diseño para hacer más atractiva la interfaz de usuario. En el modo de diseño, puede seleccionar una forma de botón en el inspector y añadir un icono. También puede cargar sus propios iconos e integrarlos en sus diseños. Los iconos ayudan a guiar visualmente a los usuarios y facilitan el uso de la aplicación.
  • ¿Cómo se trabaja con las herramientas de edición del diseño, como el inspector, la rejilla y las guías?
    • La barra del inspector de FileMaker es una herramienta central para editar y diseñar presentaciones. En el Inspector, puede controlar la posición, el tamaño, el formato y la interactividad de los objetos. También puede activar cuadrículas y guías en el modo de presentación para alinear los objetos con precisión. Estas herramientas le ayudan a diseñar presentaciones de forma coherente y garantizan que todos los elementos estén perfectamente ordenados.
  • ¿Puedo duplicar diseños y utilizarlos como plantillas para otros diseños?
    • Sí, puede duplicar presentaciones en FileMaker para ahorrar tiempo y garantizar la coherencia entre presentaciones. En el modo Presentación, elija "Presentaciones" > "Gestionar presentación" en el menú, seleccione la presentación deseada y haga clic en "Duplicar". A continuación, podrá editar y personalizar la maqueta duplicada sin modificar la maqueta original. Esto resulta especialmente útil si desea crear diseños similares para diferentes tablas de datos.
2.2 Diseñar y personalizar los diseños

Comparta esta página:

Software ERP tan flexible como su empresa.
Estaremos encantados de asesorarle.

Software ERP personalizable para Mac, Windows e iOS.

Seguir leyendo
Se encuentra usted aquí: Diseño y personalización de diseños