Saltar ligações

Conceção e personalização de layouts

2.2 Conceber e personalizar layouts

Neste capítulo, analisaremos em profundidade como criar layouts atractivos e funcionais para as suas bases de dados FileMaker. Iremos abordar passo a passo a utilização de temas e estilos, o trabalho com objectos como campos, textos e botões, a utilização de ferramentas e técnicas de edição de layout e a utilização de imagens e gráficos.

Vídeo introdutório sobre temas e estilos na FileMaker

No vídeo seguinte, verá uma breve introdução aos temas e estilos na FileMaker, e como pode alinhar, agrupar e fixar objectos no layout utilizando o Inspetor.

1. utilização de temas e estilos

Passo 1: Selecione um tema para o seu esquema

Um tema é uma coleção de opções de formatação predefinidas que pode aplicar ao seu layout para otimizar a sua aparência e usabilidade. A FileMaker oferece uma variedade de temas que podem ser utilizados diretamente.

  1. Mudar para o modo de apresentaçãoNo menu, clicar em Ver > Modo de apresentação ou utilizar a combinação de teclas Cmd + L (macOS) ou Ctrl + L (Windows).
  2. Selecionar tópicoNo modo de apresentação, ir para Layouts > Alterar design. Selecione um tema da lista. Pode ver imediatamente como o esquema é alterado pelo novo tema.
  3. Personalização do temaÉ possível personalizar as definições predefinidas de um tema. Por exemplo, se não gostar das cores ou dos tipos de letra, pode ajustá-los utilizando a função Inspetor on. As alterações são imediatamente aplicadas à apresentação.

Passo 2: Trabalhar com estilos

Os estilos permitem-lhe alterar o aspeto de objectos individuais, como campos ou botões.

  1. Aplicar estiloSelecionar um objeto (por exemplo, um campo ou um botão) e abrir a janela Inspetor. No separador Representação pode selecionar estilos predefinidos ou criar os seus próprios estilos.
  2. Criar e guardar estilosPara criar um novo estilo, ajuste as propriedades do objeto (por exemplo, tipo de letra, moldura, preenchimento) e clique em Guardar estilo. Pode então aplicar este estilo a outros objectos.
  3. Alterações globaisSe alterar o estilo, todos os objectos que utilizam este estilo são automaticamente actualizados. Isto é particularmente útil se pretender aplicar alterações de design de forma consistente a todas as apresentações.
Design "Clássico" no software gFM-Business ERP
Design "Clássico" no software gFM-Business ERP

2. trabalhar com objectos: Campos, textos, botões

Passo 1: Inserir campos num esquema

Os campos são elementos centrais de qualquer apresentação, uma vez que apresentam e permitem a introdução de dados na base de dados.

  1. Adicionar campoArraste um campo da lista Lista de campos ou o Paleta de objectos no esquema. Posicione-o onde for necessário.
  2. Campo de formatoPersonalize o aspeto do campo indo ao inspetor em Representação definir o tipo de letra, as cores e as margens. Também pode adicionar textos de preenchimento para dar aos utilizadores instruções sobre os dados a introduzir.
  3. Campos interactivosUtilize opções avançadas, como listas pendentes ou caixas de verificação, para melhorar a facilidade de utilização. Pode encontrar estas opções na secção Inspetor sob dados.

Passo 2: Adicionar textos

Os textos são utilizados para etiquetar campos ou para fornecer instruções no layout.

  1. Inserir objeto de textoSelecionar no Paleta de objectos ferramenta de texto e clique na apresentação para adicionar um campo de texto. Introduza o texto pretendido.
  2. Formatar texto: Utilizar o Inspetorpara ajustar o tipo de letra, o tamanho da letra, a cor e outros estilos de texto. Coloque o texto numa posição lógica para facilitar a orientação do utilizador.
  3. Textos dinâmicosAdicionar textos dinâmicos clicando em Inserir > Campo de fusão e selecionar um campo cujo valor deve ser apresentado no texto.

Passo 3: Criar botões

Os botões permitem aos utilizadores interagir com a base de dados, desencadeando acções.

  1. Adicionar botãoSelecionar no Paleta de objectos a ferramenta de botão e clique na apresentação para colocar um botão. Pode rotular o botão com um texto ou utilizar uma imagem.
  2. Atribuir açãoAtribuir uma ação ou um script ao botão. Para tal, selecione o botão Inspetorsob Ação para selecionar o guião ou a função pretendida.
  3. Personalizar o estiloPersonalizar o aspeto do botão clicando no botão Inspetor personalizar as cores, os contornos e os preenchimentos. Também pode criar um botão que se altera quando premido para dar ao utilizador um feedback visual.

Módulo de desenvolvimento ERP integrado com protocolo de layout

Mais informações
Software ERP profissional

3. ferramentas e técnicas de edição de esquemas

Passo 1: Alinhar e distribuir objectos

O alinhamento e a distribuição precisos dos objectos são importantes para criar um esquema organizado e profissional.

  1. Utilização de ferramentas de alinhamentoSelecione vários objectos e utilize as opções de alinhamento na barra de ferramentas para os alinhar à esquerda, à direita, na margem superior ou inferior. Isto assegura um esquema limpo e simétrico.
  2. Distribuir objectosUtilize as opções de distribuição para criar um espaçamento uniforme entre vários objectos. Isto é particularmente útil se pretender organizar uniformemente uma série de campos ou botões.
  3. Mostrar guias e grelhasAtivar as guias e a grelha através de Ver > Guias e grelhaspara obter uma ajuda visual ao colocar objectos. Estas ajudas ajudam-no a posicionar os objectos com precisão.

Passo 2: Agrupamento e bloqueio de objectos

Agrupar e bloquear objectos facilita a edição de esquemas complexos.

  1. Agrupar objectosSelecionar vários objectos e selecionar Organizar > Agruparpara os combinar numa só unidade. Isto é útil se pretender mover ou formatar vários objectos ao mesmo tempo.
  2. Utilizar o controlo de nívelAjuste a ordem dos objectos movendo-os para a frente ou para trás. Pode controlar isto utilizando os comandos Organizar > Em primeiro plano ou Para o fundo.
  3. Bloquear objectosSe quiser garantir que um objeto mantém a sua posição e tamanho, bloqueie-o através de Organizar > Bloquear. Os objectos bloqueados não podem ser movidos ou alterados acidentalmente.

gFM-Business Código aberto FileMaker Base-ERP

O software para o curso intensivo

Descarregar gratuitamente
ERP de código aberto baseado na Claris FileMaker

4. utilização de imagens e gráficos

Passo 1: Inserir imagens nos layouts

As imagens acrescentam atrativo visual aos seus layouts e podem ser utilizadas para uma variedade de fins, tais como a marca ou como elementos funcionais.

  1. Adicionar objeto de imagemSelecionar a ferramenta de imagem na lista Paleta de objectos e clique no esquema para inserir uma imagem. Pode selecionar a imagem a partir de um ficheiro ou carregá-la para um campo de contentor.
  2. Ajustar o tamanho e a posição da imagemAjustar o tamanho e a posição da imagem utilizando as ferramentas da secção Inspetor para garantir que se encaixa bem no esquema. Também pode cortar ou redimensionar a imagem para a adaptar às suas necessidades.
  3. Utilizar imagens como botõesTambém pode utilizar imagens como botões, atribuindo-lhes acções. Esta é uma excelente forma de criar esquemas interactivos que são visualmente apelativos e funcionais.

Etapa 2: Gráficos para visualização de dados

Os gráficos são ideais para visualizar dados complexos de uma forma simples.

  1. Inserir diagramas: Ir para Inserir > Diagrama e selecionar o tipo de gráfico que melhor se adequa aos seus dados. Pode utilizar gráficos de barras, gráficos de linhas, gráficos de tartes e muito mais.
  2. Definir fonte de dadosSelecione os campos de dados que devem ser apresentados no seu gráfico. Estes podem ser campos da tabela atual ou campos calculados que representam valores específicos.
  3. Diagrama de formato: Utilizar o Inspetorpara ajustar as cores, as etiquetas dos eixos e outras propriedades do diagrama. Isto garante que o diagrama é claro e informativo.

Passo 3: Utilizar ícones e símbolos

Os ícones e símbolos são elementos visuais úteis que podem transmitir rapidamente informações e simplificar a navegação na sua base de dados.

  1. Inserir íconesSelecione a ferramenta de ícones ou adicione um ícone como um objeto de imagem. Pode utilizar ícones prontos ou carregar os seus próprios gráficos que realcem o objetivo do seu esquema.
  2. Utilização de símbolosOs ícones podem ser utilizados para identificar funções como "Guardar", "Apagar" ou "Editar". Tornam o esquema mais intuitivo e fácil de utilizar, uma vez que os ícones são universalmente compreensíveis.
  3. Estilo dos íconesComo acontece com outros objectos, ícones e símbolos no Inspetor personalizar. Certifique-se de que o tamanho e a cor dos ícones correspondem ao resto do seu esquema.

Quatro plataformas FileMaker ERP para processos operacionais optimizados.

Pedir informações
Software ERP profissional

Perguntas mais frequentes

  • Como é que utilizo temas na FileMaker para personalizar o aspeto dos meus layouts?
    • Na FileMaker, pode utilizar temas para personalizar rapidamente o design visual dos seus layouts. Os temas são modelos de design predefinidos que especificam cores, tipos de letra e formatação para campos, botões e outros objectos de layout. Para utilizar ou alterar um tema, mude para o modo de apresentação e selecione "Apresentações" > "Alterar tema" no menu. Pode selecionar o tema adequado para a sua aplicação e aplicá-lo a todos os layouts para garantir um aspeto consistente.
  • Como é que os estilos diferem dos temas e como é que posso utilizar estilos no meu esquema?
    • Os estilos são formatações específicas que podem ser aplicadas a objectos de apresentação individuais, como campos, botões ou textos. Enquanto os temas definem o design geral, os estilos oferecem um controlo detalhado sobre o aspeto dos elementos individuais. Pode alterar o estilo de um objeto no inspetor em "Aparência" ou guardar um estilo personalizado. A utilização de estilos ajuda-o a manter a consistência entre diferentes objectos de apresentação e permite-lhe aplicar rapidamente alterações a vários objectos.
  • Como posso editar campos, textos e botões num esquema?
    • No modo de apresentação, pode selecionar campos, textos e botões e ajustar o seu tamanho, posição e formatação. Quando seleciona um objeto, pode movê-lo ou redimensioná-lo utilizando as pegas do objeto. Pode utilizar a barra do inspetor para ajustar o aspeto, incluindo o tipo de letra, a cor e o contorno. Também pode definir acções para os botões, como a execução de um script quando se clica neles.
  • Como é que adiciono novos campos a um esquema?
    • Para adicionar um novo campo, mude para o modo de apresentação e clique em "Adicionar campo" na barra de campos. Selecione o campo pretendido na tabela subjacente e coloque-o na apresentação. Pode então personalizar o campo, alterando o tamanho e a posição e ajustando o aspeto com estilos. A barra de campos apresenta todos os campos da tabela subjacente para que possa aceder rapidamente aos dados relevantes.
  • Como posso trabalhar eficazmente com vários objectos num esquema?
    • Pode selecionar vários objectos ao mesmo tempo, arrastando uma moldura de seleção à volta dos objectos com o rato ou mantendo premida a tecla Shift e clicando nos objectos. Assim que vários objectos são selecionados, pode movê-los em conjunto, alterar o seu tamanho ou alinhá-los uns com os outros. Também pode alinhar os objectos no menu "Alinhar" ou definir um espaçamento igual no inspetor para criar um layout limpo.
  • Como posso alinhar e personalizar objectos no meu esquema?
    • A FileMaker oferece várias ferramentas para alinhar e posicionar objectos. No modo de layout, pode utilizar "Alinhar" para alinhar a posição dos objectos nas extremidades ou no centro do layout. O inspetor mostra posições e tamanhos precisos para que possa organizar os objectos com precisão milimétrica. Também pode utilizar guias e grelhas para controlar visualmente a colocação dos objectos e garantir um design uniforme.
  • Como é que utilizo imagens e gráficos nos meus layouts?
    • Pode inserir imagens e gráficos nas suas apresentações para melhorar o aspeto visual. No modo de apresentação, pode adicionar um gráfico através de "Inserir" > "Imagem" e colocá-lo na apresentação. As imagens podem ser utilizadas como elementos decorativos e como imagens de fundo. Pode ajustar o formato da imagem no inspetor, por exemplo, se a imagem é esticada, dimensionada ou apresentada na sua proporção original.
  • Como posso conceber um esquema para dispositivos móveis como o iPhone ou o iPad?
    • Quando cria um layout para a FileMaker Go (a versão móvel da FileMaker), deve utilizar modelos especiais no modo de layout que são optimizados para dispositivos móveis. Estes layouts têm botões maiores, navegação mais fácil e foram concebidos para serem utilizados por toque. Também pode utilizar o zoom no modo de layout para simular a forma como o layout será apresentado num dispositivo móvel. É importante seguir os princípios de design responsivo para garantir que a apresentação fica bem em diferentes tamanhos de ecrã.
  • Posso criar botões personalizados para acções específicas?
    • Sim, é possível criar botões personalizados na FileMaker que executam várias acções. No modo de layout, pode inserir um botão da barra de ferramentas, colocá-lo no layout e depois atribuir uma ação ou script. Por exemplo, pode especificar que o botão crie um novo registo, efectue uma pesquisa ou navegue o utilizador para outro layout. Os botões também podem ser personalizados com ícones e texto.
  • Como posso melhorar os layouts com símbolos e ícones personalizados?
    • É possível adicionar símbolos e ícones personalizados a botões e outros objectos de apresentação para tornar a interface do utilizador mais atractiva. No modo de apresentação, pode selecionar a forma de um botão no inspetor e adicionar um ícone. Também pode carregar os seus próprios ícones e integrá-los nos seus designs. Os ícones ajudam a orientar visualmente os utilizadores e tornam a aplicação mais fácil de utilizar.
  • Como posso trabalhar com ferramentas de edição de esquemas, como o inspetor, a grelha e as guias?
    • A barra do inspetor na FileMaker é uma ferramenta central para editar e desenhar layouts. No Inspetor, pode controlar a posição, tamanho, formatação e interatividade dos objectos. Também pode ativar grelhas e guias no modo de layout para alinhar objectos com precisão. Estas ferramentas ajudam-no a desenhar layouts de forma consistente e a garantir que todos os elementos estão dispostos na perfeição.
  • Posso duplicar layouts e utilizá-los como modelos para outros layouts?
    • Sim, pode duplicar layouts na FileMaker para poupar tempo e assegurar a consistência entre layouts. No modo Layout, escolha "Layouts" > "Gerir Layout" no menu, depois selecione o layout desejado e clique em "Duplicar". Pode então editar e personalizar o layout duplicado sem alterar o layout original. Isto é particularmente útil se quiser criar layouts semelhantes para diferentes tabelas de dados.
2.2 Conceber e personalizar layouts

Partilhar esta página:

Um software ERP tão flexível como a sua empresa.
Teremos todo o prazer em o aconselhar.

Software ERP personalizável para Mac, Windows e iOS.

Está aqui: Conceção e personalização de layouts