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 y . Figma Community GitHub Obtenga más información sobre los indicadores de credibilidad de Emoji . aquí 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 y nuestro equipo editorial incluía 22 indicadores de credibilidad de Emoji (lectura relacionada, ) 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. David Explicación de cada indicador de credibilidad de Emoji en HackerNoon De ahora en adelante, nos tocó a nosotros (Kien y ) 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 ( , y Corel Draw son algunos buenos). alternativas). yo Adobe Photoshop Aseprite 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. Consejo profesional: intenta siempre utilizar tres tonos de un color. Uno para la base, el más claro para las luces y el más oscuro para las sombras. 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 que tenemos hoy en HackerNoon. indicadores de credibilidad Emoji El producto final: un paquete de emojis pixelados de código abierto En conclusión, los 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. Indicadores de Credibilidad Emoji Únase a nosotros en esta búsqueda del contexto emojificante y pruebe los indicadores de credibilidad Emoji de HackerNoon. Ahora disponible en y Figma Community GitHub Manténgase creativo, manténgase icónico.
