Guia do utilizador
Modelos de PDF, paletas de cores e tipos de letra
Escolha um de doze desenhos de fatura, mude-lhe as cores com uma paleta integrada ou própria, troque o layout para IVA misto e defina os tipos de letra dos PDF.
Todas as faturas, orçamentos ou guias de remessa que gera no Invoice Flow são desenhados a partir dos mesmos dados por um de doze desenhos de página integrados. O desenho decide onde ficam o logótipo, o título, as moradas e os totais; uma paleta de cores decide que cor tomam a barra de cabeçalho, o cabeçalho da tabela e as etiquetas; e uma definição separada de tipos de letra decide a fonte e o peso do título, dos cabeçalhos de tabela, do corpo de texto e das notas. Os três são independentes, pelo que pode manter um desenho e mudar-lhe apenas as cores, ou manter as cores e experimentar outro desenho, sem mexer na própria fatura.
Este guia acompanha Mara Vos, do Vos & Linden Architecten, um atelier de arquitetura de duas pessoas na Herengracht, em Amesterdão. A sua fatura VL-2026-031 cobra à Brouwer Vastgoed B.V. a segunda fase da renovação de uma casa de canal, em euros e com 21% de IVA. Vai ver essa mesma fatura gerada quatro vezes, para que as diferenças entre desenhos e paletas sejam fáceis de comparar.
O que vê no ecrã
As escolhas de desenho estão em dois sítios. A escolha para um único documento faz-se no editor de faturas: desça abaixo do cartão Opções de Pagamento e encontrará um cartão intitulado Selecionar Modelo, cujo subtítulo mostra o desenho e a paleta atuais, por exemplo Elegant — sand. Ao tocar nele abre-se o ecrã Selecionar Modelo, com três secções: Design, Paleta de Cores e Layout, e um botão Salvar no canto superior direito. Logo acima fica o cartão Idioma da Fatura, que muda o idioma das etiquetas impressas apenas para esse documento.
O segundo sítio são as Configurações. A linha Modelos PDF (subtítulo “Crie e gerencie seus próprios layouts”) abre um ecrã com três separadores: Meus, para os layouts que criou, Galeria, com 25 layouts de partida que pode pré-visualizar em qualquer paleta e abrir no editor personalizado, e Paletas, onde cria os seus próprios conjuntos de cores. A linha Fontes (subtítulo “Tipografia da interface e dos documentos”) abre um ecrã com um separador Interface, para a própria aplicação, e um separador Documentos, para os PDF.
Convém distinguir uma coisa antes de começar. Os doze desenhos do ecrã Selecionar Modelo são motores de desenho fixos; escolhe um e muda-lhe as cores. Os 25 cartões do separador Galeria são sementes para o editor de modelos personalizados, que é uma funcionalidade diferente, tratada no seu próprio guia. Escolher uma paleta na galeria só muda as cores das pré-visualizações dessa galeria; não altera a paleta de nenhuma fatura.
Como escolher um desenho e uma paleta para uma fatura
- Abra a fatura no editor, desça até ao cartão Selecionar Modelo (Select Template) e toque nele.
- Em Design, toque num dos doze cartões. O cartão selecionado ganha um contorno espesso e um visto, e a paleta abaixo salta para as cores predefinidas desse desenho.
- Em Paleta de Cores (Color Palette), toque em qualquer um dos dez discos para substituir a predefinição. O disco escolhido mostra um visto branco dentro do seu círculo de cor.
- Em Layout, deixe Padrão (Standard) selecionado, a não ser que a fatura misture taxas de IVA (ver a secção seguinte).
- Toque em Salvar (Save) no canto superior direito. De volta ao editor, o subtítulo do cartão atualiza-se, por exemplo para Elegant — sand.
- Guarde a fatura com Salvar Alterações (ou Salvar Rascunho); o desenho fica guardado na fatura e é usado sempre que a pré-visualizar ou partilhar.
Cada cartão da grelha é uma página em miniatura com uma faixa de cabeçalho na cor predefinida do desenho. Quando um cartão é apresentado a meia opacidade com um pequeno distintivo split ou single, o desenho está afinado para o outro modo de pagamento. Só Installment traz um distintivo destes; todos os outros desenhos servem tanto pagamentos únicos como parcelados. Um cartão esbatido continua a ser selecionável.
Os quatro PDF abaixo são a mesma fatura VL-2026-031, sem nada alterado a não ser o desenho e a paleta.
A tabela abaixo descreve cada desenho tal como ele é efetivamente gerado com a sua paleta predefinida.
| Desenho | Paleta predefinida | Aspeto na página |
|---|---|---|
| Clean | Ocean | Logótipo e bloco da empresa no canto superior esquerdo, grande título INVOICE colorido com número e datas no canto superior direito, caixa Faturar para com fundo colorido, cabeçalho de tabela colorido. |
| Professional | Charcoal | Barra de cabeçalho escura em toda a largura com o logótipo, o nome da empresa e o número da fatura; FROM e Faturar para lado a lado; faixa cinzenta com data de emissão, data de vencimento e estado. |
| Bold | Plum | Grande bloco de cabeçalho preenchido e arredondado, com os dados da empresa impressos a branco lá dentro; Faturar para sob um filete colorido; filete colorido espesso abaixo dos totais. |
| Elegant | Forest | Título INVOICE centrado com o número por baixo e um filete sob ele; remetente à esquerda, cliente alinhado à direita; uma linha de datas entre filetes finos; notas e condições em duas colunas. |
| Compact | Charcoal | Cabeçalho de duas linhas apenas com e-mail e telefone; colunas FROM e Faturar para pequenas; corpo mais pequeno em toda a página, para que faturas longas caibam em menos páginas. |
| Modern | Ocean | Grande título INVOICE colorido à direita, uma barra colorida na margem esquerda do bloco Faturar para, e os totais dentro de uma caixa arredondada com fundo colorido. |
| Classic | Ocean | Título centrado acima de um filete duplo, uma linha de datas, FROM e Faturar para em caixas com moldura, notas e condições numa caixa cinzenta. |
| Creative | Sunset | Faixa vertical colorida na margem esquerda, INVOICE impresso como distintivo, datas de emissão e vencimento empilhadas à direita, caixa de totais com moldura, barra colorida junto às notas. |
| Minimal | Charcoal | Nome da empresa muito grande, linhas de contacto pequenas e cinzentas, filetes cinzentos finos e nenhuma cor além do cabeçalho da tabela. |
| Contractor | Forest | O título indica CONTRACTOR INVOICE; uma faixa colorida contém o N.º da fatura, a Data de emissão, a Data de vencimento e as condições de pagamento; Faturar para com uma barra colorida à esquerda. |
| Striped | Ocean | Bloco de cabeçalho colorido e arredondado com uma linha de destaque fina por baixo; pequenas etiquetas FROM e Faturar para com fundo colorido; linha de destaque sob a tabela; caixa de notas com fundo colorido. |
| Installment | Forest | A mesma forma do Clean, com um cabeçalho compacto; feito para pagamentos parcelados, em que o cronograma de pagamento e os seus distintivos são impressos antes das notas. |
Como usar o layout de impostos múltiplos
Todos os desenhos têm duas variantes de layout. Padrão imprime uma única linha de imposto nos totais. Detalhamento de Múltiplos Impostos imprime uma linha por cada taxa distinta mais uma linha IVA total, que é o que um contabilista espera quando uma fatura mistura, por exemplo, serviços a 21% e bens a 9%.
- No ecrã Selecionar Modelo, desça até à secção Layout.
- Toque em Detalhamento de Múltiplos Impostos (Multi-Tax Breakdown); o disco preenche-se e mostra um visto.
- Toque em Salvar e depois guarde a fatura.
- Abra Visualizar PDF a partir da fatura para verificar o bloco de totais.
Não precisa mesmo deste interruptor: sempre que os itens tiverem mais do que uma taxa de imposto distinta, a tabela de detalhamento é impressa na mesma, mesmo com Padrão selecionado. Escolher Detalhamento de Múltiplos Impostos força o detalhamento também em faturas com uma única taxa, o que alguns clientes preferem por uma questão de coerência.
Como criar a sua própria paleta
As dez paletas integradas cobrem a maioria das marcas, mas um atelier com cores próprias pode definir uma paleta a partir de seis funções: Primária, Secundária, Destaque, Fundo do cabeçalho, Texto do cabeçalho e Fundo subtil. Criar uma paleta é uma funcionalidade Pro; numa conta gratuita, o botão de mais abre o ecrã de subscrição.
- Abra Configurações (Settings), toque em Modelos PDF (PDF templates) e depois no separador Paletas (Palettes).
- Toque no botão +. Abre-se a folha Editar paleta (Edit palette) com as cores Ocean e o nome My palette já preenchido.
- Substitua o nome em Nome da paleta (Palette name).
- Toque na amostra quadrada ao lado de uma função, por exemplo Primária (Primary), e escolha uma cor na caixa de diálogo Escolher cor (Pick color). O valor hexadecimal sob a etiqueta atualiza-se.
- Repita para as outras funções que quiser alterar e depois toque em Salvar.
- Para a alterar mais tarde, toque na linha da paleta; para a remover, toque no ícone de caixote da linha.
A paleta “Studio graphite” da Mara usa uma primária cinzento-azulada, uma secundária cinzento-média e um destaque laranja-queimado que combina com o logótipo do atelier. Depois de guardada, aparece no fim da faixa de paletas do separador Galeria, a seguir a um separador fino que a distingue das dez integradas. Toque nela aí e todos os layouts de partida são redesenhados nas suas cores, que é a forma mais rápida de avaliar como uma cor de marca se comporta numa página antes de se comprometer com um layout personalizado.
Como mudar os tipos de letra dos seus PDF
Os tipos de letra são uma definição global, não uma definição por fatura: o que escolher em Documentos aplica-se a todos os PDF que gerar a partir daí, com qualquer desenho e paleta.
- Abra Configurações, toque em Fontes (Fonts) e depois no separador Documentos (Documents).
- Em Família da fonte (Font Family), toque numa das oito linhas: Padrão do Sistema, Noto Sans, Noto Serif, Roboto, Open Sans, Lato, PT Sans ou Merriweather. Cada linha é apresentada na sua própria fonte e a selecionada mostra um visto.
- Desça até ao cartão Título da Fatura (Invoice Title) e arraste o cursor Escala (Scale); a percentagem à direita e a pré-visualização INVOICE mudam enquanto arrasta.
- Toque nos alternadores B, I, U ou S para acrescentar negrito, itálico, sublinhado ou rasurado a essa função de texto.
- Faça o mesmo nos cartões Cabeçalhos da Tabela, Corpo do Texto e Observações e Condições. As alterações são guardadas à medida que as faz; não há botão Salvar.
As quatro funções têm predefinições sensatas: o título e os cabeçalhos de tabela são negrito a 100%, o corpo de texto é normal a 100%, e as notas e condições são itálico a 90%. Os cursores de escala variam entre 70% e 150% nos cartões de documentos. O separador Interface é independente; a lista de famílias é a mesma, mas os seus cursores Escala e Tamanho do ícone afetam apenas os ecrãs da aplicação e nunca o PDF.
Regras e pormenores
- O desenho, a paleta e o layout são guardados na própria fatura (campos para modelo, paleta e variante de layout). Alterá-los numa fatura nunca afeta outra. Duplicar uma fatura e converter um orçamento em fatura copiam os três campos, juntamente com o idioma da fatura; um agendamento recorrente tem a sua própria definição de modelo.
- Uma fatura nova começa como Clean com a paleta Ocean e o layout Padrão. Tocar num desenho na grelha repõe a paleta na predefinição desse desenho; escolha a paleta depois do desenho.
- Se uma fatura referir uma paleta ou um desenho que já não existem, o motor recorre a Ocean e Clean em vez de falhar.
- Escolher um desenho e uma paleta é gratuito. Criar uma paleta personalizada exige Pro. Numa conta gratuita, ou depois de o período experimental terminar, todas as páginas de PDF levam uma marca de água cinzenta na diagonal com “Invoice Flow APP — FREE VERSION” quando pré-visualizadas ou partilhadas.
- Todas as dez paletas integradas usam texto de cabeçalho branco e a cor primária como fundo do cabeçalho; diferem na primária, na secundária, no destaque e no tom usado nas caixas.
- Uma paleta personalizada recebe um id único e é guardada nas preferências da aplicação, não na base de dados. As definições de tipos de letra são guardadas da mesma forma. Nenhuma delas é incluída numa exportação de cópia de segurança (só a base de dados e a definição de automatização de inventário são), e eliminá-la com o ícone de caixote da linha é imediato, sem confirmação e sem forma de anular.
- O seletor de cores não tem campo de introdução hexadecimal; só as 24 amostras podem ser escolhidas. O valor hexadecimal mostrado sob cada função está na forma AARRGGBB, pelo que
#FF455A64é a cor opaca 455A64. - As famílias de tipos de letra que não sejam Padrão do Sistema e Noto Sans são descarregadas na primeira vez que um PDF as usa, com verdadeiros pesos negrito e itálico. Se a descarga falhar, por exemplo por estar offline, o PDF usa silenciosamente o Noto Sans incluído; a definição do tipo de letra em si mantém-se.
- Seja qual for a família que escolher, os carateres árabes, devanágari, chineses, japoneses e coreanos são sempre desenhados a partir das fontes Noto incluídas, pelo que faturas com escritas mistas nunca mostram glifos em falta.
- O cartão Idioma da Fatura no editor oferece Idioma do App mais 16 idiomas (inglês, russo, alemão, francês, espanhol, italiano, português, neerlandês, polaco, japonês, coreano, chinês, árabe, hindi, turco e ucraniano). Traduz as etiquetas impressas, como Faturar para, Subtotal e Condições de pagamento, e os nomes de países nas moradas; as datas mantêm o formato da própria aplicação.
- A tabela Detalhamento de Múltiplos Impostos aparece sempre que o layout está definido para ela ou os itens têm mais do que uma taxa de imposto distinta.
- Uma fatura que use um layout personalizado do separador Meus ignora o desenho e a paleta escolhidos em Selecionar Modelo; o seu cartão no editor passa então a indicar Modelo personalizado.
Sugestões
Guias relacionados
- Editor de modelos personalizados para criar um layout próprio a partir dos modelos de partida da Galeria.
- Pré-visualização de PDF, partilha e o editor de PDF para o que acontece depois de o desenho estar escolhido.
- Logótipo: variantes quadrada e larga porque o logótipo de cabeçalho que um desenho imprime depende das variantes de logótipo largo que carregou.