Contexto Emojifying: Projetando Indicadores de Credibilidade Emoji do HackerNoon

Na HackerNoon, acreditamos que a transparência com o leitor é a chave para construir confiança entre escritor e leitor. Para dar aos leitores o máximo de transparência possível, queríamos criar maneiras rápidas e fáceis de transmitir ao leitor informações que eles gostariam de saber sobre uma história antes de lê-la.

Isso pode ser algo tão simples como dizer ao leitor se a história é uma notícia ou um artigo de opinião. Por outro lado, há coisas mais complicadas que podemos querer comunicar ao leitor, como se o escritor tem ou não interesse nas empresas sobre as quais está escrevendo, ou se usou IA para escrever o artigo.

Para atingir esses objetivos, criamos Indicadores de Credibilidade Emoji! Agora com código aberto na Comunidade Figma e GitHub .

Projetando indicadores de credibilidade de emojis

Agora, vamos mergulhar no processo de criação de Indicadores de Credibilidade Emoji. O resumo de design inicial de David e nossa equipe editorial incluía 22 indicadores de credibilidade de Emoji (leitura relacionada, Cada indicador de credibilidade de Emoji no HackerNoon explicado ) divididos em duas categorias: contexto/isenções de responsabilidade e tipos de conteúdo. Além da descrição, cada indicador de credibilidade recebeu um emoji para inspiração no design.

De agora em diante, cabia a nós (Eu e Kien ) correr soltos com nossa imaginação e dar vida a esses indicadores de emoji. Seguindo a linguagem de design do HackerNoon, escolhemos o estilo Pixel Art. Depois de explorar diversas opções de tamanhos de grade, optamos por uma grade de 24px para pixelização, pois manteve o nível de detalhe desejado. Quanto ao software escolhido, fui um pouco tendencioso ao optar pelo Adobe Illustrator, pois temos muitas opções quando se trata de exportar para diferentes tipos de arquivos + minha familiaridade com a ferramenta de grade ( Adobe Photoshop , Aseprite e Corel Draw são alguns bons alternativas).

Nosso processo de design de pixel art consiste em 5 etapas, começando com formas básicas, desenhando detalhes, criando profundidade, adicionando traços e, em seguida, mesclando formas e exportando para diferentes tipos de arquivo. Vamos nos aprofundar nessas etapas, tomando como exemplo o indicador de credibilidade dos emojis de Comédia/Sátira.

Começando com formas básicas

Sempre que fazemos designs Pixel-Art/8 bits, começamos com uma forma básica que ressoa com a ideia que temos em mente. Sendo uma elipse, no caso do indicador de emoji Comédia/Sátira (que foi inspirado no emoji '😂').

Detalhes do desenho

Em seguida, adicionamos mais detalhes à forma que acabamos de desenhar (como características faciais, neste caso).

Criando Profundidade: Destaques e Sombras

Para torná-lo mais realista e menos plano, adicionamos realces e sombras ao rosto. Neste caso, a fonte de luz foi assumida como estando na frente e no centro, o que faz com que as sombras se movam para as bordas e os realces para o centro.

Adicionando traço

Para torná-lo mais definido, adicionamos um traço para encerrar.

Mesclando Formas e Exportando

Para torná-los mais utilizáveis, mesclamos as formas e as exportamos como PNGs e SVGs.

Depois, repetimos todo esse processo mais 21 vezes e terminamos com os Indicadores de Credibilidade Emoji que temos hoje no HackerNoon.

O produto final: um pacote de emojis pixelados de código aberto

Concluindo, os Indicadores de Credibilidade Emoji são mais um passo para melhorar a comunicação online entre nossos leitores e escritores. Esses emojis pixelados não servem apenas como indicadores de credibilidade, adicionando contexto ao conteúdo, mas também impactaram a confiança e o envolvimento dos usuários com o conteúdo. Eles servem como um exemplo de como um design cuidadoso pode transmitir conceitos complexos de maneira simples, mas intuitiva.

Junte-se a nós nesta busca pelo contexto emoji e experimente os Indicadores de Credibilidade Emoji da HackerNoon.

Mantenha-se criativo, permaneça icônico.