Cardapio tela Para Restaurantes

Guia completo: Como criar uma placa de menu digital

Restaurantes, bares e outras empresas em todos os lugares estão substituindo rapidamente seus displays de menus impressos por um novo software de menu digital. Além da flexibilidade e da notoriedade geral, um menu digital se paga, especialmente se você mudar seus menus com frequência. Você também pode adicionar exibições sociais ao seu mix para aumentar as vendas !

cardápios digitais para restaurantes
La Taqueria, em São Francisco, usa os menus digitais e aplicativos sociais da Enplug para aumentar suas vendas. Consulte Mais informação

Trabalhei com centenas de proprietários de empresas, variando de restaurantes a hotéis, que mudaram para menus digitais para melhorar a funcionalidade e o design. Criar um é realmente bastante simples, e você pode fazê-lo em menos de uma hora. Ao criar seu modelo de menu reutilizável, você pode experimentar convenientemente diferentes itens de menu, preços e estética para seus clientes. Simplificando, um menu digital = mais vendas .

Tempo: 30 minutos

Requisitos:

  1. Um aplicativo de ilustração vetorial. Uso o Adobe Illustrator (avaliação gratuita disponível), mas você também pode usar alternativas gratuitas ou mais baratas, como o Inkscape , ou mesmo o Powerpoint ou o Google Slides, para menus simples.
  2. Para mostrar seu menu, você precisará de um display digital com software de sinalização digital, como o Enplug . Confira nosso guia para instalar um menu digital aqui .

Etapa 1 - Criar novo projeto

Abra o Adobe Illustrator e crie um novo projeto (Arquivo> Novo). Digite a resolução do seu monitor. A maioria das exibições em paisagem tem 1920 pixels por 1080 pixels ou, se as exibições em retrato se adequarem à sua empresa, provavelmente serão 1080 pixels por 1920 pixels. Além disso, em "Avançado", verifique se o Modo de cor é RGB.

crie um novo projeto para um menu digital

Etapa 2 - A grade

Agora que temos um projeto para trabalhar, configuraremos nossa grade. Isso nos permitirá criar facilmente nossos itens de menu e manter tudo alinhado corretamente. Nota: Lembre-se de que, se você estiver usando um software alternativo, suas opções de grade serão diferentes.

Ligue a grade clicando em Exibir> Mostrar Grade. Verifique se 'Snap to Grid' e 'Snap to Point' também estão ativados. Isso nos permitirá construir de forma mais rápida e precisa.

Etapa 2A design da placa de menu digital

Agora vamos ajustar um pouco a grade para dividir bem o nosso menu. Vá para as opções Guias e grade, dentro das Preferências do Illustrator.

Etapa 2B design da placa de menu digital

Ajuste a linha de grade. Queremos uma linha de grade a cada 120 pixels. Isso nos dá seções bem divididas para construir.

Etapa 2C design da placa de menu digital

Etapa 3 - Cor do plano de fundo

Agora que temos um bom projeto e espaço de trabalho prontos, podemos começar a criar o menu. Para o meu menu, vou criar uma lista de bebidas para minha cervejaria. Começarei criando uma cor de plano de fundo que corresponda à minha marca.

Dica: use 3 cores ou menos para as cores primárias do seu menu. Qualquer valor superior a 3 se torna avassalador para os olhos e provavelmente parecerá confuso.

Etapa 3 para projetar uma placa de menu digital

Etapa 4 - Adicione uma imagem (opcional)

Gostaria de adicionar uma imagem de uma cervejaria para melhorar a aparência do meu menu. Será parcialmente transparente, por isso dificilmente visível, mas os pequenos detalhes fazem uma grande diferença. Vá em Arquivo> Local para adicionar uma imagem ao nosso menu:

Etapa 4 para projetar uma placa de menu digital

Agora vamos redimensionar a imagem para caber no nosso menu (mantenha pressionada a tecla SHIFT enquanto arrasta para manter a proporção da imagem, para que ela não pareça esticada).

Etapa 4b para projetar uma placa de menu digital

Reduza a opacidade (quanto menor a opacidade, menos visível será a imagem). Eu quero que isso seja muito sutil, então 15% de opacidade parece certo para mim.

Etapa 4C design da placa de menu digital

Etapa 5 - Adicionar logotipo e tipografia

Agora que temos um bom plano de fundo para olhar, vamos adicionar um logotipo na parte superior. Observe como deixo alguns quadrados da grade vazia à esquerda e em cima do logotipo para dar algum espaço para respirar.

A fonte que você usa no seu menu é importante! Estou usando o Lato , uma fonte de código aberto gratuita. Se você está procurando fontes, o Google Fonts tem centenas que você pode usar gratuitamente.

Dica: certifique-se de deixar algum espaço para respirar entre a borda do seu menu e os itens de menu reais. Isso também é conhecido como 'espaço negativo' e geralmente é fácil de ignorar. Sem espaço negativo, tudo parece grande demais e acaba confuso.

Etapa 5A design da placa de menu digital

Etapa 6 - Menu 'seções' e divisores

Minha cervejaria tem alguns tipos diferentes de cerveja. Então, eu gostaria de mantê-los organizados em seções. Usando a ferramenta retângulo na barra de ferramentas esquerda, crie alguns divisores de seção. Você notará que o retângulo se encaixa no lugar, graças à nossa grade.

Etapa 6A design da placa de menu digital

Para tornar as seções com boa aparência, aplicarei 15% de opacidade também nesses retângulos. Isso os torna "mais silenciosos" e manterá as coisas equilibradas.

Etapa 6A design da placa de menu digital

Agora vou adicionar o título das minhas seções e repetir o processo para cada seção que preciso:

Etapa 6B design da placa de menu digital

Vou criar um divisor para dividir meu menu em duas partes, me dando mais espaço. Usarei a ferramenta 'linha' na barra de ferramentas esquerda, com uma linha branca de 1px.

Dica: para garantir que a linha esteja exatamente no meio do seu menu, selecione-a e pressione 'Transformar' na parte superior. Na caixa 'x', digite '1920/2' (a largura total dividida por 2)

Etapa 6D design da placa de menu digital

Etapa 7 - Itens do menu

Agora que temos nossa estrutura, podemos adicionar o texto do item de menu. É importante que nosso texto tenha hierarquia (o texto mais importante deve ser maior / mais ousado e o texto menos importante deve ser menor / mais fino).

Por esse motivo, criei o logotipo 'Lato Medium 100px', o texto separador 'Lato Black 35px' e os itens de menu 'Lato Medium 36px'.

Dica: use a grade para garantir que tudo esteja alinhado. Você também pode usar as ferramentas 'Alinhar' na parte superior para permitir que o Illustrator verifique novamente se tudo está alinhado e distribuído corretamente.

Etapa 7A design da placa de menu digital

Etapa 8 - Exportar e fazer upload

Nosso menu está pronto para uso! Tudo o que precisamos fazer é exportá-lo do Illustrator e enviá-lo para nossos monitores. No Illustrator, vá para Arquivo> Salvar na Web. Verifique duas vezes JPEG alto está selecionado (normalmente é a melhor opção para tamanho / aparência) e clique em 'salvar'.

Etapa 8A design da placa de menu digital

Usando o Enplug, eu vou entrar na minha conta e fazer upload de um novo gráfico nos meus menus digitais. Em segundos, meu novo menu aparece no meu visor.

Etapa 8B design da placa de menu digital

E assim, estamos prontos para ir! Não se esqueça de salvar seu arquivo do Illustrator para atualizar seu menu rapidamente mais tarde.

Etapa 8C placa do menu digital

Centenas de empresas em todo o mundo usam o software Enplug para alimentar seus monitores digitais, conectando-se com clientes e aumentando as vendas. Para saber mais sobre como o Enplug pode funcionar para você e para solicitar uma demonstração, clique aqui .

Comentários