Emojileştirme Bağlamı: HackerNoon'un Emoji Güvenilirlik Göstergelerini Tasarlama

HackerNoon olarak okuyucuya karşı şeffaflığın, yazar ile okuyucu arasında güven oluşturmanın anahtarı olduğuna inanıyoruz. Okuyuculara mümkün olduğunca fazla şeffaflık sağlamak için, okuyucuya bir hikayeyi okumadan önce bilmek isteyebilecekleri bilgileri söylemenin hızlı ve kolay yollarını yaratmak istedik.

Bu, okuyucuya hikayenin bir haber mi yoksa bir görüş yazısı mı olduğunu söylemek kadar basit bir şey olabilir. Öte yandan, okuyucuya iletmek isteyebileceğimiz daha karmaşık şeyler de vardır; örneğin yazarın hakkında yazdığı şirketlerde çıkarı olup olmadığı veya makaleyi yazmak için yapay zeka kullanıp kullanmadığı gibi.

Bu hedeflere ulaşmak için Emoji Güvenilirlik Göstergelerini oluşturduk! Artık Figma Topluluğu ve GitHub'da açık kaynaklıdır.

Emoji Güvenilirlik Göstergelerinin Tasarlanması

Şimdi Emoji Güvenilirlik Göstergelerini tasarlama sürecine dalalım. David ve Editör Ekibimiz tarafından hazırlanan ilk tasarım özeti, iki kategoriye ayrılmış 22 Emoji Güvenilirlik Göstergesi (ilgili okuma, HackerNoon'daki Her Emoji Güvenilirlik Göstergesi Açıklaması ) içeriyordu: bağlam/sorumluluk reddi beyanları ve içerik türleri. Açıklamalarına ek olarak, her güvenilirlik göstergesine tasarım ilhamı için bir emoji atandı.

Şu andan itibaren hayal gücümüzü sonuna kadar kullanmak ve bu emoji göstergelerini hayata geçirmek bize (Me & Kien ) kalmıştı. HackerNoon'un tasarım dilini takip ederek Pixel Art Stilini seçtik. Izgara boyutları için çeşitli seçenekleri araştırdıktan sonra, istenen ayrıntı düzeyini koruduğu için pikselleştirme için 24 piksellik bir ızgarayı tercih ettik. Yazılım seçimine gelince, Adobe Illustrator'ı tercih etme konusunda biraz önyargılıydım çünkü konu farklı dosya türlerine dışa aktarmaya geldiğinde çok sayıda seçeneğe sahip oluyoruz + ızgara aracına olan aşinalığım ( Adobe Photoshop , Aseprite ve Corel Draw oldukça iyi) alternatifler).

Piksel sanatı tasarım sürecimiz, temel şekillerden başlayarak ayrıntıların çizilmesi, derinlik oluşturulması, kontur eklenmesi ve ardından şekillerin birleştirilmesi ve farklı dosya türlerine aktarılmasından oluşan 5 adımdan oluşur. Örneğin Komedi/Hiciv emojisi güvenilirlik göstergesini alarak bu adımları daha derinlemesine inceleyelim.

Temel Şekillerle Başlamak

Pixel-Art/8-bit Tasarımlar yaptığımızda, aklımızdaki fikre uygun temel bir şekille başlarız. Komedi/Hiciv emoji göstergesinin elips olması ('😂' emojisinden esinlenilmiştir).

Çizim Detayları

Daha sonra az önce çizdiğimiz şekle daha fazla ayrıntı eklemeye geçiyoruz (bu durumda yüz özellikleri gibi).

Derinlik Yaratmak: Vurgular ve Gölgeler

Daha gerçekçi ve daha az düz hale getirmek için yüze vurgular ve gölgeler ekliyoruz. Bu durumda, ışık kaynağının önde ve ortada olduğu varsayılmıştır; bu da gölgelerin kenarlara ve açık alanların merkeze doğru hareket etmesini sağlar.

Kontur Ekleme

Daha belirgin hale getirmek için, işleri tamamlamak üzere bir kontur ekledik.

Şekilleri Birleştirme ve Dışa Aktarma

Bunları daha kullanışlı hale getirmek için şekilleri birleştirdik ve hem PNG hem de SVG olarak dışa aktardık.

Daha sonra tüm bu süreci 21 kez daha tekrarladık ve bugün HackerNoon'da sahip olduğumuz Emoji Güvenilirlik Göstergelerini elde ettik.

Nihai Ürün: Açık Kaynaklı Pikselli Emoji Paketi

Sonuç olarak, Emoji Güvenilirlik Göstergeleri okuyucularımız ve yazarlarımız arasındaki çevrimiçi iletişimi geliştirmeye yönelik bir başka adımdır. Bu pikselli emojiler yalnızca içeriğe bağlam katan güvenilirlik göstergeleri olarak hizmet etmekle kalmıyor, aynı zamanda kullanıcıların içeriğe olan güvenini ve etkileşimini de etkiliyor. Düşünceli tasarımın karmaşık kavramları basit ama sezgisel bir şekilde nasıl aktarabildiğinin bir örneği olarak hizmet ediyorlar.

Bağlamı emojileştirme arayışında bize katılın ve HackerNoon'un Emoji Güvenilirlik Göstergelerini deneyin.

Yaratıcı Kalın, İkonik Kalın.