Qual a diferença entre tipos de letra com serifa e sem serifa?

Tipos de letra com e sem serifa main

Tipografia é tudo o que diz respeito à disposição visual das várias fontes ou tipos de letra, desde a criação, estudo e utilização de caracteres até aos seus estilos e formatos possíveis. Esta é sem dúvida é um elemento crucial ao nível do design gráfico. Seja na criação de cartões de visita, flyers, cartazes, banners ou roll-ups, seja criação de logotipos e da identidade visual de uma marca, é importante selecionar a fonte certa em linha com a mensagem que pretende transmitir.

Neste artigo vamos analisar o que diferencia a tipografia com serifa e sem serifa e explicar o significado e as diferenças entre ambas. Este é aliás um tema de grande importância a nível de design gráfico, não só pela componente estética implícita na tipografia, mas também pela sua relação com a fadiga de leitura e impacto visual.

qual a diferença entre tipos de letra com serifa e sem serifa

 

Tipografia com serifa (ou serifada) e sem serifa

Antes de mais importa referir a diferença entre tipos de letra com serifa e sem serifa. Mas afinal o que é uma serifa? A serifa é um traço decorativo de maior ou menor dimensão, presente nas extremidades superiores e inferiores dos caracteres de alguns tipos de letra.

A fonte com serifa contém serifas ao contrário da fonte sem serifa. Ambos os estilos têm uma aparência única e transmitem mensagens distintas, por isso devem ser usados em situações especificas em consonância com a peça gráfica em questão.

Fontes com serifa

Este é um tipo de letra datado do século dezoito, na época em que as letras eram esculpidas em pedra e os tipógrafos acrescentavam ornamentos como detalhe decorativo nas suas criações. Actualmente as fontes com serifa são bastante populares em contextos em que se pretenda dar um toque de elegância e sofisticação a determinada peça gráfica. Este tipo de letra salienta conceitos tradicionais e faz transparecer respeito e confiança ao público.

com serifa Qual a diferença entre tipos de letra com serifa e sem serifa?

Tipografia com serifa é ideal para marcas que pretendam transmitir estes valores. Temos como exemplo editoras, jornais, seguradoras, empresas na área financeira ou de artigos de luxo.

Para além dos motivos já mencionados, esta fonte é usada para facilitar a leitura, ou seja, é aconselhado que na impressão de livros que utilize letras serifadas, já que, em teoria, as serifas dão uma sensação de continuidade e apoiam o leitor a conectar as letras mais rapidamente.

Eis algumas marcas que usam fonte serifada no seu logotipo: Sony, Tiffany & Co, Time Magazine, Vogue e Honda.

Classificação de tipos de letra com serifa

Old Style, ou Estilo Antigo

centaur

Tal como o nome indica, o “estilo antigo” foi o primeiro tipo de letra com serifas. A sua origem remonta ao século quinze, embora o seu uso tenha sido massificado no século dezanove, com o desenvolvimento das técnicas de impressão.

Exemplos: Bembo, Centaur, ITC Berkeley Oldstyle.

Transitional, ou Serifa de Transição

baskerville

Este estilo estabelecido pelo tipógrafo John Baskerville a meados do século dezoito, representa a transição entre o estilo antigo e designs neoclássicos, incorporando características comuns dos dois estilos. Exemplos: Baskerville, Perpetua, Americana.

Neoclassical & Didone, também conhecida como Moderno

bodoni classic

Estes tipos de letra foram criados no fim do século dezoito, em especial devido ao trabalho de Giambattista Bodoni. A sua filosofia baseava-se em principio simples, como a uniformidade do desenho, o requinte e equilíbrio entre as diferentes letras.

Exemplos: Bodoni Classic, Marconi, Walbaum.

Slab Serif, ou Fonte Egípcia

rockwell

Esta foi uma fonte que se tornou popular no século dezanove para fins publicitários. Carateriza-se por serifas largas, e pelo seu impacto visual relativamente às restantes categorias de fontes serifadas.

Exemplos: Rockwell, Egyptian Slate, Soho.

Clarendon

clarendon

O tipo de letra Clarendon foi criado em meados do século dezanove. Foi designado como uma fonte a negrito a grande escala destacar títulos e textos em publicações impressas.

Exemplos: Clarendon, Nimrod, Bookman.

Fontes sem serifa

Fontes sem serifa são sinónimo de modernidade, inovação e minimalismo. Existem inúmeros tipos de letra sem serifa que são os mais indicados para uma mensagem consiga e contemporânea. Esta categoria foi criada na altura dos “Roaring Twenties” ou “Loucos Anos 20” no século dezanove, um exemplo de uma época elegante, caracterizada pela liberdade criativa.

sem serifa Qual a diferença entre tipos de letra com serifa e sem serifa?

Com linhas limpas de dimensões equilibradas, tipos de letra não serifados são adoptados para expor simplicidade e modernização no texto impresso. É também a fonte ideal para determinadas aplicações, como carimbos onde não é possível um elevado grau de detalhe do desenho.

Para uma primeira impressão informal, atual e jovem é ideal utilizar fontes sem serifa, e podemos observar na maioria das redes sociais e empresas que se focam nas faixas etárias mais jovens este tipo de letra é a mais comum, marcas de sucesso tais como o Facebook, Spotify, Airbnb, Nike, Netflix, Target e a Google.

Classificação de tipos de letra sem serifa

Grotesque, ou Grotesca

helvetica

As primeiras fontes comercialmente populares sem serifas. Contêm uma leve qualidade “quadrada” predominante em muitas das curvas dos caracteres, e muitos dos designs têm em comum com os tipos Romanos a característica “bowl and loop” na letra “g” minúscula. Incluído nesta categoria estão fontes mais modernas não serifadas criadas a partir das primeiras grotescas.

Exemplos: Helvetica, News Gothic, ITC Franklin Gothic.

Neo-Grotesque ou Square Sans Serif

neosans

Um design geralmente baseado nas proporções e características do Grotesque, com uma quadratura definida, e um tanto dramática de traços normalmente curvados. Exemplos: Neo Sans, Eurostile, Cachet.

Geometric Sans Serif

avenir

A construção destas fontes é influenciada por formas geométricas simples. Por norma têm uma legibilidade menor que os Grotesques. Exemplos: Avenir, Futura, ITC Bauhaus.

Humanistic Sans Serif

frutiger

Baseados nas proporções de caracteres inscritos Romanos. Tipógrafos profissionais acreditam que estas são as fontes mais legíveis e de fácil leitura entre os tipos sem serifas. Exemplos: Frutiger, Gil Sans, Mentor Sans.

 

Independente da peça gráfica a criar a tipografia assume um papel muito importante. Independentemente de se tratar da identidade visual duma marca, da impressão de cartões de visita, flyers ou outro tipo de produto gráfico. Uma escolha correcta acaba por contribuir para o sucesso da mensagem a transmitir. Ainda tem dúvida ou questões? Entre em contacto com a Webnial Gráfica Online aqui poderá encontrar aconselhamento profissional ao nível de design gráfico e impressão.

5 logótipos criativos para se inspirar

5 logótipos criativos para se inspirar main

Logótipos criativos distinguem-se dos restantes pela sua autenticidade e pela capacidade de se tornarem inesquecíveis. São essenciais para criar marcas fortes, e criar uma reputação positiva a longo prazo, criando uma conexão com o público alvo através da sua mensagem.
Por isso a criação da marca é importante para o sucesso da mesma e não deve ser desvalorizada com a escolha de um simples logótipo grátis. Tendo em conta que o logótipo é o elemento visual que estabelece o primeiro contacto com o cliente, é essencial não cometer o erro de passar uma imagem descuidada e pouco profissional.

5 logótipos criativos para se inspirar
Neste artigo apresentamos 5 logótipos criativos, criados por designers nacionais e internacionais, com o mesmo objectivo em mente: criar uma imagem diferenciadora e original.

5 logótipos criativos para se inspirar

Centro Clínico da Cumieira

Criada pelo designer Nuno Dias, a identidade visual da clínica privada localizada em Fafe, Portugal, visa mostrar através de linhas interligadas o conceito de união e cooperação entre os vários serviços que esta disponibiliza: serviços como oftalmologia, psiquiatria, dermatologia, pediatria, etc.

logótipo centro clínico da cumieira
Juntamente a esse conceito de união interna, o designer optou transmitir, com o uso de corações nas extremidades (obtidos através da interligação das letras), um sentido de proximidade e intimidade para com os utentes do centro médico, factor que realça os valores fundamentais de gentileza, bem-estar, amabilidade e cortesia da empresa.

Editora Saramago

Um design que fala por si, esta foi a estratégia apdotada pela designer Rebecca Ramos que criou a imagem da Editora Saramago, empresa do Rio de Janeiro no Brasil. A designer teve em consideração que a grande maioria dos clientes são ávidos leitores, e que saberão o significado do pequeno elefante presente na letra “O” no logótipo da Editora Saramago.
Esse elefante serve como referência ao clássico genial do autor José Saramago, vencedor de um prémio Nobel da Literatura em 1998. A fonte de inspiração para o conceito deste logótipo é a obra denominada “A Viagem do Elefante”, que nos transporta a uma viagem em meados do século XVI.

logótipo Editora Saramago
A designer transmite os valores desta empresa de forma objetiva, clara e atrativa. Estabelecendo dessa forma original o elo entre a marca visual e o slogan da empresa, “porque os livros são grandes viagens”. A Editora promete transportar os seus livros pelo mundo inteiro, tal como o elefante o fez outrora.

Growing with Google

Pelas mãos de Rigved Sathe, fundador da agência criativa Seleqt Design, nasce a identidade visual “Growing with Google”, divisão da Google relacionada com formação profissinal adaptada para o mercado de trabalho. O desafio era construir uma imagem com a qual as pessoas se pudessem identificar facilmente, algo que refletisse simultaneamente as noções de crescimento, tecnologias e a imagem da empresa Google.

logótipo growing with google
A partir desses três conceitos Rigved Sathe optou pelo simbolismo tradicional que indica crescimento, identificado por quatros formas retangulares posicionadas na vertical. De seguida, escolheu cromatizar essas formas com as cores típicas da Google, fáceis de identificar para qualquer utilizador de tecnologia. O resultado final é um logótipo criativo e elegante, que simultâneamente passa a mensagem de inovação e qualidade.

Soun

Soun é uma aplicação móvel, com versões Android e iOS, que procura simplificar a transferências e pagamentos digitais. Tem a particularidade de garantir um nível de segurança adicional tanto para o comprador como para o vendedor, operando como um mediador entre transações. A ideia para a criação da identidade visual desta aplicação baseou-se nessa mesma premissa: garantir a proteção dos seus utilizadores.

logótipo soun
Com esta mensagem em mente, o designer Amr Bo Shanab da agência Shanab Shop, localizada na Arábia Saudita, inspirou-se no formato das letras que compõem o nome da Soun, tanto em Inglês como em Árabe, e também na imagem do cadeado referente ao simbolismo de proteção, acrescentando ainda o símbolo da hiperligação. Cada componente quando é separado forma o logo da Soun, reafirmando assim, de forma exemplar e criativa, tanto o slogan “One line links us together” (“Uma linha que nos conecta”), como os valores essenciais da aplicação e a capacidade desta de se conectar os seus clientes e assegurar a salvaguarda dos seus direitos.

Airbnb

No ano de 2013, Airbnb causou uma reviravolta no mundo dos alojamentos turísticos a par de um crescimento fenomenal como empresa. Mas faltava algo: um factor diferenciador.
Embora a sua oferta fosse única a sua forma de o transmitir não o era. Essa realidade mostrou-se óbvia nas estratégias de marketing que pareciam demasiado semelhantes a outras no mercado. A situação iria mudar quando o CEO e Fundador Brian Chesky ambicionou elevar o estatuto da sua marca para supermarca.

logótipo airbnb
A solução foi procurar a autenticidade da empresa. Uma missão que a DesignStudio assumiu de corpo e alma. Realizaram treze viagens para experienciar os locais e contextos em que os hóspedes ficavam alojados.
A Airbnb prometia transformar e renovar o método de hospedar os seus clientes, permitindo-lhes explorar o mundo não como turistas, mas como alguém que pode pertencer a qualquer lugar – “Belong Anywhere”. Para conseguir isso, teriam de transcender culturas e linguagens, ou outro qualquer obstáculo que impedisse a comunidade de se conectar. Momento em que surgiu o “Bélo”, um mero ícone que poderia ser desenhado por qualquer um, que funcionaria em qualquer local e cuja mensagem de “pertencer” seria perceptível a todos nós.
O “Bélo” é um conjunto de conceitos perfeitamente equilibrados. Começando por Pessoas, uma linha que pode ser encarada como alguém de braços no ar. Conceito de Lugares simbolizado pelo ícone, inverso, típico de localização. Por último, Amor com o tradicional coração de forma invertida e que também pode ser interpretado como a letra “A”, do nome da empresa.
Este logótipo concebido em 2014 foi muito bem aceite pela comunidade, tendo inclusive recebido inúmeros prémios na indústria. Contribuiu certamente para que a Airbnb se tornasse numa empresa multibilionária. Segundo o fundador, a nova identidade visual permitiu expressar tudo o que queria: uma empresa que aposta na diversidade, luta contra a discriminação dos seus utilizadores e apoia causas nobres como a UNCEF, a Yearup e a Arc.

Como podemos comprovar, criar logótipos criativos obdece a um processo de design, e a uma escolha cuidada e consciente de todos os elementos que a que compõem, desde a selecção das cores, ao tipo de letra a utilizar. Por fim, e não menos importante, é necessário ter um factor diferenciador. Todo este processo é o que distingue logótipos criativos, de logótipos banais.

A Webnial Gráfica Online acredita que garantir a mensagem correta da sua identidade visual é um passo igualmente decisivo para a evolução do seu projeto. Caso necessite de ajuda na criação da identidade visual da sua empresa entre em contacto connosco. A nossa equipa de designers terá todo o gosto em ajudar.

Como criar tabelas no Illustrator

tabelas illustrator main

Se por um lado o Adobe Illustrator é um software versátil, por outro lado é também bastante completo, uma vez que inclui ferramentas que permitem fazer praticamente tudo num contexto de desenho vectorial e não só. Tal como já referimos num outro artigo, é possível também editar também recortar imagens bitmap.

Não é algo que se domine por completo da noite para o dia, e por isso nós damos uma ajuda com mais um tutorial. Desta vez como criar tabelas no Illustrator.

Em design gráfico, a necessidade de criar tabelas pode surgir em vários contextos. Desde horários para ginásios, marcações para clínicas e cabeleireiros, programas de fidelização, ementas de restaurantes, e muitas outros casos.

Quando falamos em criar uma tabela não estamos apenas a falar no conceito funcional, mas também do conceito estético. Um design apelativo e cuidado transparece um sentimento de confiança ao cliente. E é isso mesmo que queremos.

como criar tabelas no illustrator

Como criar tabelas no Adobe Illustrator?

1.1) Em primeiro lugar efectua-se duplo clique na “Ferramenta grade rectangular”, como apresentado na imagem abaixo.

ferramenta grade retangular

1.2) De seguida irá ser apresentada a janela “Opções de grade rectanguar”. Aqui escolhe-se as dimensões da tabela e número de colunas e linhas. Por defeito todas as colunas e todas as linhas são equidistantes, existe a opção “inclicar” que cria diferentes distanciamentos entre estas. Clicando em “OK” a tabela é criada.

opções de ferramenta grade retangular

1.3) A grade está criada!

grade no illustrator

2) Apesar do objecto criado poder ser considerado uma tabela, a nível estético não é apelativa. Vamos então criar uma tabela mais sofisticada a nível de design.

2.1) Começamos por transformar as linhas em objectos. Para isso no menu “Objecto” escolhe-se a opção “Expandir”.
Expandir objecto illustrator

2.2) Na janela “Expandir” clica-se em “OK”.

exandir objecto illustrator

2.3) De seguida no meu “Janela”, escolhe-se a opção “Pathfinder”.

pathfinder illustrator-06

2.4) Irá surgir uma janela com vários “Modos de forma”. Clicamos na primeira opção (ver imagem abaixo).

pathfinder illustrator-08

2.5) Agora escolhe-se a ferramenta de “selecção direta”, ou seja o ícone com o cursor cinza claro. Em alternativa basta apertar a tecla A do teclado para mudar de ferramenta. De seguida selecciona-se um ponto externo da grade, e aperta-se 2 vezes na tecla “Apagar” do teclado, eliminando o caminho exterior da grade.

caminho unico Como criar tabelas no Illustrator

2.6) O resultado é uma sequência de rectângulos, ou seja as cores da grande invertidas.

inverter preenchimento da tabela

2.7) De seguida escolhe-se a curvatura dos cantos (no menu Janela seleccionar “Transformar” e em “Propriedades do rectangulo” colocar a curvatura desejada).

arredondar cantos illustrator

2.8) Por fim basta introduzir o texto, e preencher com cor. O resultado final segue abaixo.

tabela final

Existem vários processos para criar tabelas no Adobe Illustrator. Esta aqui apresentada é muito provavelmente a mais simples e rápida, cumprindo não só a sua função prática, mas também a sua função estética.

No exemplo aqui apresentado tomou-se como exemplo um horário de ginásio. No entanto existem inúmeras situações em que o designer tem de recorrer a tabelas para apresentar a informação necessária. Desde preçários, ementas, a situações mais específicas.

Caso tenha gostado desde artigo, poderá consultar outros tutoriais de Adobe Illustrator que possam ser do seu interesse. Se tiver alguma dúvida ou questão, sinta-se livre de entrar com a Webnial Gráfica Online.

Como criar texto em 3D no Illustrator?

3d main illustrator

Publicidade consiste em captar a atenção dum determinado público. E existem formas mais eficazes que outras para o fazer. Texto tridimensional é sem dúvida uma dessas formas. Independentemente de se tratar de uma peça publicitária de pequeno formato (como por exemplo flyers, folhetos ou cartazes) ou grande formato (lonas, banners, roll-ups, cavaletes), é muito importante que capte a atenção do público alvo, e sobretudo que impressione pela positiva.

No tutorial de hoje explicamos como criar texto em 3D no Illustrator de forma simples e rápida. Apesar deste efeito ser nativo do software, tem alguns detalhes que não são tão óbvios assim. Passemos à acção!

texto em 3d illustrator

Como criar texto em 3D no Illustrator?

1) Em primeiro lugar é criar o texto que servirá de base. No nosso exemplo utilizámos o tipo de letra Monoround, já aqui apresentado anteriormente. Por ser arredondado e descontraído adequa-se ao estilo que pretendemos.

texto no illustrator

2) De seguida preenche-se o texto com cor. No nosso exemplo usámos cores diferentes para cada letra, embora esse aspecto não seja relevante.

colorir texto

3) Após se seleccionar o texto, no Menu “Efeito”, na opção “3D”, escolher “Extrusão e bisel…”.

efeito 3d

4) É apresentada a janela para configuração do texto em 3D. A “Posição” refere-se à perspectiva do texto. Pode-se escolher uma das opções pré-definidas, ou em alternativa criar manualmente uma perpectiva personalizada através dos controlos à direita. É importante manter a opção “Visualizar” (canto inferior esquerdo) activa, de forma a verificar imediatamente as alterações que cada parâmetro induz.

extrusão e bisel 3d

5) Ainda na janela “Extrusão e bisel…” existem outros parâmetros de interesse. A profundidade da extrusão (que no nosso exemplo deixaremos em com 50pt), e o bisel que modificamos para “arredondado” com uma altura de 12pt. Estes parâmetros irão depender do tamanho do texto com que estamos a trabalhar, dessa forma, o processo de parametrização acaba por ser ajustado por sucessivas tentativas (erro e experimentação). A título indicativo o nosso exemplo foi criado sobre uma prancheta de 1000x1000px.

bisel arredondado

6) Nesta janela existem alguns parâmetros escondidos. Clicando em “Mais opções” temos acesso aos parâmetros de luz. É possível ajustar desde a posição da luz, à sua intensidade e dimensão e cor. Neste caso, aumentámos ligeiramente a luz ambiente, uma vez que o efeito estava um pouco escuro. Ao fazermos isto o brilho da luz acaba por não ficar tão visível. Dessa forma aumentámos também a intensidade e o tamanho do realce.

posição da luz no illustrator

7) Clicar em “Ok”. O efeito está concluído.

resultado final 3d

8) Caso seja necessário efectuar algum ajuste ao texto 3D, basta aceder ao menu “Janela” e escolher a opção “Aparência”. Efectuar os ajustes necessários e voltar a clicar em “Ok”.

O efeito 3D nativo do Illustrator, apesar de ser extremamente rápido e simples de criar, é bastante completo e realista como se pode constatar na imagem abaixo. Leva em conta não só o volume/dimensão do objecto (que neste caso se trata de texto), como também do brilho na superfície, orientação e intensidade da luz.

detalhe do texto em 3d

Esperamos que tenha gostado deste artigo. Pode continuar a aprender com os tutoriais Adobe Illustrator que criámos especialmente para si. Desde a criação de sombras, vectorização de logótipos, recorte de imagens e alteração de cores em massa, é extenso o material didático que colocamos à disposição gratuitamente.
Se tem críticas ou sugestões contacte-nos.

Cores de logotipos e o seu significado

cores de logotipo spot

Cores de logotipos e o seu significado

O logotipo é primeiro e o elemento mais importante na identidade visual de uma empresa. Este deve ser simples, impactante e único, de forma a que quem o vê não se esqueça mais dele.

Todas as marcas e empresas têm um. Não só identifica a empresa, mas também reflecte a “personalidade” desta. Se se trata de uma empresa moderna ou mais conservadora, mais divertida ou sóbria, está tudo lá, no logotipo.

cores de logotipos

Um dos elementos fundamentais do logotipo é a cor. Estudos demonstram que a decisão de compra é influenciada pela cor, mesmo que emocional e subconscientemente. Isto significa que criar um logotipo com a cor errada pode ter impacto nas vendas da empresa. Há quem diga que é mito, e quem jure que é verdade. Nós preferimos jogar pelo seguro e deixamos abaixo o significado de cada uma, e a psicologia envolvida.

Amarelo

A cor amarela é quente, brilhante, alegre e positiva. Faz lembrar o sol, flores e ouro. A principal mensagem que passa é optimismo e felicidade. Normalmente tem um papel secundário nos logotipos por ser uma cor demasiado clara, difícil de sobressair quando usada isoladamente. É por isso usada em conjunto com outras cores, como o vermelho, azul e verde.

Laranja

Laranja é uma cor divertida, e energética. É a combinação perfeita para a criação de logotipo descontraído, moderno e brincalhão. Por outro lado significa criatividade, inovação.

Roxo

O Roxo é a cor da realeza, nobreza e luxo. É a cor ideal para mostrar extravagância, credibilidade e inteligência em simultâneo. É também uma cor relacionada com espiritualidade e relaxamento.

Vermelho

Vermelho evoca emoções fortes e entusiasmo, e pode representar uma gama variada de emoções desde raiva a paixão. É a cor ideal para chamar a atenção e para dar nas vistas.

É amplamente usada, desde a indústria petrolífera às marcas de brinquedos.

Verde

O verde é a cor da natureza, crescimento e pacificidade. É usualmente associada a harmonia, frescura, segurança e ambiente.  É principalmente usada na industria agrícola, reciclagem e energia.

Castanho

O castanho é uma cor neutra, representa a fiabilidade, confiança e independência. Está bastante ligada à industria agrícola, vinícola, escritórios de advogados e restauração.

Azul

O azul representa profissionalismo, confiança, autoridade e lealdade. É usada sobretudo no sector farmacêutico, financeiro, e software, onde a credibilidade são factores chave na decisão do cliente.

Cinza

O cinza é uma cor neutra, que transmite sobriedade e exclusividade. Não admira ser a cor preferida das industria automóvel.

 

Imagine um mundo onde todos os logotipos seriam a preto e branco. Seria meio aborrecido, não?

A cor, nos logotipos, desempenha um papel psicológico muito importante, uma vez que influencia a percepção sobre determinada marca. A escolha da cor para um determinado logotipo não deve ser feita de forma leviana, mas sim tendo em conta o perfil da empresa, e o que pretende valorizar.

Sabia a Webnial Gráfica Online dispõe de uma equipa de designers que podem ajudar na criação do logotipo para a sua empresa? Caso possamos ajudar não hesite em nos contactar. Respondemos a todos os pedidos no prazo máximo de 24 horas.

Covid-19: Distanciamento social nos logótipos

covid 19 logotipos spot

Nos tempos que correm, distanciamento social e medidas de contenção do novo coronovirus, são sem dúvida temas em voga. O que não esperávamos é de ver marcas a alterar os seus logótipos para promoverem isso mesmo.

Ora, já sabemos que a Google é conhecida pelos seus logótipos temáticos ou doodles. A somar a isto, um utilizador da rede social Reddit publicou uma imagem de uma proposta para um novo Doodle, onde o logótipo possuía um maior distanciamento entre as letras, de forma a simbolizar o distanciamento entre pessoas. Na publicação o autor indicava “Se eu fosse um designer da equipa da Google, isto seria o doodle actual”

Na verdade a Google não aproveitou esta ideia, embora tenha criado vários doodles relacionados com o Covid-19.

Já algumas outras marcas aproveitaram a dica para promover esta ideia, num misto de sensibilização e marketing, criando a sua versão de logótipos Covid-19.

logotipos covid-19

McDonald’s

logotipo Mcdonalds covid-19

No caso da gigante McDonald’s os icónicos arcos dourados dividiram-se, numa alusão ao distanciamento obrigatório de prevenção de contágio pelo novo coronovírus. A mensagem foi difundida nas redes sociais e teve o cunho final da agência brasileira DPZ&T.

Coca-Cola

logotipo Coca-Cola covid-19

Já a Coca-Cola não se ficou apenas nas redes sociais, e difundiu a sua mensagem na rua, mais concretamente nos outdoors luminosos da Times Square, em Nova Iorque. O slogan foi também ele alterado para “Ficar separado é a melhor forma de permanecer ligado.”

Audi e a Volkswagen

logotipo Volkswagen covid-19

A adesão das marcas ao distanciamento social não se fica por aqui. A Audi e a Volkswagen (ambas do Grupo Volkswagen) fizeram também a sua versão de logótipos Covid-19. No caso da Audi os anéis sobrepostos deram lugar a um novo logótipo com os anéis afastados. Já no caso da volkswagen o “V” e o “W” que se unem ao centro do logótipo afastaram-se.

Mercedes-Benz

logotipo Mercedes-Benz covid-19

A Mercedes-Benz fez também a sua versão de logótipo Covid-19. Neste caso a estrela de três pontas encolheu, e distanciou-se do anel envolvente. O slogan foi também ele alterado para “obrigado por manter a distância”.

Chiquita

logotipo Chiquita covid-19

Por sua vez a marca Chiquita optou por retirar temporariamente do seu logótipo a “Miss Chiquita”, numa alusão ao isolamento social, num incentivo para as pessoas permanecerem em casa. Este foi um trabalho criativo da agência portuguesa ALICE, YoungNetwork Group.

Mercado Livre

logotipo Mercado Livre covid-19

No Brasil o site de vendas Mercado Livre alterou também temporariamente o seu logótipo. Com apertos de mão proibidos, a alternativa bem humorada é uma saudação com o cotovelo.

Jornal Público

logotipo Publico covid-19

Por terras lusas o Jornal Público aderiu também a esta campanha, e decidiu alterar temporariamente o seu logótipo. Sobre o “P”, o espaçamento entre caracteres passou a ser superior, numa alusão ao distanciamento social.

 

São tempos inéditos, em que assistimos a uma adaptação global não só social mas também a nível corporativo. As empresas têm de ser criativas ao ponto de se adaptarem à nova realidade, e saber comunicar com os seus consumidores de uma nova forma, que não estavam habituadas anteriormente. Nas últimas semanas tudo tem girado à volta da pandemia Covid-19, e estas marcas souberam aproveitar isso mesmo. Não basta comunicar a mensagem certa, o timing deverá ser também o mais oportuno. E aqui conseguiram juntar estes dois ingredientes.

Caso tenha gostado desde artigo, preparámos muitos mais para si. Desde 5 logotipos de marcas que não irá reconhecer, até tutoriais de design gráfico.

Design de flyers: 3 erros a evitar

flyers para florista

Criar flyers parece uma tarefa simples de se fazer. Coloca-se o logotipo, algum texto e contactos e já está, certo? Errado.

Ter um flyer bonito não é o objectivo do seu negócio. O objectivo será gerar vendas a partir desses flyers. E aqui entra o aspecto mais importante: retorno do investimento de criar a publicidade.

Se a publicidade for criada com algum cuidado, então a probabilidade de ter um retorno do investimento elevado, é maior. O contrário também se verifica se a publicidade não segue as regras básicas da publicidade.

Exemplo de design gráfico de flyers

A seguir enumeramos 3 erros mais comuns na criação do design de flyers, e como pode e deve evitá-los.

Flyers sem promoções ou ofertas

Uma forma eficiente de chamar a atenção do potencial cliente é apresentar uma promoção ou oferta no flyer. Este factor aumenta em muito as hipóteses do cliente ficar interessado.

Um potencial cliente não se sente tentado a experimentar ou comprar se não existe uma motivação inicial forte. Essa motivação poderá ser o preço, uma oferta, ou vantagens. Se o objectivo da publicidade é aumentar as vendas a longo prazo a publicidade poderá ser mais agressiva e apresentar um maior desconto. Se o objectivo é rentabilizar no curto prazo deverá ser feito um estudo de mercado adequado de forma a se verificar as vantagens que tem para oferecer, e dar-lhes destaque na peça publicitária.

Demasiado texto, pouco impacto

Outro erro bastante comum, é o excesso de texto. Colocar todos os serviços e produtos do seu negócio irá saturar esteticamente o design do flyer. Pense duas vezes antes de colocar texto. O objectivo é tornar o primeiro contacto do cliente com o seu negócio o mais agradável possível. Se existe demasiada informação escrita e pouca informação visual, a publicidade dificilmente cativará a atenção, e não cumprirá o seu objectivo.

Lembre-se que em design “menos é mais”.

Design gráfico pobre

Será que devo contratar um designer gráfico? Um designer gráfico pode ajudar a tornar o seu produto mais atractivo. Dessa forma, o que irá pagar a mais por este serviço poderá ser rapidamente rentabilizado se a campanha publicitária tiver sucesso.

A principal tarefa do designer não é apenas criar um flyer esteticamente agradável, mas apresentar ao cliente de forma mais eficiente possível o seu negócio. No fundo a composição gráfica não é mais que um meio para se atingir um fim. E esse fim, tal como mencionado anteriormente são as vendas.

Desde a escolha das cores, o fluxo de leitura, o tipo de imagens, entre muitos outros aspectos, deverão estar alinhados com o propósito da publicidade. O potencial cliente deve identificar-se na mensagem transmitida. Por exemplo se se trata de um SPA não fará sentido escolher a cor vermelha no design do flyer. Um SPA está relacionado com relaxamento, e vermelho não será uma cor apropriada. Em alternativa poderão ser usadas cores meio tom, e que transmitam uma sensação de bem estar.

 

Estes são apenas 3 erros mais comuns a evitar no design de flyers. Ao evitá-los estará a aumentar a conversão da sua campanha publicitária. Ou seja está a ganhar dinheiro com isso. A impressão por si só não fará sentido se não houver um conhecimento pleno das técnicas do design de flyers. É preferível imprimir 500 unidades com um design que converta em vendas que 5000 unidades de um design que não terá qualquer impacto junto do público alvo.

Caso necessite de ajuda na criação do design gráfico poderá contactar-nos ou encomendar os seus flyers no nosso site.

Caso tenha gostado deste artigo, e pretenda aprofundar os seus conhecimentos sobre este tema, poderá consultar as 5 dicas para fazer flyers e vender mais. Lá estão presentes, de forma detalhada como aumentar as suas vendas com a divulgação de flyers.

5 Melhores tipos de letra online grátis em 2022

Tipos de letra online

Os tipos de letra utilizados numa arte gráfica acabam por ter grande impacto na transmissão da mensagem para o publico alvo. Podem ditar o sucesso ou o insucesso de determinada peça publicitária. É necessário contar com a sensibilidade e experiência do designer para verificar qual o tipo de letra que mais se adequa ao contexto.

A escolha da fonte mais adequada é um tarefa que pode ser longa e implica um processo de experimentação de forma a verificar a que mais se adequa aquela arte gráfica em particular.

Tipos de letra online grátis

Para este artigo seleccionámos 5 tipos de letra, todas elas disponibilizadas online e gratuitamente pelos respectivos criadores.

Tipos de letra Script

Os tipos de letra script pretendem imitar a escrita à mão, e são usados em situações em que se pretende dar um toque pessoal, ou um destaque à arte gráfica. É muito usado em convites de casamento, e para destacar determinadas informações em cartazes de eventos.

Belgian

Belgian

Andika Fez é freelancer e dedica-se à criação de fontes do tipo caligrafia. Entre o seu portefólio apresenta um tipo de letra gratuito fantástico. Chama-se Belgian é requintada e faz lembrar o logotipo de algumas marcas de chocolates belgas.
Este tipo de letra tem uma particularidade muito interessante: cada letra tem vários desenhos possíveis, o que se torna muito favorável para a criação de logotipos.

Tipo de letra variável

Shathika

Shathika

Criado pelo designer Yunita Ely, este é um tipo de letra adequado para convites de casamento, cartões agradecimentos, e todo o tipo de comunicação onde se pretende dar um punho mais pessoal. Pode também servir como base para monogramas de casamento e logotipos mais requintados.

Tipos de letra Condensada

Os tipos de letra condensada são usadas num vasto leque de aplicações como cartões de visita, flyers, cartazes, lonas, banners, roll-ups, etc. Este tipo de letra tem um forte impacto, e faz transparecer uma imagem visual forte.

Architectural

Architectural

O freelancer russo Igor Stepanchenko, é um jovem designer apaixonado por tipos de letra. E faz questão de disponibilizar as suas criações ao mundo, gratuitamente (ou em troca de um donativo voluntário). Criada com uma base de geometria fixa, é o tipo de letra indicado para títulos e logotipos imponentes.

Chappa

Chappa

Do criador Lucas Mercado, Chappa é um tipo de letra adequado para destaques, logotipos e muito mais. Para além de ser uma fonte condensada, que por si traz imponência, os pormenores arredondados e rectos dão lhe uma sofisticação particular.

Tipos de letra Arredondados

Os tipos de letra arredondados transmitem uma mensagem amigável. Digamos que são o tipo de letra ideal para ser profissionalmente informal. Por isso, para além de serem adequados par logotipos podem ser usados em cartões de visita, flyers e todo o tipo de estacionário.

Monoround

Monoround

Monoround é um tipo de letra disponibilizado gratuitamente pela Kafa Studio. O equilíbrio entre todos os caracteres torna este tipo de letra ímpar.

Thinoo

Thinoo

O tipo de letra Thinoo criado pelo designer Nauman Altaf e pela agência criativa Pixel Surplus, junta a simplicidade do tipo de letra redonda com a modernidade.

Bónus: GoodBrush

GoodBrush

A Good Java é uma agência criativa que se dedica exclusivamente à criação de tipos de letra, e a GoodBrush é a sua criação gratuita mais recente. É um tipo de letra com atitude, moderno e irreverente. Ao contrário da maior parte dos tipos de letra do género, este traz toda a pontuação e acentos, o que se torna sem dúvida uma grande vantagem, qualquer designer português irá agradecer certamente.

 

Pretende imprimir as suas criações gráficas? Talvez possamos ajudar, a Webnial gráfica online produz uma vasta gama de produtos gráficos, desde pequeno a grande formato. Caso tenha alguma questão poderá contactar-nos. Teremos todo o gosto em ajudar.

Como recortar imagens no Illustrator

Como recortar imagens no Adobe Illustrator spot

Se chegou até aqui é porque provavelmente está com dificuldades em recortar imagens no Adobe Illustrator. Antes de prosseguirmos é importante referir que este não é um software de edição de imagens bitmap, mas sim de edição de imagens vectoriais. A principal diferença entre o Photoshop e Illustrator é mesmo essa. Ao passo que o primeiro edita as imagens pixel a pixel, o segundo interpreta as imagens como sendo um conjunto de curvas e pontos.

como recortar imagens no Adobe Illustrator

Então mas como recortar imagens no Illustrator?

Apesar de o Illustrator não editar a imagem original, existe um “truque” para remover o fundo. Trata-se de esconder a parte da imagem que não interessa. A imagem continua lá, intacta, mas criamos uma máscara para que seja visível apenas parte dela. Abaixo apresentamos o procedimento de recorte de uma imagem, passo a passo.

1) Criar caminho vectorial

No exemplo da imagem abaixo pretendemos remover a mesa, deixando apenas a mão direita e a piza. Então a tarefa será criar um objecto vectorial, que passe exactamente no local que pretendemos recortar.

exemplo imagem recortada

Para objectos simples (circulares, quadrados, etc.) criar um caminho vectorial é relativamente rápido. Para objectos mais complexos pode ser mais moroso, uma vez que implica alguma perícia e paciência.Para levar a cabo a criação desta forma vectorial a recomendação recai sobre duas ferramentas: o lápis ou a caneta.
A caneta é muito útil quando pretendemos recortar imagens com formas geométricas e objectos simples. O lápis é uma ferramenta de desenho livre, e é mais indicado para formas mais complexas, como é o caso da nossa imagem.

caneta e lápis Illustrator

Para uma mais rápida selecção da ferramenta utilizar os atalhos do teclado. Para o lápis basta pressionar a tecla N, e para a caneta será a tecla P.

desenhar caminho recorte

2) Criar máscara de recorte

Concluída a tarefa de desenhar o caminho vectorial, teremos de criar uma máscara de recorte. Trata-se, basicamente, de tornar visível a área comum da imagem e do caminho vectorial criado anteriormente.
Para tal existem alguns detalhes a ter em conta. O caminho deverá estar numa camada superior à imagem (estar à frente da imagem), caso contrário não será possível concluir a operação, e será apresentada uma mensagem de erro.
Assim, basta seleccionar a imagem e o caminho, clicar no botão direito do rato e seleccionar “Criar máscara de recorte”.

Recortar imagens no Adobe Illustrator

Concluído este passo deverá obter-se uma imagem idêntica aquela apresentada na imagem abaixo. É fácil recortar uma imagem no Illustrator.

Recorte de caminho simples

Numa análise mais atenta, verificamos que entre a piza e a mão se continua a ver a mesa, a qual pretendíamos retirar completamente.

Recorte simples de uma imagem

O processo anteriormente realizado é válido para recortes de um único caminho. Quando pretendemos recortar partes do interior de um objecto, o procedimento difere ligeiramente.

Recorte interior concluído

Remover o fundo de imagens com recortes no interior

1) Criar todos os caminhos vectoriais

Em primeiro lugar, para remover o fundo de imagens com recortes no interior deverão ser desenhados todos os caminhos, como exemplificado na imagem abaixo.

Recortar imagens

2) Criar caminho composto

Posteriormente agrupam-se esses caminhos num único. Caso contrário serão sempre interpretados pelo Illustrator como individuais, e o recorte da imagem será efectuado apenas com base num deles, e não como um vector com múltiplos caminhos.
Assim, após seleccionar todos os caminhos, deverá escolher-se no menu “Objecto” a opção “Caminho composto” e “Criar”.

Criar caminho composto Adobe Illustrator
Note que após este passo, ao seleccionar com o cursor qualquer caminho, todos os outros ficam automaticamente seccionados. No fundo, apesar de não estarem ligados entre si, eles são interpretados pelo Illustrator como um único caminho.

3) Criar máscara de recorte composta

Após este passo, basta seleccionar a imagem e o caminho composto, clicar no botão direito do rato e seleccionar “Criar máscara de recorte”.

Criar máscara de recorte no Adobe Illustrator
Desta forma foi possível esconder totalmente o fundo, sendo visível apenas a piza e a mão, tal como pretendíamos inicialmente.

recorte caminho composto

Usar o Photoshop ou Illustrator?

Em composições gráficas realizadas no Illustrator, muitas das vezes há a necessidade de remover fundos de imagens. Apesar de ser uma tarefa a ser realizada preferencialmente pelo Photoshop ou software bitmap, a verdade é que por vezes torna-se mais rápido recortar imagens no Illustrator.
Apenas quando as imagens são verdadeiramente complexas deve-se recorrer ao Photoshop. Como é o caso de recorte de cabelo solto e árvores por exemplo.

 

Esperamos que este tutorial tenha ajudado a criar um design gráfico mais aperitivo. Caso o pretenda imprimir conte connosco. Desde cartões de visita, flyers, cartazes, lonas e banners teremos todo o gosto em ajudar, e causar boa impressão.

Os melhores programas de design gráfico

Os melhores programas de design gráfico

Se está a dar os primeiros passos em design gráfico, certamente que já se apercebeu que a oferta de programas nesta área é vasta. Apesar da variedade ser um aspecto positivo, uma vez que aumenta o leque de escolhas, também é verdade que torna a escolha mais difícil.

Neste artigo vamos simplificar, e apresentar apenas os melhores programas de design gráfico da actualidade.

Os melhores programas de design gráfico

Em primeiro lugar é necessário ter em conta que existem 2 tipos de programas de design gráfico distintos: para edição de imagens bitmap (conhecidas também por imagens rasterizadas) e para edição de vectores.

Imagens bitmap são compostas por píxeis. Por exemplo, fotografias são imagens bitmap, contendo milhões de píxeis de forma a formar uma imagem definida. Quanto maior o número de píxeis, maior a resolução.

Imagens vectoriais são compostas por linhas definidas através de cálculos. Assim, ao invés da imagem ser criada através de pontos, é criada através de um conjunto de formas geométricas.

E em que caso prático é usado cada um deles?

Programas para edição de imagem bitmap são usados normalmente para retocar imagens, criação de efeitos, remover fundos e tudo o que esteja relacionado com a fotografias.

Os programas para edição de vectores são usados para criação de logotipos, peças editoriais, cartões de visita, flyers, cartazes, autocolantes, lonas, banners, etc.

Mas não poderei criar um logotipo num programa de edição de imagem?

Claro que sim, no entanto não é recomendável. Isto porque ao contrário dos vectores, a imagem bitmap tem uma resolução limitada, e para utilização/impressão em maiores formatos irá ficar pixelizada. Caso o logotipo seja criado em vector pode ser redimensionado para qualquer dimensão, sem pixelização nem perda de qualidade.

Programas de design gráfico bitmap

3 – PaintShop Pro (a partir de 69,99€)

O PaintShop Pro, da Corel, é um programa de edição bitmap robusto e repleto de funcionalidades.
É comercializado em duas versões PaintShop Pro, e PaintShop Pro Ultimate. A diferença entre elas reside em algumas funcionalidades adicionais de edição avançada de fotografias e maior número de efeitos, texturas e fundos.

Corel PaintShop ProAinda na versão ultimate destaca se a funcionalidade PhotoMirage Express, que permite criar movimento através de uma imagem, uma característica interessante para design digital.
O valor da versão base é de 69,99€, e da versão Ultimate é de 89,99€. A grande desvantagem é mesmo estar disponível apenas para o sistema operativo Windows.

2 – GIMP (Gratuito)

O GIMP é um programa de design gráfico bastante completo, que permite adicionar ainda mais efeitos e funcionalidades através de plugins – pacotes de software permitem expandir determinadas opções, como efeitos, texturas, remover fundos, etc.

GIMPPara quem está a iniciar-se em design gráfico e o orçamento disponível é apertado, o GIMP poderá ser a opção mais viável, uma vez que é totalmente grátis, e está disponível para os sistemas operativos Mac, Windows e Linux.

1 – Photoshop (a partir de 24,59€/mês)

Em primeiro lugar dos programas de edição bitmap está o Photoshop, da Adobe, quem nunca ouviu falar dele? É o software de eleição para edição de imagem, e com funcionalidades e usabilidade a condizer, apesar do seu preço ser o mais elevado comparando a concorrência. Para subscrições anuais é de 24,59€/mês e para subscrições anuais é de 36,89€/mês.

Adobe Photoshop
Apesar disso é o programa com um maior número de utilizadores mundialmente. Isto quer dizer que é fácil encontrar tutoriais e livros sobre todas as suas funcionalidades, o que significa uma aprendizagem mais rápida.

Programas de design gráfico vectorial

3 – Inkscape (Gratuito)

O Inkscape é um excelente alternativa gratuita para edição de imagens vectoriais. Tem mesmo a maior parte das funcionalidades dos softwares pagos, como por exemplo a criação de transparências e gradientes.Inkscape
Este programa de edição vectorial está disponível para Linux, Mac e Windows, e apesar de ser gratuito conta com uma equipa de programadores e patrocinadores que garantem actualizações regulares.
Para um designer com orçamento limitado, esta poderá ser uma opção bem viável. Se é utilizador convicto do ecossistema Linux, e não pensa em utilizar Windows ou Mac, então esta é a melhor opção para si.

2 – CorelDraw (a partir de 629€)

Da canadiana Corel, o programa CorelDraw é uma referência ao nível de design gráfico, principalmente em ambiente Windows. Isto porque, apesar da primeira versão para Windows ter sido lançada em 1989, apenas foi lançada a primeira versão para Mac em 2019, 30 anos depois.

CorelDraw
Embora a sua utilização durante todos esses anos tivesse sido limitada aos sistemas operativos da Microsoft, tal não impediu a sua popularização, principalmente devido à inovação e qualidade do software.
O CorelDraw é comercializado por 629€, tanto na versão para Windows como para Mac. Se pretender actualizar a versão por uma mais recente (todos os anos são lançadas novas versões com novas funcionalidades), o preço é de 349€. Apesar de ser um excelente software acaba por ser também o mais caro se tiver em mente manter o programa actualizado a cada ano.

1) Adobe Illustrator (a partir de 24,99/mês)

O Illustrator merece, nessa nossa lista, o primeiro lugar do pódio dos programas de edição vectorial. E vários factores assim o ditam. Em primeiro lugar, é um programa com um leque vasto de funcionalidades, incluíndo opções avançadas no que respeita aos degradês, rasterizações, efeitos, instalação de fontes, compatibilidade de cores, etc. Embora muitas destas funcionalidades se sobreponham ao concorrente directo, o CorelDraw, aqui já referenciado, o facto do Adobe Illustrator incluir 100Gb de armazenamento na cloud, e integração com os outros produtos da Adobe faz a diferença.

Adobe Illustrator
O Illustrator está disponível através de subscrição, e não é possível a aquisição do software tal como o CorelDraw. Ou seja, caso pretenda utilizar o Adobe Illustrator deverá ter uma licença activa, cujo o custo mensal é de 24,99€/mês para subscrições anuais, e 36,89€/mês para subscrições mensais. Para aquisição de vários produtos da Adobe por exemplo Photoshop e Illustrator) existem pacotes especiais.

Conclusão

Se não pretende pagar por um software profissional de design gráfico, então terá duas alternativas, o Inkscape para edição vectorial, e o GIMP para edição bitmap. Por outro lado, se pretende o software mais avançado, então deverá optar por uma opção paga. E aqui entram os grandes players do mercado, a canadiana Corel, e a americana Adobe.
No que respeita à edição bitmap a Adobe toma clara vantagem, ganhando o Photoshop. No que respeita à edição vectorial a luta é mais renhida, sendo que o Illustrator toma alguma vantagem, devido não só ao software em si, mas a todo o ecossistema Adobe, que torna a vida dos designers mais fácil.

Programas de design gráfico comparativo

Caso após leitura deste artigo ainda reine a indecisão, saiba que todas as versões pagas aqui mencionadas incluem versões de demonstração de 30 dias. Ou seja, poderá experimentar, sem compromisso, e assim avaliar a que mais se adequa às suas necessidades.

Caso necessite de ajuda na criação do design gráfico, conte connosco, a nossa equipa de designers estará disponível para ajudar.