Contexto emojificante: diseño de indicadores de credibilidad emoji de HackerNoon

En HackerNoon, creemos que la transparencia con el lector es la clave para generar confianza entre el escritor y el lector. Para brindarles a los lectores la mayor transparencia posible, queríamos crear formas rápidas y fáciles de brindarles información que tal vez quisieran saber sobre una historia antes de leerla.

Esto podría ser algo tan simple como decirle al lector si la historia es una noticia o un artículo de opinión. Por otro lado, hay cosas más complicadas que quizás queramos comunicar al lector, como si el escritor tiene o no un interés personal en las empresas sobre las que escribe, o si utilizó IA para escribir el artículo.

Para lograr estos objetivos, creamos indicadores de credibilidad Emoji. Ahora de código abierto en Figma Community y GitHub .

Diseño de indicadores de credibilidad de Emoji

Ahora, profundicemos en el proceso de diseño de indicadores de credibilidad Emoji. El resumen de diseño inicial de David y nuestro equipo editorial incluía 22 indicadores de credibilidad de Emoji (lectura relacionada, Explicación de cada indicador de credibilidad de Emoji en HackerNoon ) divididos en dos categorías: contexto/exenciones de responsabilidad y tipos de contenido. Además de su descripción, a cada indicador de credibilidad se le asignó un emoji como inspiración para el diseño.

De ahora en adelante, nos tocó a nosotros (Kien y yo ) dar rienda suelta a nuestra imaginación y darle vida a estos indicadores emoji. Siguiendo el lenguaje de diseño de HackerNoon, elegimos el estilo Pixel Art. Después de explorar varias opciones para los tamaños de cuadrícula, optamos por una cuadrícula de 24 píxeles para la pixelación, ya que conservaba el nivel de detalle deseado. En cuanto al software elegido, fui un poco parcial al elegir Adobe Illustrator, ya que tenemos muchas opciones cuando se trata de exportar a diferentes tipos de archivos + mi familiaridad con la herramienta de cuadrícula ( Adobe Photoshop , Aseprite y Corel Draw son algunos buenos). alternativas).

Nuestro proceso de diseño de pixel art consta de 5 pasos, comenzando con formas básicas, dibujando detalles, creando profundidad, agregando trazos y luego fusionando formas y exportando a diferentes tipos de archivos. Profundicemos en estos pasos tomando, por ejemplo, el indicador de credibilidad de emoji de comedia/sátira.

Comenzando con formas básicas

Siempre que hacemos diseños Pixel-Art/8-bit, comenzamos con una forma básica que resuena con la idea que tenemos en mente. Siendo una elipse, en el caso del indicador emoji Comedia/Sátira (que se inspiró en el emoji '😂').

Detalles del dibujo

Luego pasamos a agregar más detalles a la forma que acabamos de dibujar (como rasgos faciales en este caso).

Creando profundidad: luces y sombras

Para hacerlo más realista y menos plano, agregamos luces y sombras al rostro. En este caso, se supuso que la fuente de luz estaba al frente y al centro, lo que hace que las sombras se muevan hacia los bordes y las luces hacia el centro.

Agregar trazo

Para hacerlo más definido, agregamos un trazo para resumir todo.

Fusionar formas y exportar

Para hacerlas más utilizables, fusionamos las formas y las exportamos como PNG y SVG.

Luego, repetimos todo este proceso 21 veces más y terminamos con los indicadores de credibilidad Emoji que tenemos hoy en HackerNoon.

El producto final: un paquete de emojis pixelados de código abierto

En conclusión, los Indicadores de Credibilidad Emoji son un paso más hacia mejorar la comunicación en línea entre nuestros lectores y escritores. Estos emojis pixelados no solo sirven como indicadores de credibilidad agregando contexto al contenido, sino que también han impactado la confianza y el compromiso de los usuarios con el contenido. Sirven como ejemplo de cómo un diseño bien pensado puede transmitir conceptos complejos de una manera sencilla pero intuitiva.

Únase a nosotros en esta búsqueda del contexto emojificante y pruebe los indicadores de credibilidad Emoji de HackerNoon.

Manténgase creativo, manténgase icónico.