Designer cria “Gerador de Diversidade” e você precisa testar

Você já se perguntou
qual seria a forma correta de representar uma pessoa?

Imagine a seguinte
situação: você está trabalhando para desenvolver um material para o maior
hospital do Brasil. A única exigência do seu cliente é que você utilize
ilustrações de pessoas para representar os médicos do hospital. Rapidamente
você abre um banco de imagens e digita “médico ilustração”e nesse momento você precisa escolher uma pessoa.
Na sua cabeça começam as indagações: “Qual será o melhor médico?”, “O
branco, o negro, o de olho azul, verde ou talvez aquele de bigode?”, “E se eu
usar uma mulher?”, … os questionamentos são infinitos, afinal, quem somos
nós para determinar se uma pessoa parece ou não médica?

A fim de resolver esse problema a designer brasileira
Maiane Gabriele (27) criou o “Diversity Generator” (Gerador de diversidade), um
script para Photoshop gratuito e livre para uso pessoal e comercial – desde que
não seja utilizado em nenhuma campanha que promova preconceitos ou fira, de
alguma forma, os direitos humanos. O script é responsável por gerar, de uma só
vez, até 100 bonecos aleatórios. Você ainda terá diversas opções como cor de
fundo, posição do boneco ou, até mesmo, decidir se quer ou não colocar um
círculo estético de fundo. A designer alega que “é muito importante que as
pessoas que trabalham com qualquer tipo de comunicação tenham consciência do
papel social de cada pequena escolha que fazem em seu dia a dia, por esse
motivo, a campanha ‘você não pode escolher uma pessoa’ ganha tanta relevância”.

Para utilizar o script você precisa acessar este site e através dele você poderá baixar o mesmo. Além disso, caso tenha dúvidas, não saiba utilizar script ou queira fazer mais com ele, a designer ainda gravou um vídeo para o YouTube explicando tudo em detalhes.

De acordo com Maiane, é possível ainda criar seus próprios modelos de cabelo, formato de rosto, roupas, tipo de barba e outras opções, afinal, o script foi construído de forma que pode possuir várias outras adaptações além das criadas pela profissional.

E, é claro, se você testar o script, não deixe de
compartilhar os resultados dos trabalhos gerados utilizando o mesmo. Não
esqueça de marcar a Maiane (@sheisacreative) nas redes sociais também, e nem de
comentar aqui no blog sobre quais resultados que você obteve.

O post Designer cria “Gerador de Diversidade” e você precisa testar apareceu primeiro em Designers Brasileiros.

Designer cria “Gerador de Diversidade” e você precisa testar esse conteúdo apareceu primeiro em: https://designersbrasileiros.com.br/

3 casos de quem se deu mal ao utilizar fotografias sem permissão

É bem provável que você já tenha ouvido falar sobre direitos autorais de imagens, não é? Pois bem, este é um assunto super relevante e que merece toda a exposição recebida, já que serve para proteger os autores de projetos criativos.

Há todo um embasamento legal e técnico para tal. No Brasil, a Lei nº 9.610, de 19 de fevereiro de 1998, é responsável por tratar dos direitos autorais, trazendo todas as disposições sobre o tema.

O Artigo 7º fala sobre quais são as obras intelectuais, definidas como “[…] criações do espírito, expressas por qualquer meio ou fixadas em qualquer suporte, tangível ou intangível, conhecido ou que se invente no futuro […]”, e o inciso VII aborda as “obras fotográficas e as produzidas por qualquer processo análogo ao da fotografia”.

Há várias outras obras intelectuais, como textos de obras literárias, artísticas ou científicas, obras dramáticas, composições musicais, obras audiovisuais, ilustrações, projetos, adaptações, coletâneas e afins, sendo que as fotografias e ilustrações costumam aparecer bastante na mídia neste sentido.

Diferente do que o senso comum pode nos querer fazer pensar, é possível se deparar com sérios problemas ao violar os direitos autorais de imagem na internet e também em outros meios, com consequências bem importantes e que você certamente não deseja ter que enfrentar.

Para ilustrar como isso é uma realidade, nós separamos alguns casos em que empresas e até órgãos governamentais tiveram problemas com tal violação. Conheça e mantenha-se distante de todos eles!

Casos de violação de direitos autorais de imagem

Assim como existem casos de sucesso, o oposto também se aplica. Seja para saber o que você realmente precisa para começar na fotografia ou apenas para conhecer tais casos, vale a pena ficar de olho no que já aconteceu ao redor do mundo e redobrar a atenção quando se trata de obras criativas!

1 – Agence France-Presse X Daniel Morel

O primeiro exemplo já começa mostrando que os direitos autorais de imagens não devem ser violados nem mesmo por grandes players, como é o caso da AFP, uma das maiores agências de notícias do mundo.

Durante o terremoto que afetou o Haiti em 2010, o fotógrafo Daniel Morel foi um dos primeiros a divulgar imagens do local em sua conta no Twitter. Como não poderia ser diferente, as imagens começaram a ser muito compartilhadas na rede social.

Porém, chegou um momento em que a AFP pegou as fotos do feed de outro usuário e começou a distribuí-las em seu próprio perfil, alegando que tinham o direito legal de baixar e distribuir as imagens de acordo com os termos do Twitter.

Como resultado, a AFP teve que pagar US$ 1,2 milhão a Morel por danos legais.

2 – Hotel Sofitel em Viena X Klemens Horvath

O Hotel Sofitel de Viena se envolveu em um caso sério de infringimento de direitos de imagem. Ele comprou os direitos para usar o trabalho do fotógrafo austríaco Klemens Horvath em uma campanha publicitária. As fotos foram licenciadas para este trabalho específico por um curto período de tempo.

Porém, o fotógrafo encontrou suas imagens no jornal. Outras pesquisas o fizeram encontrar outros usos não autorizados de suas imagens, até mesmo internacionais, totalizando mais de 100 casos.

O hotel não apenas feriu o contrato como também deu a outros a permissão de usar suas fotos. Horvath era o dono dos direitos, mas não tinha conhecimento das ações do hotel.

O infringimento, então, foi solucionado entre ambas as partes com um acordo oficial. Não se sabem quais foram os valores exatos, mas estima-se que ele esteja na casa de 6 a 7 dígitos, ou seja, provavelmente pelo menos € 100 mil.

3 – Associated Press X Shephard  Fairey

Shephard Fairey, um artista de rua, criou um pôster para apoiar a candidatura presidencial de Barack Obama para as eleições de 2008.

Na obra, a imagem de Obama foi retirada de seu fundo e transformada em uma criação artística, com estilo mais “cartoonizado” e destaque para as cores azul, vermelho e branco, além da palavra “hope” (esperança) na parte de baixo e um broche com a bandeira dos Estados Unidos no peito.

O projeto viralizou e se transformou em um personagem importante para a campanha de Obama, ainda que tenha sido produzida sem sua solicitação, embora este não tenha demonstrado nenhuma contrariedade em tal ato.

Em janeiro de 2009, a foto em que Fairey supostamente baseou seu projeto foi revelada pela Associated Press como sendo de um freelancer, chamado de Mannie Garcia, sendo que a AP estava pedindo uma compensação pelo uso da imagem.

A resposta de Fairey foi que seu trabalho não reduziu o valor da foto original. Como resultado, o artista e a AP entraram em um consenso em janeiro de 2011, sendo que uma parte do acordo era que os lucros teriam que ser repartidos entre ambas as partes.

Mesmo sem um processo e um veredito propriamente dito, este quase se tornou um grande problema de direitos autorais de imagens, o qual foi resolvido pelos envolvidos. Além disso, é curioso notar como uma obra com tal história se tornou um dos símbolos da então eleição de Obama.

Direitos autorais de imagens na internet e fora dela são coisa séria!

Uma atividade que parece tão simples, como ir ao Google, pesquisar por uma imagem e utilizá-la para fins profissionais, pode se tornar um verdadeiro problema. Afinal de contas, isso pode infringir diretamente os direitos do autor daquela obra intelectual.

O primeiro ponto é que seu uso comercial faz com que alguém que não detém os direitos sobre aquela obra receba dinheiro, o que não faz sentido, já que não houve qualquer tipo de licenciamento ou acordo para tal.

Além disso, também temos que analisar que não é justo fazer tal uso, tendo em vista o trabalho que foi dedicado pelo autor dos direitos, que teve que utilizar equipamentos, fazer um bom planejamento e se empenhar em prol do resultado que obteve, ou seja, ele merece ser remunerado por isso.

Se você não quer violar nenhum dos direitos autorais de imagens na internet, mas também não é um especialista em fotografia, fique tranquilo, pois há alternativas legais (e que cabem no orçamento) para ajudá-lo.

A mais simples é recorrer a um banco de imagens profissionais, como a iStock, em que os autores das fotografias vendem os direitos de suas obras criativas e são devidamente remunerados quando alguém as compra, ou seja, tudo de acordo com as leis.

Nós já comentamos sobre porque agências de design devem usar bancos de imagens profissionais em seus projetos, e um dos motivos é justamente o fato de operar de acordo com todas as exigências legais, o que é justo para com todos os envolvidos.

Para não violar nenhum dos direitos autorais de imagem e ter à sua disposição um acervo com dezenas de milhões de fotografias, faça um cadastro gratuito na iStock e encontre as melhores opções para seus projetos criativos!

O post 3 casos de quem se deu mal ao utilizar fotografias sem permissão apareceu primeiro em Designerd.

3 casos de quem se deu mal ao utilizar fotografias sem permissão publicado primeiro em: https://www.designerd.com.br/

Faber-Castell disponibiliza curso de Lettering gratuitamente

Com a chegada do COVID-19 ao Brasil, boa parte das pessoas estão em de quarentena em casa. Por este motivo, a Faber-Castell disponibilizou, no último dia 20, diversos cursos gratuitos.

Ao todo são 17 opções, não só para as crianças, mas também para os adultos “A partir dessa iniciativa, queremos contribuir com as famílias que hoje estão em casa, mas precisam buscar atividades de qualidade para crianças cujas aulas foram suspensas. Entendemos também que ficar em casa pode ser difícil para a maioria dos adultos, então abrimos todo o nosso portfólio de cursos online para que as pessoas tenham acesso a conteúdos diferentes, trabalhando a criatividade e conhecendo novas ferramentas”, afirma Marcelo Tabacchi, Presidente da Faber-Castell no Brasil.

Os cursos podem ser realizados de forma individual ou conjunta com os familiares, estimulando assim a interação entre todos. O objetivo é usar traços, desenhos e cores para estimular o pensamento criativo.

Os materiais básicos indicados para os cursos online são lápis, borracha e lápis de cor. Mas a ideia é que, caso tenham vontade, os participantes incorporem outros itens às atividades.

Confira aqui a lista de cursos disponíveis no site da Faber-Castell:

Qualquer Forma é Qualquer Coisa

O ilustrador profissional Itamar Dutra usa uma didática simples e divertida para provar que um traço pode transformar-se em uma ilustração incrível, ensinando como desenhar rostos e personagens com formas geométricas e técnicas de colorir.

Play na Criatividade

Ensina a desenhar, por meio de exercícios dinâmicos e divertidos, que liberam a imaginação. Nos vídeos e tutoriais, o desenhista profissional Daniel Wu demonstra diversas técnicas para criar vilões, heróis e personagens diversos, a partir de um rabisco.

Criando Mundos

A artista Isadora Zeferino faz uma imersão artística no espaço sideral, fundo do mar e pré-história. Neste curso, o objetivo é aprender a criar planetas, colorir o oceano com técnicas de aquarela e viajar no tempo de uma maneira super divertida.

Técnicas de Narrativa Visual

O grande artista Gabriel Picolo vai ensinar com exemplos práticos, as quatro categorias importantes para construir uma narrativa no desenho. Incluindo técnicas de contar histórias visuais com cores e muita expressão nos personagens.

Desenvolvimento de Personagens

O ilustrador e designer de personagens, Eduardo Vieira demonstrará como trabalhar o design de personagens para apresentar suas principais características físicas e emocionais com riqueza de detalhes e transmitir a sua história do jeito que você quiser.

Dicas de Desenho Realista

Um curso ideal para aqueles que querem aprender passo a passo para desenhar olhos, boca e nariz, compondo um rosto completo e harmonioso nos mínimos detalhes. O ilustrador Hiago Silva ensina técnicas de como desenhar cabelos com movimento e peles com textura realistas.

Transformando Retratos em Desenhos

Neste curso, o professor Julio Cesar dá dicas para transformar um retrato real em um desenho cartoon, estilizando o traço sem perder as características marcantes da fisionomia.

Criando Personagens para Animação

Uma opção interessante para quem quer aperfeiçoar as habilidades durante o processo de criação dos personagens. O conteúdo inclui técnicas inovadoras de animação, além de cores e formas.

Dicas de Composição

A Ilustradora e quadrinista, Rebeca Prado ensinará como aplicar o Gestalt, um conceito da psicologia relacionado à percepção das formas de uma imagem, para melhorar a composição percebida nos desenhos.

Galáxias em Aquarela

Ao aprender a trabalhar com aquarela, os participantes poderão ir além nas suas criações e até criar o sistema solar. Neste curso, o ilustrador Rodrigo Falco ensina técnicas de aquarela para colorir planetas e astronautas fantásticos.

Técnica Mista com Aquarela

Para quem gosta de Aquarela, a desenhista Sabrina Eras ensina como misturar lápis de cor e canetinha para finalizar desenhos usando diferentes técnicas.

Lettering Básico

A artista especializada em lettering, Monique Silva vai ensinar os princípios básicos dos letterings e suas infinitas possibilidades. Descubra as diferenças entre tipografia, caligrafia, lettering, variações de traços, composições de letras e muito mais.

Lettering Avançado

No módulo avançado do curso de lettering, Monique Silva ensina com mais profundidade variações de pautas, letras, composições e novos alfabetos. E, ao final do curso, todos podem apresentar dois projetos com os seus letterings.

Desenho com Emoções

Neste curso com Kanton, o aluno será estimulado a colocar mais paixão e emoção em seus desenhos, usando cores e formas. aprenda a enriquecer seus personagens com diferentes expressões.

Criatividade nas Redes Sociais

Para quem é apaixonado por internet, Kanton dá várias dicas de como usar as redes sociais com criatividade e de uma maneira mais divertida. Aprenderá a criar gifs, stories criativos, stickers e muito mais!

Criaturas Fantásticas

Embarque no universo dos seres fantásticos e aprenda com o artista Leo Conceição, técnicas para desenhar animais surreais e monstros apenas vistos nos filmes de fantasias. Um curso para exercitar a imaginação e criar histórias incríveis!

Monstros Incríveis

O artista Leo Conceição ensinará como criar monstros e misturar espécies de animais para fazer desenhos fantásticos. Neste curso, se aprende também técnicas com lápis de cor, usando detalhes de luz e sombra.

O post Faber-Castell disponibiliza curso de Lettering gratuitamente apareceu primeiro em Designers Brasileiros.

Faber-Castell disponibiliza curso de Lettering gratuitamente esse conteúdo apareceu primeiro em: https://designersbrasileiros.com.br/

14 fontes gratuitas para quadrinhos (sem Comic Sans)

Está criando um projeto de HQ (história em quadrinhos) ou de humor e está buscando fontes específicas e mais cômicas?

Separamos aqui uma lista com 14 fontes para você não ficar tentado em usar a Comic Sans!

É claro que usar a famigerada fonte em determinados projetos não tem problema nenhum, o problema é sua ampla utilização em contextos que fogem do seu objetivo inicial (mas aí já é uma discussão para outra hora).

Sendo assim, divirta-se:

Bangers

Clique aqui ou acima para baixar

Bubblegum Sans

Clique aqui ou acima para baixar

Chelsea Market

Clique aqui ou acima para baixar

Comicblast

Clique aqui ou acima para baixar

Comic Zine

Clique aqui ou acima para baixar

Day Poster Black

Clique aqui ou acima para baixar

Funny Farm Hard

Clique aqui ou acima para baixar

Funny Face

Clique aqui ou acima para baixar

Komika Boogie

Clique aqui ou acima para baixar

Phantom ST

Clique aqui ou acima para baixar

Scratch

Clique aqui ou acima para baixar

Shark Party

Clique aqui ou acima para baixar

Sigmar One

Clique aqui ou acima para baixar

Sketchy

Clique aqui ou acima para baixar

 

E aí, gostou dessa seleção de fontes gratuitas? Que outras fontes você gostaria de ver por aqui? Deixe seu comentário abaixo.

Até a próxima!

O post 14 fontes gratuitas para quadrinhos (sem Comic Sans) apareceu primeiro em Designerd.

14 fontes gratuitas para quadrinhos (sem Comic Sans) publicado primeiro em: https://www.designerd.com.br/

As 5 etapas para a criação de um site

Este artigo tem por objetivo te atiçar sobre a criação de um processo bem definido, e caso não se identifique com a atividade “criação de site”, você pode abstrair os conceitos macros e aplicar em sua área de atuação.

Como eu disse há alguns artigos, para mim é fácil falar sobre criação de sites porque faz parte de quase 80% do meu dia, tirando os momentos onde estou no YouTube consumindo besteirol.

E para agregar ao seu arcabouço de referências, eu vou falar um pouco sobre as 5 etapas para a idealização de um site. O conteúdo que trarei a seguir está repleto de conceito por trás da criação de um processo bem definido, então, leia com a mente muito aberta.

Antes de começar

O que eu costumo chamar de passo zero é a compreensão da existência daquela demanda. Por que quem te procurou quer fechar um site?

Existem diversos motivos para que uma pessoa tenha um site, e quanto mais profundo este motivo for, melhor a forma de metrificarmos o sucesso da nossa entrega.

E este objetivo do site será o pilar para a etapa seguinte: o briefing.

Briefing

Já falei dezenas de vezes aqui no Designerd sobre briefing, e não devia ser diferente, é o assunto mais fundamental de todos em relação ao desenvolvimento de um trabalho criativo.

Caso ainda não tenha visto nada sobre Briefing, confira o artigo que escrevi sobre os 4 P’s do briefing. Confere lá e depois volta pra cá.

Partindo do ponto que já conhece a importância de um bom briefing, podemos dar sequência ao nosso projeto, fixando o objetivo principal e elencando tópicos que serão importantes para a construção do site.

Mas o que é importante?

Além de termos o objetivo ou os objetivos bem definidos, precisamos de outras informações que nos ajudarão a escolher uma linha estética e de comunicação.

E foca nessa palavra: decisão. Design é a arte de ter um infinito de possibilidades, mas selecionar apenas as fundamentais ao objetivo.

Por esse motivo que eu não vejo o Design desalinhado de métricas, números, resultado.

As informações que lhe serão úteis nesta etapa de pesquisa são:

• O que a marca é
• O que a marca não é
• Qual mensagem quer passar
• Qual mensagem não quer passar
• Como ela se comunica

Na minha opinião, essas 5 perguntas acima são essenciais para um briefing de site, e com certeza te nortearão durante as etapas seguintes.

Mapa do site

Também conhecido como Sitemap, o mapa do site é uma forma de documentar e validar as informações que o site vai conter, organizadas em prol de favorecer a jornada do usuário.

E por sua vez, a jornada do usuário é uma previsão que o designer faz sobre os passos que o usuário vai percorrer em seu produto, seja ele um site, aplicativo ou sistema.

As perguntas que você precisa se fazer no momento da construção de um mapa do site é:

• Onde essa informação faz sentido?
• Como fazer essa chamada ser contextual?
• Qual a solução mais lógica?

Claro que no final das contas, não é tão simples assim. Design de interface envolve uma pancada de outros fatores, e o mais sensível deles é o fato de estarmos tratando com seres humanos, e seres humanos são complexos e imprevisíveis, além de fugirem um pouco da lógica racional.

Voltando ao mapa do site, normalmente, a entrega dessa etapa é feita no formato de mapa mental, ou com um desenho que melhor favorece o fluxo de navegação.

Atualmente eu trabalho com mapas mentais e não tem me dado problemas em relação à apresentação para o cliente, nem para a minha assimilação nas etapas futuras.

Wireframe

Feito o mapa do site, vamos tornar aquelas informações visuais.

Lembra que te disse que Design envolve excluir uma série de informações por outras que realmente fazem sentido a determinado objetivo? No Wireframe isso acontece com toda força.

Não existe apenas uma solução para determinado problema de comunicação. Existem dezenas de milhares, e a forma como isso me angustia você não faz ideia.

E o meu perfil de designer é testador. Faço dezenas de testes, crio pranchetas paralelas para validar a solução que faz mais sentido, coloco o briefing na jogada para confirmar as minhas hipóteses e dou uma pausa para assentar meu humor.

Para você entender melhor, vamos imaginar o seguinte: você precisa fazer um componente de depoimento. Mas, pensa comigo, não existe apenas uma solução que resolve isso.

Existem milhares de soluções para um componente de depoimento em um site.

O que faz com que a decisão seja a mais adequada? Volte no briefing e reveja os objetivos, aí está a resposta.

“Neste depoimento eu quero ressaltar a imagem da pessoa.”

“Quero ter no depoimento a empresa que a pessoa faz parte.”

“Os depoimentos são muito grandes, precisa ser um por vez.”

“Os depoimentos vêm do facebook, preciso mostrar a plataforma.”

É aqui que a brincadeira fica complexa.

Mas para te acalmar, a melhor resposta para essas confusões é tratar da melhor forma possível o nível de conteúdo, isto é, prestar muito atenção, questionar muito e pôr sempre em xeque o objetivo do site.

Protótipo

E para finalizar o nosso site, chegamos na etapa do protótipo.

Lidar com ela é um tanto complexo, porque quando saímos do Wireframe, estamos exaustos e só pensamos em concluir logo, e o protótipo se torna uma etapa muito sensível, porque junto a ele vem a pergunta: como posso marcar essa etapa como pronta?

E essa resposta vai partir do nível de fidelidade que você entrega na etapa de Wireframe. Caso seja de baixa fidelidade a sua definição de “pronto” vai ser diferente caso seu Wireframe seja de alta fidelidade.

O que importa aqui é você definir um lugar onde quer chegar, e assim dar cadência para a sua entrega.

Nessa etapa, deixamos o site mais próximo do real possível, lembrando que Design de produtos digitais são idealizações do seu estado final, nada do que o Design entrega se torna o produto final necessariamente (um pouco triste isso).

Inclua ícones, imagens, cores, tipografia e aumente a fidelidade da sua entrega, fazendo com que o cliente entenda como vai ser o site depois de virar código.

Conclusão

Ufa, apesar de bem resumido, acho que consegui passar para você este conteúdo.

Ainda tem muita coisa por trás dessa área de Design de Interface do usuário, e se você quer continuar aprendendo sobre o assunto, deixe seu comentário na área abaixo deste artigo.

O post As 5 etapas para a criação de um site apareceu primeiro em Designerd.

As 5 etapas para a criação de um site publicado primeiro em: https://www.designerd.com.br/

CorelDRAW 2020 revela sua mais rápida, inteligente e colaborativa suíte de aplicativos gráficos até hoje

A poderosa Inteligência Artificial e a colaboração baseada em nuvem estabelecem um novo padrão de criatividade e produtividade

Em lançamento mundial, o CorelDRAW Graphics Suite 2020 permite que equipes e profissionais de design gráfico quebrem as barreiras da criatividade com inteligência artificial (IA) inovadora, melhorias impressionantes no desempenho e acesso a colaboração baseada em nuvem para agilizar o fluxo de trabalho criativo. A linha de software de design gráfico do CorelDRAW® 2020 oferece suítes nativas para macOS e Windows, além do CorelDRAW.app para a Web, para que os designers disponham do poder de que precisam para ir da idéia original à entrega de um projeto perfeito em tempo recorde.

Com uma coleção completa de aplicativos profissionais para ilustração vetorial, layout e tipografia, edição de fotos e muito mais, o CorelDRAW Graphics Suite 2020 faz sua estreia com muitas atualizações para acelerar a criação de projetos gráficos dos mais simples aos mais complexos. Use o CorelDRAW.app para trabalhar com arquivos de design praticamente em qualquer lugar e, pela primeira vez, os usuários da assinatura do CorelDRAW podem utilizar os novos recursos de colaboração do app para simplificar todo o processo de revisão e aprovação.

“O lançamento do nosso principal produto, CorelDRAW, apresenta tecnologia de ponta para melhorar toda a sua experiência em design. Com o CorelDRAW Graphics Suite 2020, agora tanto profissionais quanto os clientes podem acessar um centro de colaboração para coordenar seus trabalhos em tempo real. Além disso, os designers podem descobrir o poder da machine learning para criar resultados incríveis mais rápido do que nunca. Implementamos inteligência artificial em toda a suíte para melhorar drasticamente o fluxo de trabalho de design gráfico profissional”, afirmou John Falsetto, diretor sênior de produtos, CorelDRAW e produtividade.

O CorelDRAW Graphics Suite 2020 oferece novos recursos para produzir sempre designs visualmente incríveis e conteúdo de alta qualidade. Os destaques incluem:

Ferramentas otimizadas por inteligência artificial que expandem os recursos de design e aceleram o fluxo de trabalho

A inteligência artificial otimizada por GPU causa um enorme impacto em termos de economia de tempo em todo o processo de design. Essa profunda integração da tecnologia de IA permite que os usuários produzam resultados excepcionais, quando a perfeição é imprescindível.

• NOVO! Aumento da resolução e remoção de artefatos: amplie imagens com opções de aumento da resolução baseadas em inteligência artificial que criam resultados de alta qualidade com bordas claras, nitidez e detalhes sutis. Tire mais proveito de imagens JPEG com perda graças às técnicas de machine learning que removem os artefatos da compactação de arquivos JPEG e recuperam os detalhes e as cores, eliminando, assim, a edição manual demorada.
• REDESENHADO! PowerTRACE: experimente nossos melhores resultados na conversão de bitmap em vetor até hoje graças à nova tecnologia de otimização de imagem assistida por IA do CorelDRAW, que melhora a qualidade dos bitmaps antes do rastreio da imagem e sua conversão final.
• NOVO! Efeitos Estilo de arte: ao trabalhar no CorelDRAW e no Corel PHOTO-PAINT, você poderá escolher entre uma lista de efeitos incríveis gerados por IA, inspirados nas técnicas de diferentes artistas e gêneros, para produzir uma versão estilizada de uma imagem ou um objeto vetorial.
• APRIMORADO! Máscaras no Corel PHOTO-PAINT: selecione uma imagem de forma rápida e precisa com a nova Máscara Inteligente de Seleção, que expande a seleção de maneira inteligente, detectando bordas e variações de cores. Agora, a ferramenta Transformação de máscara permite aplicar as transformações aos pixels da máscara.

Colaboração para agilizar e simplificar o processo de revisão

Aumente a produtividade graças a um novo fluxo de trabalho de colaboração do CorelDRAW.app, disponível exclusivamente nas licenças por assinatura do CorelDRAW Graphics Suite, licenças com manutenção ou um plano de compra adicional para clientes de licenças vitalícias.

• NOVO! Compartilhe arquivos facilmente para revisão e aprovação colaborativas: oferecendo uma forma muito melhor de conexão em tempo real com colegas de trabalho e clientes, agora o CorelDRAW.app pode funcionar como centro de colaboração para compartilhamento de arquivos do CorelDRAW (CDR) com clientes e colaboradores. Esse novo fluxo de trabalho colaborativo facilita alterações, revisões e aprovações de designs, permitindo que o designer gerencie o feedback de um ou mais colaboradores em um único arquivo de trabalho.
• NOVO! Comentários e anotações: coordene todos os usuários ao visualizar, responder e resolver questões do projeto direto na nova janela de encaixe/Inspetor Comentários. Economize tempo e espaço valioso na tela adicionando comentários detalhados e anotações, incluindo ícones de observação, setas, retângulos, elipses, bem como linhas retas e de forma livre, diretamente no documento.
• NOVO! Login simples: os colaboradores podem acessar arquivos de design compartilhados e fazer sugestões e observações no CorelDRAW.app, efetuando login como convidados ou com uma conta de cliente Corel no navegador da Web, em qualquer dispositivo.

Novas ferramentas criativas e tipografia inovadora

As ferramentas criativas valiosas e as atualizações significativas no texto, como as listas personalizáveis de vários níveis, inspiram os usuários a ampliar seus horizontes de design e trabalhar com mais eficiência.

• NOVO! Trabalhe com fontes variáveis: tire proveito da mais recente tecnologia de fontes, com suporte para fontes variáveis OpenType, que facilita a manipulação da aparência do texto e permite obter uma grande variedade de visuais exclusivos, tudo com uma única fonte. Tenha uma experiência de tipografia responsiva e flexível e, em muitos casos, obtenha tamanhos de arquivo consideravelmente menores ao criar arquivos com vários estilos de fonte.
• NOVO! Ferramenta Sombra interna: aplique sombras internas a elementos de design para dar a eles profundidade 3D. A nova ferramenta Sombra interna permite que os usuários simulem a luz incidindo em um objeto e, depois, ajustem a sombra interna.
• NOVO! Lente de efeito de bitmap: aplique efeitos de bitmap como lentes no CorelDRAW e no Corel PHOTO-PAINT. Posicione os efeitos de bitmap com precisão ao mover ou manipular a lente e aplique um efeito Enevoar para misturar objetos vetoriais e de bitmap perfeitamente em um design existente.
• NOVO! Efeitos não destrutivos no Corel PHOTO-PAINT: com o novo inspetor/janela de encaixe Efeitos, é fácil aplicar, modificar e experimentar efeitos, tudo sem alterar o objeto de origem. Obtenha visuais diferentes ao adicionar vários efeitos, reordená-los na lista ou ativá-los e desativá-los.

Ganhos consideráveis de desempenho em toda a suíte

Obtenha melhores resultados com uma suíte de aplicativos mais rápidos e consideravelmente mais responsivos. Com várias operações complexas executadas até 10 vezes mais rápido do que na versão anterior, os usuários vão do conceito à entrega do projeto mais rápido do que nunca.

• APRIMORADO! Velocidade e inicialização: aproveite um tempo de inicialização mais rápido e uma maior velocidade ao abrir, fechar, salvar, imprimir e exportar até mesmo os mais complexos designs.
• APRIMORADO! Desempenho de pincéis no Corel PHOTO-PAINT: trabalhe mais rápido graças ao comportamento melhorado dos pincéis no Corel PHOTO-PAINT. As ferramentas Pincel, Clone de restauração e Borracha são muito mais fluidas, especialmente quando tamanhos maiores de ponta são usados.
• APRIMORADO! Objetos PowerClip: experimente uma exibição mais rápida e uma edição mais suave, mesmo dos mais complexos designs com vários objetos PowerClip.

Disponibilidade

O CorelDRAW Graphics Suite 2020 para Windows e o CorelDRAW Graphics Suite 2020 para Mac estão disponíveis em português (Brasil), inglês, alemão, italiano, francês, espanhol, holandês, polonês, tcheco, russo, chinês simplificado, chinês tradicional, turco e japonês.

Os recursos de colaboração do CorelDRAW.app estão disponíveis exclusivamente com uma assinatura do CorelDRAW Graphics Suite, uma licença com manutenção ou um plano de compra adicional para clientes com licenças vitalícias. Para obter mais informações e fazer download da versão de avaliação gratuita por 15 dias, visite www.coreldraw.com.br.

Para obter mais informações sobre as opções de licenciamento do CorelDRAW, incluindo licenciamento por volume, manutenção, implantação em rede e virtualização, visite: www.coreldraw.com/br/licensing.

O post CorelDRAW 2020 revela sua mais rápida, inteligente e colaborativa suíte de aplicativos gráficos até hoje apareceu primeiro em Designers Brasileiros.

CorelDRAW 2020 revela sua mais rápida, inteligente e colaborativa suíte de aplicativos gráficos até hoje esse conteúdo apareceu primeiro em: https://designersbrasileiros.com.br/

3 coisas que eu faria diferente se começasse com o design de novo

Este artigo será dedicado a contar algumas histórias sobre a minha caminhada, levando em considerações alguns percalços e vitórias na minha carreira como designer.

E entendo que “como começar” é o principal gargalo de muitos iniciantes, que lidam com dezenas de possibilidades mas não conseguem se dedicar em apenas uma.

Quero trazer nos parágrafos a seguir, algumas dicas sobre como começar no design que prometem te dar um norte sobre o que fazer a partir de agora.

1- Definir uma área de atuação

No Design existem dezenas de possibilidades. Isso mesmo, dezenas.

Você pode trabalhar com superfícies, serviços, efêmeros, interfaces, identidade visual, produtos e redes social.

E com tantas possibilidades de atuação, sei o quanto deve ser confuso, porque mesmo depois de 6 anos na área, eu ainda tenho as minhas dúvidas.

Meu primeiro emprego envolveu ensinar software em uma escola de computação.

Variava de Excel à CorelDraw.

Não sou velho assim, mas as coisas começaram a acontecer lá em 2013.

E ensinando software, descobri meu gosto e habilidade com o Design operacional, foi aí que me aprofundei mais.

Segui carreira como um designer genérico (não esperava que fosse diferente) e ainda ensinando, fui para outra escola falar de Illustrator, Photoshop e Indesign. Só que sempre busquei explicar de alguma forma conceitos do Design.

E assim minha vida seguiu. Trabalhei com comunicação visual, estamparia, gráfica offset e agências de Marketing.

Ainda muito perdido e genérico, fiz uma dezena de mudanças na minha vida, mantendo sempre os estudos presentes na vida.

Estive em um evento de Marketing em Santa Catarina para encontrar comigo mesmo, e coloquei várias ideias na mesa com quem futuramente seria o meu mentor.

Gostava muito de lidar com informação, então pensei em me especializar em infográficos.

Pelo o que você pode imaginar, não levei para frente.

Trabalhei 9 meses com identidade visual e abri novamente o leque de possibilidades que o Design pode oferecer.

Até este momento, estou trabalhando com interfaces mas com planos de focar exclusivamente em estratégia no futuro.

Com essa pequena história, você viu que o Design oferece muitas possibilidades, e você tem dois caminhos: fazer como eu fiz e experimentar um pouquinho de cada, ou buscar se entender para antecipar sua decisão.

Mas claro, não somos tão imutáveis como nos propomos, compreenda sua decisão e mesmo assim esteja aberto para novas experiências.

2- Buscar inspirações

Como pincelei no tópico anterior, eu tive um mentor.

Tive mentoria por alguns meses, o que me ajudou a compreender um pouco sobre mim e conhecer pessoas novas que estavam no mesmo barco.

E aí está a importância da inspiração.

Conheça pessoas, esteja disponível para conversar e ajudar caso esteja no seu alcance.

Isso te permite conhecer também sobre você, e acima de tudo, te conectar com outros designers.

Mas e as inspirações? São semidependentes de sua definição de área. Claro que não 100% porque você pode admirar pessoas como profissionais, não exatamente pela sua área de atuação.

Eu falo que são semidependentes porque quanto mais próximo à área que você escolheu, maior o nível de influência daquela pessoa em sua carreira.

Em uma possível conversa, vocês podem trocar figurinhas e perceber coisas em comum.

As inspirações vão te ajudar a entender caminhos que fazem sentido com seu objetivo e também os caminhos que você pode escolher não trilhar.

E graças à internet, encontrar essas inspirações ficou muito mais fácil. Digitando apenas a palavra-chave da sua busca, fica simples de se conectar com alguém que pode te ajudar no rumo da sua carreira.

3- Fazer projetos fictícios

Muitas pessoas subestimam o poder dos projetos fictícios, mas são eles que te dão bagagem visual para construir projetos reais.

No tempo em que estive focado em identidade visual, os projetos fictícios me ajudaram a estruturar o meu processo, definir minha linha de criação e entender meu conhecimento técnico.

Todos os três itens que falei acima são extremamente importantes, ainda mais quando você tem um perfil estratégico.

Os projetos fictícios vão te orientar sobre o modelo real de atuação, removendo as variáveis cliente e prazo, e além disso, é uma ótima oportunidade de você aumentar o seu portfólio.

E não preciso falar que os projetos fictícios também são fruto da decisão do que você quer seguir na carreira de designer.

Se você curte diagramação e texto, que tal fazer um book sobre um assunto que você goste? Talvez isso te impulsione a entregar com melhor qualidade e emoção.

Conclusão

No final das contas, minhas decisões no Design não foram tão ruins assim.

Sinto que tenho possibilidades de crescimento, ainda acho que o Design pode mudar o mundo e estou diariamente praticando para me aprimorar.

Além disso, esses caminhos me trouxeram até aqui para contar essa história para você, e quem sabe, te ajudar com suas próprias decisões.

O post 3 coisas que eu faria diferente se começasse com o design de novo apareceu primeiro em Designerd.

3 coisas que eu faria diferente se começasse com o design de novo publicado primeiro em: https://www.designerd.com.br/

Em quarentena? 7 dicas para ser mais produtivo em seu Home Office

Há muito tempo, trabalhar de casa vem sendo uma realidade cada vez mais adotada por profissionais e empresas de diversas áreas. E agora, em um momento delicado como estamos atualmente, o home office foi inserido na rotina de muitos de uma hora para a outra, sem um preparo do espaço e nem do modo de pensar de quem vai começar a atuar assim.

Você pode ser tão ou mais produtivo do que trabalhando em um escritório e existem diversas ferramentas para manter o contato remoto com seus colegas de equipe, então isso também não precisa ser um problema. Além do que, produtividade não tem relação apenas com onde você estiver, como já vimos há um tempo atrás nesse artigo.

Então, para abrir esse tópico tão importante pro momento, separamos 7 dicas para que você consiga escolher melhor um espaço em casa e iniciar seus trabalhos de maneira eficiente.

Sobre o seu espaço

O lugar da sua casa que vai escolher para trabalhar é muito importante, tanto na questão de decoração como na ventilação e iluminação. Tudo isso pode ajudar muito, já que seu conforto também auxilia no seu foco.

Escolha um lugar arejado e com boa iluminação natural

Para quem trabalha durante o dia e não tiver problemas com reflexo no monitor, a luz natural sempre vai trazer benefícios para seu rendimento. Dá uma noção de tempo, e principalmente ânimo.

Quem prefere trabalhar à noite, também é recomendável escolher um lugar com boa iluminação, mesmo que para isso seja necessário trocar algumas lâmpadas. Mas se onde trabalhava já era um ambiente mais escuro e isso lhe fazia bem, faça como se sentir melhor.

Mas, independente da luz, prefira janelas abertas. Deixar entrar um ar mais fresco hoje é até uma indicação de saúde.

Mesa e cadeira são melhores que o sofá

Apesar do notebook ter sido desenhado de um jeito que mantê-lo no colo não seja totalmente desconfortável (estou falando, claro, dos modelos que não tenham problema de superaquecimento), essa posição a longo prazo pode te trazer muitos problemas, mas mesmo a curto prazo isso vai te atrapalhar, além da questão ergonômica.

Quando ficamos em um sofá, acabamos esticando as pernas, ficando mais relaxados. E isso pode parecer bom no começo, mas logo a televisão pode começar a ficar bem atraente, o controle remoto está próximo.

Talvez você pense “bom, vou deixar a TV ligada, mas continuar trabalhando…” e ao chegar nesse ponto dificilmente seu desempenho será como deveria.

Sentar na cadeira te obriga a ficar em uma posição mais ereta, e isso te ajuda até mesmo na questão de manter foco. Até mesmo a circulação entra aqui como um fator positivo, mas claro, com pausas por alguns momentos para mudar de posição e dar alguns passos.

Não espalhe objetos pela mesa

Bagunça gera bagunça e mesmo que você não se considere alguém que liga muito para isso, dificilmente uma mesa desorganizada vai trazer benefícios para seu trabalho.

Então, se tiver gavetas, use-as. Organize os objetos por categorias que facilite sua busca quando precisar. Imagine isso como uma taxonomia de objetos pessoais.

Colocar as coisas organizadas e dentro de gavetas ou caixas ajuda não só a manter o espaço mais bonito, mas também facilita muito a limpeza, outro item essencial para um bom dia de trabalho.

E, ainda mais nessa época, isso evita que sujeiras indesejadas e o que vier junto com elas se aglomerem em sua mesa, teclado e mouse.

Lembre que seu espaço precisa ser inspirador de alguma forma

Além da organização e limpeza, é comum ver em mesas de escritório algo que o profissional gosta de expor, seja para se identificar ou apenas por gostar, como um brinquedo (action figure ou colecionáveis para quem ficou magoado com o termo), fotos, canecas ilustradas, entre outros objetos que contribuem com sua identidade.

Em casa sua mesa também pode ter uma decoração com algo que goste e que ao olhar para ele, remeta para outros momentos e experiências, começando assim um processo criativo inconsciente.

Sua produtividade

Além de medidas básicas, como não cair na tentação de ficar o dia todo de pijama com pernas pra cima, existem muitas ferramentas que podemos usar para que nosso dia seja muito mais produtivo.

Escolha sua técnica de produtividade preferida (Pomodoro, Metodologias ágeis, etc)

Caberia aqui horas de conteúdo falando sobre técnicas diferentes que podem auxiliar em sua produtividade.

As duas do título desse item, por exemplo, são até mesmo complementares e não necessariamente deveriam ser seguidas uma ou outra.

Pomodoro é uma técnica bem simples e muito fácil de aplicar, existindo até mesmo aplicativos ou timers prontos para isso.

Consiste em criar um ciclo de momentos de trabalho e pausas.

Você faz uma atividade de maneira objetiva e sem nenhuma distração por 25 minutos (saia das redes sociais, WhatsApp e qualquer outra distração nesse tempo). Aí você se dá de recompensa 5 minutos de pausa, em que você poderá fazer algo para relaxar um pouco (de preferência longe do computador).

Depois de 4 vezes, você poderá fazer uma pausa maior, de no máximo 30 minutos.

Agora sobre metodologias ágeis, realmente não cabe em um parágrafo resumir de maneira justa todo esse universo, onde trabalho em equipe, organização e alinhamento de papéis são extremamente importantes.

Recomendo que pesquise sobre algumas das metodologias ágeis, como Scrum, eXtreme Programming (XP), DevOps (as duas últimas mais voltadas para desenvolvimento mas com conceitos que podem ser aproveitados em diversas áreas) e as ferramentas que podem ser utilizadas nelas.

Não só no Scrum, mas muito utilizado nele, não tem como deixar de comentar do Trello, que uso bastante para organizar minhas tarefas e manter uma linha de pensamento, para assim não me perder nos afazeres.

Busque por ferramentas mais práticas para o dia a dia

Adoramos praticidade, por isso já fizemos várias listas de ferramentas úteis para o designer, como as recentes: Conversão de imagens, Ferramentas para compactar imagens, Ferramentas para desenvolvedores web, Ferramentas gratuitas para designers, entre outras.

Vou falar mais sobre ferramentas em um próximo artigo, mas quero reforçar a importância de nos mantermos ágeis para aproveitar ao máximo o tempo que temos em casa.

Por isso, na criação, podemos fazer diversas coisas com o Canva, por exemplo, uma ferramenta que deixa o processo de criar peças muito mais rápido e fácil, mas claro, ainda precisando do toque do designer, mesmo sendo uma ferramenta bem didática.

Se quiser conhecer os recursos do Canva Pro, experimente grátis por 30 dias nesse nesse link.

Leia mais sobre produtividade e trabalho remoto

Existem diversos materiais na internet que vão te ajudar a ter uma rotina cada vez mais eficiente trabalhando remotamente, além de livros que abordam esse tema.

Um livro bem objetivo e que poderá te ajudar nesse processo é o Gestão do Tempo para o Home Office, que foca bastante na questão de como é fácil perdermos a noção do tempo (pra mais ou pra menos) quando estamos trabalhando de casa.

Se quiser a versão em ebook dele para ler em seu Kindle, celular, tablet ou computador, confira aqui.

Conclusão

Para quem já estava acostumado a fazer esse modelo de trabalho, pouca coisa deve ter mudado, mas para muitos é algo totalmente novo e esperamos que essas dicas possam ter ajudado.

Vocês tem técnicas, experiências e dicas de como trabalhar melhor em casa? Comente aqui ou em nossas redes sociais e vamos fazer essa prática ser cada vez mais presente e contínua na realidade de nossas profissões.

Até a próxima!

O post Em quarentena? 7 dicas para ser mais produtivo em seu Home Office apareceu primeiro em Designerd.

Em quarentena? 7 dicas para ser mais produtivo em seu Home Office publicado primeiro em: https://www.designerd.com.br/

McDonald’s também altera temporariamente seu logotipo por causa do Coronavírus

As pessoas continuam evitando o contato social devido à pandemia do Coronavírus e muitas marcas aproveitam o momento para incentivar as medidas de isolamento temporário.

Você viu recentemente que o Mercado Livre alterou seu logotipo em prol dessa ação, e agora foi a vez do McDonald’s fazer o mesmo.

Em suas redes sociais, já é possível ver o clássico “M” amarelo com seus arcos separados.

A ação ainda traz o slogan “Separados por um momento para estarmos sempre juntos”.

É claro que a ação não ficou apenas no design. A rede de restaurantes anunciou que irá fechar seus salões a partir do dia 23 de março, atendendo o público exclusivamente pelo delivery e drive-thru (com algumas exceções para pedidos para viagem).

E aí, o que achou da ação? Deixe sua opinião nos comentários!

O post McDonald’s também altera temporariamente seu logotipo por causa do Coronavírus apareceu primeiro em Designerd.

McDonald’s também altera temporariamente seu logotipo por causa do Coronavírus publicado primeiro em: https://www.designerd.com.br/

Testamos e comparamos 5 sites que prometem diminuir o tamanho de suas imagens

Quando criamos uma imagem para divulgar um serviço ou produto, obviamente queremos que ela fique apresentável, para que nosso trabalho fique com a melhor qualidade e resulte em melhores resultados ao cliente.

Mas quando se trata de internet, não podemos usar imagens em altíssima resolução em sites e contar que o 3G/4G do usuário vai visualizar aquela imagem em uma velocidade aceitável.

Por isso o jeito é compactar a imagem para um tamanho que facilite isso, mas com o cuidado de não perder qualidade demais a ponto de ficar facilmente perceptível em qualquer tela.

Separamos aqui 5 ótimas ferramentas que prometem essa compactação sem perda significativa de qualidade, mas essa magia não existe, pois ainda não conseguimos fazer uma compactação real sem nenhum tipo de perda de qualidade/dados da imagem.

As ferramentas que escolhemos (todas gratuitas), realmente conseguiram bons resultados, mas em um teste bem minucioso com o Photoshop, foi possível verificar onde cada um dos sites reduz ou altera informações para conseguir sua compactação.

Como foi feito o teste

Antes de tudo, conheça nossas cobaias:

Imagem em JPG, sem compactação

Imagem em PNG24, com fundo transparente e sem compactação

Para o teste, utilizei as imagens originais acima para fazer o upload nos sites de compactação.

Após baixar o arquivo JPG ou PNG compactado, o primeiro dado a ser analisado é a diferença entre o tamanho original do arquivo e o tamanho do arquivo compactado. Isso resulta em uma porcentagem de compactação.

Mas, além disso, é preciso também analisar a qualidade da imagem que sofreu compressão. Para isso, inseri essa versão no Photoshop como uma camada acima da imagem original.

Na camada referente a versão comprimida, mudei o modo de mesclagem para “Diferença”.

Isso vai resultar em uma imagem quase toda preta. A parte preta indica os pixels que são idênticos entre as duas camadas, já as partes que ficaram diferentes do preto indicam que esses pixels foram alterados.

Essa alteração acontece principalmente em locais com degradês, como luz e sombra e áreas bem coloridas, pois uma das maneiras de reduzir a quantidade de dados de uma imagem, e consequentemente reduzir seu tamanho, é reduzir o número de cores, simplificando essas áreas.

Na maioria das vezes, só um olho clínico, em um ótimo monitor, conseguirá ver essa diferença sem o modo de mesclagem ativo. Mas é um bom teste para ver quantos artefatos e ruídos sua imagem apresenta depois de sua compactação, e isso foi levado em consideração no teste, além de, é claro, o tamanho final do arquivo.

Vamos conhecer os sites escolhidos:

CompressJPEG

O site CompressJPEG tem um layout bem simples, onde você pode escolher até 20 imagens para comprimir simultaneamente, além de ser possível baixá-las de modo separado ou juntas em um arquivo ZIP.

Veja o comparativo:

Comparativo JPG

Foi o segundo lugar da lista em termos de qualidade, mas teve uma compactação bem abaixo do esperado, com apenas 15% de redução do arquivo.

Com essa compressão menor, eu esperava que ficaria na primeira posição no quesito qualidade, mas perdeu para o Media.io.

Comparativo PNG

Foi o que perdeu mais qualidade observável no comparativo do Photoshop, mas não considero isso um grande problema, já que a diferença entre todos aqui nessa parte foi praticamente irrisória.

Ficou empatado com o I Love IMG na compactação (75% de redução do arquivo)

Compressor.io

O site Compressor.io permite comprimir quatro tipos de arquivos (JPEG, PNG, GIF e SVG), com dois tipos de compressão disponíveis: Lossy (com perdas) e Lossless (sem perdas).

O comparativo foi feito com a compressão Lossy, já que é a opção padrão. Confira:

Comparativo JPG

Não teve uma redução muito grande de tamanho, economizando apenas 22% e ficou em terceiro lugar na questão de qualidade.

Comparativo PNG

Foi o que mais demorou para fazer o processo de compressão, gerando um bom resultado (77% de compactação), perdendo apenas para o TinyPNG.

A demora valeu a pena, pois conseguiu o primeiro lugar em termo de qualidade.

I Love IMG

Com uma interface simples, o site I Love IMG permite comprimir imagens em JPG, PNG ou GIF.

Confira o teste:

Comparativo JPG

Empate técnico no primeiro lugar com o TinyJPG no quesito compressão (55% de redução), mas consequentemente perdeu na qualidade, junto também com o TinyJPG.

Comparativo PNG

Redução de 75% no tamanho do arquivo, ficando empatado com o CompressPNG. E na qualidade também não conseguiu um resultado muito bom, ficando em quarto lugar.

Media.io

Com um design mais moderno que os anteriores, o site Media.io permite comprimir até 20 images por vez, porém limitando o tamanho da imagem em 5MB no plano gratuito.

Veja o comparativo:

Comparativo JPG

Reduziu 44% o tamanho da imagem original, e conseguiu atingir o melhor resultado no comparativo de qualidade, apresentando menos ruídos e artefatos em nosso teste.

Comparativo PNG

Seria o que manteve a melhor qualidade, mas foi desclassificado, pois converteu o PNG em JPG (removendo a transparência).

TinyJPG

Provavelmente um dos mais conhecidos, o TinyJPG comprime até 20 imagens por vez, com um limite de 5MB por imagem.

Comparativo JPG

Empate técnico no primeiro lugar com o I Love IMG na questão tamanho (55% de redução) e ficou em último lugar no comparativo de qualidade observável, também junto com o I Love IMG.

Comparativo PNG

79% na redução de tamanho e ficou em terceiro lugar na qualidade observável.

Resultados:

Compilando todos os dados, a classificação geral ficou assim:

Imagens em JPG

Sites que mais diminuíram o tamanho final da imagem:

1ª Lugar: Empate técnico entre Tiny JPG e I Love IMG
2ª Lugar: Media.io
3ª Lugar: Compressor.io
4ª Lugar: CompressJPEG

Sites que mais preservaram a qualidade da imagem na compressão:

1ª Lugar: Media.io
2ª Lugar: CompressJPEG
3ª Lugar: Compressor.io
4ª Lugar: Empate técnico entre Tiny JPG e I Love IMG

Imagens em PNG

Sites que mais diminuíram o tamanho final da imagem:

1ª Lugar: TinyPNG
2ª Lugar: Compressor.io
3ª Lugar: Empate técnico entre CompressPNG e I Love IMG

O site Media.io foi desclassificado por transformar o PNG em JPG no momento da compressão

Sites que mais preservaram a qualidade da imagem na compressão:

1ª Lugar: Compressor.io
2ª Lugar: TinyPNG
3ª Lugar: I Love IMG
4ª Lugar: CompressPNG

O site Media.io foi desclassificado por transformar o PNG em JPG no momento da compressão

Conclusão

Para quem já utilizava recursos de compactação de imagens, seja no próprio Photoshop e outros softwares desktop, ou até em algumas ferramentas online, talvez já tivesse percebido a relação Qualidade X Tamanho, que quase sempre são inversamente proporcionais.

O que tem mudado nas ferramentas novas, tanto para compactação de imagens como de vídeos, é que novos recursos e codecs estão surgindo, permitindo uma maior compactação com uma perda cada vez menor de qualidade.

Um exemplo dessa melhora na relação custo/benefício foi a surpresa do Media.io, que conseguiu manter a qualidade do JPG muito boa, tendo uma boa compactação (não a melhor, mas compensa pela qualidade). Já o consagrado Tinypng continua atingindo os melhores resultados de compactação, mas a perda de qualidade fica um pouco mais perceptível (porém, não a ponto de atrapalhar na maioria dos casos).

Cabe então aqui a necessidade de cada um, precisando reduzir ao máximo para agilizar o carregamento da página ou se permitindo ter um arquivo só um pouco menos compactado para conseguir manter uma qualidade melhor.

Mas o importante é otimizar o carregamento de suas páginas, então escolha sua ferramenta e obtenha o melhor resultado para sua necessidade.

Até a próxima!

O post Testamos e comparamos 5 sites que prometem diminuir o tamanho de suas imagens apareceu primeiro em Designerd.

Testamos e comparamos 5 sites que prometem diminuir o tamanho de suas imagens publicado primeiro em: https://www.designerd.com.br/