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 e . Comunidade Figma GitHub Saiba mais sobre Indicadores de Credibilidade Emoji . aqui 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 e nossa equipe editorial incluía 22 indicadores de credibilidade de Emoji (leitura relacionada, ) 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. David Cada indicador de credibilidade de Emoji no HackerNoon explicado De agora em diante, cabia a nós (Eu e ) 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 ( , e Corel Draw são alguns bons alternativas). Kien Adobe Photoshop Aseprite 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. Dica profissional: Sempre tente usar três tons de uma cor. Um para a base, o mais claro para os realces e o mais escuro para as sombras. 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 que temos hoje no HackerNoon. Indicadores de Credibilidade Emoji O produto final: um pacote de emojis pixelados de código aberto Concluindo, os 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. Indicadores de Credibilidade Emoji Junte-se a nós nesta busca pelo contexto emoji e experimente os Indicadores de Credibilidade Emoji da HackerNoon. Agora disponível na e comunidade Figma GitHub Mantenha-se criativo, permaneça icônico.
