Thursday, January 30, 2020

Tripadvisor apresenta seu novo logotipo

Ao pesquisar algum destino para uma viagem, provavelmente você já se deparou com o Tripadvisor, a gigante plataforma de opiniões e avaliações relacionadas a viagens.

Recentemente a empresa apresentou a reformulação do seu logotipo, projeto do estúdio Mother Design, onde a clássica corujinha (cujo nome é Ollie) foi redesenhada:

Fazendo a comparação com o ícone antigo, fica clara a intenção do estúdio de design em criar formas mais simplificadas, com o objetivo de se adaptar melhor às várias resoluções e tamanhos dos dispositivos, uma forte tendência dos últimos redesigns.

A grafia do nome também sofreu algumas mudanças sutis. O nome ganhou o “T” maiúsculo e agora pode ser lido como uma única palavra, não havendo mais a separação entre “trip” e “advisor”, que aparecia no logotipo antigo com cores diferentes.

Além disso, a marca também ganhou uma tipografia própria e ícones que serão usados em sua identidade visual.

Segundo a publicação no blog da empresa, o “novo logotipo marca o primeiro passo na nova aparência e representa o núcleo do que sempre foi o Tripadvisor: viajantes guiando companheiros de viagem a tudo de bom que há no mundo.”

E aí, o que achou dessa mudança? Comente abaixo!

O post Tripadvisor apresenta seu novo logotipo apareceu primeiro em Designerd.

Tripadvisor apresenta seu novo logotipo publicado primeiro em: https://www.designerd.com.br/

Você conhece o Figma? Veja 5 motivos para usar essa ferramenta agora!

Já pensou em utilizar um software que resolve grande parte das demandas de criação de layout, possui um gerenciamento de estilos simples e ainda por cima é colaborativo?

Eu quero falar neste artigo sobre o Figma, um software que contribui com a minha experiência com  User interface design. E tudo o que vou te falar a seguir são dores que fazem parte do dia-a-dia de muitos designers .

Aliás, sei que você pode estar criando uma objeção neste exato momento, mas peço para que me dê uma chance de explicar meu ponto e traga soluções para alguns problemas. Recomendo que leia o artigo e assista ao vídeo para complementar a comunicação.

O que é o Figma?

Figma é um software de prototipagem colaborativa. Mas não se assuste com o termo, prototipagem diz respeito ao que todo designer faz: criação de produtos em fase de teste para validar hipóteses.

E o Figma chega ao mercado para apresentar soluções inovadoras para os problemas mais comuns na criação de protótipo: colaboração e facilidade.

O que ele faz?

Além de performar muito bem como software de prototipagem, o Figma também trabalha com formato para publicações nas redes sociais (o que eu faço atualmente) e como ferramenta de feedback.

Lembrando que este artigo não é um jabá, mas uma recomendação para melhorar seu fluxo de trabalho. E agora, vou te falar 5 razões para baixar o Figma e ter essa experiência você mesmo:

1 – Styles

É possível criar estilos para textos e cores no Figma. “Mas Éricles, o que significa isso?”

Imagine que você configura determinadas características para um tipo específico e atribui essas características a algum texto no seu layout. Agora pense que a partir dessa configuração é possível modificar todos de uma só vez.

Em outras palavras, estou me referindo à capacidade de guardar um estilo chamado “título principal” e aplicar em vários desdobramentos daquele layout.

Óbvio e evidente que ferramentas como o Illustrator também trabalham com isso, mas o Figma possui uma peculiaridade.

É possível fazer agrupamento desses estilos, tanto de texto como de cor. Você consegue fazer a separação de tudo aqui que é “título” e tudo o que é “parágrafo” ou “botão”.

O mesmo acontece com as cores, que podem facilmente ser alteradas a partir de uma definição de estilo, mas também agrupadas, como por exemplo: cor/primária/padrão, cor/primária/brilho.

2 – Auto-layout

O auto-layout é uma funcionalidade relativamente nova (levando em consideração a data de publicação deste artigo), mas com certeza chegou para inovar.

Essa funcionalidade é sobre espaçamento e distribuição de objetos. Para ficar um pouco mais claro, quero envolver um problema muito comum na hora de desenvolver um layout.

Vamos supor que você fez uma lista horizontal, e para essa lista você define uma distância de 30px entre cada elemento (por exemplo, um texto), você concorda comigo que se a quantidade de palavras muda, você precisa rever manualmente o espaçamento entre os elementos?

O auto-layout foca exatamente nisso! Como nome diz, o layout é adaptado automaticamente. Ele leva em consideração as distâncias entre os elementos e espaçamentos internos horizontais e verticais. Isto é, não importa o tamanho dos elementos, o espaçamento se mantém.

“Ah, Éricles, mas por que eu vou me preocupar com 5,6,7px de diferença?” Deixa eu te falar, meu jovem, você pode não ligar para isso, mas seu leitor liga, e o cérebro dele é muito perspicaz em perceber desalinhamentos.

Se quiser trabalhar o máximo de eficiência do Design em um layout, com certeza trabalhará em harmonia com o cérebro e percepção do seu leitor.

3 – Componentes

Sei que a criação de componentes não é exclusiva do Figma (assim como as razões 1, 4 e 5), mas quero levantar como um argumento e explicar um pouco mais.

Componentes são elementos que possuem um vínculo de características com outros elementos subordinados.

A definição fica mais clara na prática, pode acreditar.

Se criamos um conjunto de elementos, como por exemplo “título+parágrafo+imagem”, podemos replicá-lo algumas vezes no desdobramento do nosso layout. Caso seja necessário fazer alterações, concorda comigo que seria mega-cansativo fazer uma por uma?

Os componentes são úteis para isso, definir um componente master para que todas suas “instâncias” sejam subordinadas a ele. Isto é, as alterações feitas no componente master, afetam diretamente às instâncias.

4 – Plugin

É possível, através do Figma, a instalação de plugins que agilizam e tornam mais fluido o nosso workflow. Existe uma infinidade de plugins na plataforma, mas quero trazer 3 em especial que vão deixar tudo o que estou falando mais claro.

Recomendo que assista ao vídeo para complementar o que estou falando, acredito que muita coisa dele deixe esse conteúdo mais compreensível.

Lorem Ipsum

É um modelo de texto de marcação que nos ajuda a delinear o formato de uma peça sem necessariamente ter o conteúdo que a compõe.

O plugin Lorem Ipsum nos dá um grande controle sobre o número de palavras, parágrafos ou sentenças que queremos incluir, além de fazer esse processo em todos os blocos de texto selecionados.

Unsplash

Já falei do site Unsplash por aqui. Se você não o conhece, é um banco de imagens gratuito, mas dessa vez como plugin em um software colaborativo.

Dê apenas um clique e abra a biblioteca desse software para adicionar imagens direto no seu arquivo.

Vectary 3D

E por fim, o plugin que mais me encanta (junto ao isometric) que é o Vectary 3D. Nele é possível adicionar mockups 3D, na posição de sua escolha e com imagens de sua definição, ao seu projeto. Os modelos desbloqueados são excelentes e devem suprir a maioria das suas demandas.

5 – Gratuito

Finalmente, chegamos a quinta razão para você utilizar o Figma agora mesmo. Ele é gratuito!

Conheça a ferramenta clicando nesse link e não esqueça de deixar seu feedback sobre sua experiência na área do comentários.

O post Você conhece o Figma? Veja 5 motivos para usar essa ferramenta agora! apareceu primeiro em Designerd.

Você conhece o Figma? Veja 5 motivos para usar essa ferramenta agora! publicado primeiro em: https://www.designerd.com.br/

Wednesday, January 29, 2020

7 sites gratuitos para converter imagens

Como já ficou claro em outros posts, adoramos utilidades para deixar o dia a dia do profissional criativo melhor e mais otimizado. E se essas utilidades forem gratuitas, melhor ainda! =]

Imagine que você está em um computador que não é seu, sem um Photoshop, Encoder ou outro software que poderia fazer uma imagem/vídeo se transformar em outro formato, necessário para o que estiver fazendo. O jeito é ir no Google e procurar por converter jfif para jpg, ou converter pdf para jpg, etc.

Ainda bem que soluções online não faltam por aí, mas para facilitar, separamos alguns sites abaixo que cumprem bem esse objetivo.

CloudConvert

O CloudConvert é um dos sites que mais utilizo para transformar uma imagem em outro formato, mas não somente isso. Como você pode ver, ele apresenta uma variedade gigantesca de opções. Então, é uma solução abrangente, mas talvez não a mais simples se quiser apenas um formato. Mas com certeza vale conhecer.

Aceita arquivo bem grandes no plano gratuito (1GB por arquivo), mas tem um tempo de espera entre um arquivo e outro quando você vai tentar converter vários ao mesmo tempo.

E pode ficar tranquilo que aqui não tem anúncios desagradáveis para atrapalhar sua experiência, por isso eles oferecem planos de serviço para manutenção do site.

Convertio

Outro exemplo de monstro de conversões, seguindo a mesma linha do anterior, o Convertio.co te dá muitas opções, mas apresenta uma interface bem simples e objetiva. Também o utilizo muito, já que permite até 100MB de tamanho por arquivo, algo mais que suficiente para imagens.

Também é livre de anúncios, já que existem opções pagas para conversões em massa.

FixPicture.org

A grande vantagem do FixPicture é que foi feito para fotógrafos, sendo assim, aceita imagens RAW de diversos fabricantes de câmera e suporta imagens de até 250MB, podendo ainda compacta-la em diferentes qualidades para conseguir um tamanho maior ou menor que o original.

O modelo de monetização desse site é por anúncio, mas nada que atrapalhe sua navegação.

FreeFileConvert

O FreeFileConvert é bom por mostrar alguns formatos mais comuns de conversão, facilitando para quem estiver na dúvida sobre qual tipo de imagem ou arquivo deve converter.

Pode inserir vários arquivos de uma vez, desde que a soma não ultrapasse 300MB, facilitando bastante o trabalho.

Trabalha com anúncios para monetização do site.

Convert.Files

O legal do Convert.Files é que ele não exige que você faça o upload da imagem/arquivo, permitindo que você insira diretamente a URL do arquivo, caso ele esteja hospedado em algum servidor.

Isso poupa o tempo de baixar para depois fazer o upload dele novamente nesse site, para depois baixa-lo novamente. Então em termos práticos, facilita muito e ganhamos em produtividade.

Tem um número considerável de anúncios para ajudar na manutenção do site, mas a funcionalidade vale.

Convert My Image

Se estiver procurando um conversor simples para PDF (tanto converter pdf para jpg como converter jpg para pdf) o Convert My Image cumpre bem o papel e ainda tem a vantagem de permitir fazer pequenas alterações nessa conversão, como recortar áreas ou inserir margens no PDF.

Tem anúncios para ajudar na manutenção do site.

I Love IMG

Esse talvez seja o mais objetivo de todos. No I Love IMG é necessário apenas jogar a imagem escolhida e pronto! Mas é limitado a conversões para JPG. O bom é que no mesmo site existem outras ferramentas úteis como compressão e redimensionamento de imagem, recorte e até edição simples de fotos.

Também trabalha com anúncios para auxiliar na manutenção do site.

Esperamos que essa lista seja útil para seus trabalhos. E continue de olho para as próximas dicas e ferramentas.

Até a próxima!

O post 7 sites gratuitos para converter imagens apareceu primeiro em Designerd.

7 sites gratuitos para converter imagens publicado primeiro em: https://www.designerd.com.br/

Tuesday, January 28, 2020

3 conceitos de redesign de logotipos famosos que chamaram nossa atenção – Parte 2

Você conferiu no primeiro artigo dessa série os conceitos de redesign de três marcas famosas: Pepsi, Volkswagen e WhatsApp.

A ideia desses artigos é trazer a visão de diversos designers sobre logos famosos e, quem sabe, te inspirar a fazer o mesmo.

Nesse artigo, selecionei mais três redesigns incríveis que merecem nossa atenção. Confira os belos conceitos de redesign para o WordPress, WinRAR e Nescafé:

WordPress, por Jozoor

Segundo o próprio site do WordPress, 35% da internet utiliza a plataforma de código aberto para seus sites, blogs (fazemos parte dessa estatística), lojas virtuais e até mesmo redes sociais. Talvez seja um ótimo momento para um redesign da marca, concorda?

O time de criativos egípcios Jozoor, composto pelos designers Mohamed Abd El-Halim e Ahmed Abd El-Halim criou um interessantíssimo conceito para o seulogotipo que, confesso, gostaria muito que fosse oficial.




Confira mais detalhes desse projeto em sua página no Behance.

WinRAR, por Barbara Morrigan

Você provavelmente já utilizou o WinRAR para compactar ou descompactar algum arquivo e provavelmente também já se incomodou com o visual ultrapassado do programa.

Para resolver esse problema, a designer polonesa Barbara Morrigan criou uma versão mais moderna do programa, além de recriar todo o visual do site e suas páginas internas.

Confira mais detalhes desse projeto em sua página no Behance.

Nescafé, por William Lovecraft

Se você é designer e ama café, talvez esse projeto chamará sua atenção ainda mais.

O designer William Lovecraft criou um belo conceito para a Nescafé, aproveitando o formato atual, porém inserindo elementos interessantes como a folha no acento da letra “e” e as serifas nos caracteres.

Confira mais detalhes desse projeto em sua página no Behance.

Gostou dessa seleção? Em breve traremos mais conceitos de redesign que chamaram nossa atenção.

O post 3 conceitos de redesign de logotipos famosos que chamaram nossa atenção – Parte 2 apareceu primeiro em Designerd.

3 conceitos de redesign de logotipos famosos que chamaram nossa atenção – Parte 2 publicado primeiro em: https://www.designerd.com.br/

Thursday, January 23, 2020

Marketing e Design: como integrar as disciplinas para potencializar os resultados

Muito se tem falado sobre Marketing Digital e sua influência no mercado e na comunicação. Os principais impactos atingem comunicólogos que passaram pela transição do Marketing tradicional para o Marketing digital.

E uma discussão que precisa estar vigente nas comunidades de Design é sobre o papel do designer na atualidade, levando em consideração o crescimento exponencial da popularidade das mídias digitais.

Eu, Éricles, acredito piamente na integração dessas duas disciplinas, pois aproveitamos estratégias e objetivos do Marketing, aplicando o pensamento sistêmico do Design para potencializar os resultados.

Neste artigo vou te contextualizar sobre o Marketing-Design, a importância de estudar as disciplinas tendo em vista a complementaridade do conhecimento, e por fim, como podemos integrá-las.

O que é Marketing?

Marketing é a arte de atrair e reter clientes através de objetivos que envolvem, sobretudo, vender, fidelizar, gerar valor e aumentar a competitividade.

Já quando falamos de marketing digital, todos esses objetivos podem ser escaláveis, dado que, da população mundial, cerca de 3,9 bilhões de pessoas tem acesso à internet.

E além de escalável, é possível direcionar a comunicação por meio de plataformas como Facebook e Google, que segmentam o público não somente por gênero e idade, mas também por comportamentos e gostos.

O que é Design?

Design é definido como projeto. Talvez um pouco mais quando expandimos nossa visão para observar como o Design impacta o mundo. Design é organização, planejamento, realização e forma de pensar.

O Design como forma de pensar é o viés mais poderoso que podemos observar, pois temos a solução de problemas como seu principal pilar. Contudo, a disciplina se popularizou relacionando-se à soluções visuais.

Segundo pesquisas, 90% das informações assimiladas pelo cérebro são visuais, e aproveitando isso, designers propõem soluções para as demandas visuais do dia-a-dia, como sinalizar, comunicar e diferenciar.

Dado isso, a principal características de um bom designer é conhecimento estético-funcional, pois agora olhamos para um problema visando resolvê-lo da melhor forma (eficiência) apresentando a aparência mais agradável.

Então, os principais objetivos do Design, enquanto visual, é transmitir valores, criar uma identidade e melhorar a comunicação.

Por que é importante estudar Marketing e Design

Um designer mais experiente entende que sua profissão exige muito contato com outras disciplinas, e contato com outros assuntos expõe o designer a outras formas de pensar, comunicar e agir.

Um erro que observo em muitos designers é o estudo restrito a assuntos de Design. Se estamos falando de uma área naturalmente multidisciplinar, o maior fruto de conhecimento é exposição a diferentes problemas, exercitando o cérebro a encontrar novas soluções.

E falando especificamente da integração Marketing-Design, o profissional que compreende conceitos das duas disciplinas sai ganhando no cumprimento dos objetivos do Marketing utilizando o Design como ferramenta.

Outro item que ressalta a importância da integração Marketing-Design é a geração de valor. No Design pensamos em entrega de valor visando a proposta de solução mais eficiente e coerente possível, enquanto no Marketing pensamos em geração de valor com foco no mercado e produto, ressaltando seus aspectos positivos.

Se o marketing por si já possibilita vantagem competitiva a uma marca, alinhada ao Design, essa vantagem competitiva só aumenta. Aliás, falei acima sobre a capacidade doDesign de transmitir valor, e esse valor que estimula o crescimento de uma marca.

Além desses pontos, o Marketing-Design ajudar a reter a atenção do público por meio de soluções visuais agradáveis e estrategicamente alinhadas à algum objetivo, direciona as decisões de Design a partir da análise do público e avaliação de necessidades, melhorando o desempenho da comunicação.

Como eles trabalham juntos

Agora, de forma prática, vamos discutir como que o Design e o Marketing conseguem trabalhar juntos em prol das soluções mais adequadas para um negócio.

No dia-a-dia de designers de agências, existe um forte contato com as ferramentas de Marketing, seja ela posts para redes sociais, sites, blogs ou e-mail marketing.

Para que cada um desses itens tenha uma boa performance, o designer precisa ter conhecimento sobre o objetivo de determinada campanha, analisando o público e avaliando as necessidades.

O pote de ouro do Marketing, sobretudo o marketing digital, é a atenção, e com mensagens visuais mais agradáveis e que conversam diretamente com o público, é possível aumentar as taxas de cliques, acesso ou até identificação com determinada marca.

Um designer que entende de Marketing tende a ser mais efetivo no seu trabalho, seja ele empregado ou autônomo.

Conclusão

Reconheço que essa proposta de alinhamento Marketing-design é nova e que muitas pessoas fazem isso inconscientemente.

Mas para ajudar novos designers, resolvi estruturar o que sei sobre marketing, imprimindo minha paixão pelo Design, e minha visão sobre onde ele pode ser melhor aproveitado.

Seja para melhorar o desempenho de campanhas, reter a atenção ou transmitir valores, o Design precisa sempre estar imbuído de estratégia, que no final das contas dá um propósito à atividade.

O post Marketing e Design: como integrar as disciplinas para potencializar os resultados apareceu primeiro em Designerd.

Marketing e Design: como integrar as disciplinas para potencializar os resultados publicado primeiro em: https://www.designerd.com.br/

Tuesday, January 21, 2020

21 fontes infantis, divertidas, gratuitas e com todos os acentos

Projetos voltados ao público infantil podem ser particularmente divertidos de serem feitos, já que nos possibilita sair um pouco do óbvio e brincar com diversos elementos, cores e formas que não seriam possíveis de utilizar em trabalhos mais sérios.

Então precisamos literalmente libertar nossa criança interior também para enxergar do modo que o seu público se interesse. E a fonte, como sempre, tem um papel importantíssimo nessa ambientação.

Assim como qualquer outro tipo de projeto, podemos trabalhar com vários estilos, mas é importante manter sempre uma escolha de letras legíveis, pois muitas crianças estão em fase de alfabetização (por isso muitas vezes a escolha de trabalhar com caixa alta).

Vejam algumas fontes totalmente gratuitas que separamos para você usar em suas criações. Para baixar, basta clicar na imagem ou no link abaixo dela.

Choko

Clique aqui ou na imagem acima para fazer o download.

Chubby Cheeks

Clique aqui ou na imagem acima para fazer o download.

Comica

Clique aqui ou na imagem acima para fazer o download.

Delius Swash Caps

Clique aqui ou na imagem acima para fazer o download.

Good Dog


Clique aqui ou na imagem acima para fazer o download.

Gloria Hallelujah

Clique aqui ou na imagem acima para fazer o download.

Flavors

Clique aqui ou na imagem acima para fazer o download.

Bakso Sapi

Clique aqui ou na imagem acima para fazer o download.

Bigfish

Clique aqui ou na imagem acima para fazer o download.

Sage Sans

Clique aqui ou na imagem acima para fazer o download.

Brady Bunch Remastered

Clique aqui ou na imagem acima para fazer o download.

Bubblegum Sans

Clique aqui ou na imagem acima para fazer o download.

Wonoland Park

Clique aqui ou na imagem acima para fazer o download.

Cartonsix NC

Clique aqui ou na imagem acima para fazer o download.

Londrina Sketch

Clique aqui ou na imagem acima para fazer o download.

McKloud

Clique aqui ou na imagem acima para fazer o download.

Modak

Clique aqui ou na imagem acima para fazer o download.

Mystery Quest

Clique aqui ou na imagem acima para fazer o download.

Oleander Cakes

Clique aqui ou na imagem acima para fazer o download.

Playtime With Hot Toddies

Clique aqui ou na imagem acima para fazer o download.

Resta

Clique aqui ou na imagem acima para fazer o download.

Gostou dessa seleção? Outra boa pedida para esse tipo de trabalho são fontes manuscritas ou fontes que imitam escrita em giz, que já mostramos algumas opções também.

Até a próxima!

O post 21 fontes infantis, divertidas, gratuitas e com todos os acentos apareceu primeiro em Designerd.

21 fontes infantis, divertidas, gratuitas e com todos os acentos publicado primeiro em: https://www.designerd.com.br/