ইমোজিফাইং কনটেক্সট: হ্যাকারনুনের ইমোজি বিশ্বাসযোগ্যতা সূচক ডিজাইন করা

HackerNoon-এ, আমরা বিশ্বাস করি পাঠকের সাথে স্বচ্ছতা লেখক এবং পাঠকের মধ্যে আস্থা তৈরির চাবিকাঠি। পাঠকদের যতটা সম্ভব স্বচ্ছতা দিতে, আমরা পাঠকদের তথ্য বলার দ্রুত এবং সহজ উপায় তৈরি করতে চেয়েছিলাম যে তারা একটি গল্প পড়ার আগে জানতে চায়।

এটি পাঠককে বলার মতো সহজ কিছু হতে পারে যদি গল্পটি একটি সংবাদ বা মতামতের অংশ হয়। অন্যদিকে, আরও জটিল জিনিস রয়েছে যা আমরা পাঠকের সাথে যোগাযোগ করতে চাই, যেমন লেখকের যে কোম্পানিগুলি সম্পর্কে তারা লিখছে সেগুলির প্রতি তাদের স্বার্থ আছে কি না, অথবা যদি তারা লেখাটি লেখার জন্য AI ব্যবহার করে।

এই লক্ষ্যগুলি পূরণ করতে, আমরা ইমোজি বিশ্বাসযোগ্যতা সূচক তৈরি করেছি! এখন ফিগমা কমিউনিটি এবং গিটহাবে ওপেন সোর্স।

ইমোজি বিশ্বাসযোগ্যতা সূচক ডিজাইন করা

এখন, ইমোজি বিশ্বাসযোগ্যতা সূচক ডিজাইন করার প্রক্রিয়ার মধ্যে ডুব দেওয়া যাক। ডেভিড এবং আমাদের সম্পাদকীয় দলের প্রাথমিক নকশার সংক্ষিপ্ত বিবরণটিতে 22টি ইমোজি বিশ্বাসযোগ্যতা সূচক অন্তর্ভুক্ত রয়েছে (সম্পর্কিত পঠিত, হ্যাকারনুন ব্যাখ্যা করা প্রতিটি ইমোজি বিশ্বাসযোগ্যতা সূচক ) দুটি বিভাগে বিভক্ত: প্রসঙ্গ/অস্বীকৃতি এবং বিষয়বস্তুর প্রকার। তাদের বর্ণনা ছাড়াও, প্রতিটি বিশ্বাসযোগ্যতা সূচককে ডিজাইন অনুপ্রেরণার জন্য একটি ইমোজি বরাদ্দ করা হয়েছিল।

এখান থেকে, আমাদের (আমি এবং কিয়েন ) আমাদের কল্পনার সাথে বন্যভাবে চালানো এবং এই ইমোজি সূচকগুলিকে জীবন্ত করে তোলার দায়িত্ব ছিল৷ HackerNoon এর ডিজাইন ল্যাঙ্গুয়েজ অনুসরণ করে, আমরা পিক্সেল আর্ট স্টাইল বেছে নিয়েছি। গ্রিড আকারের জন্য বিভিন্ন বিকল্প অন্বেষণ করার পরে, আমরা পিক্সেলেশনের জন্য একটি 24px গ্রিড বেছে নিয়েছি কারণ এটি পছন্দসই স্তরের বিশদ বজায় রাখে। পছন্দের সফ্টওয়্যার হিসাবে, আমি অ্যাডোব ইলাস্ট্রেটরের জন্য কিছুটা পক্ষপাতদুষ্ট ছিলাম কারণ বিভিন্ন ধরণের ফাইল রপ্তানি করার ক্ষেত্রে আমরা প্রচুর বিকল্প পাই + গ্রিড টুলের সাথে আমার পরিচিতি ( Adobe Photoshop , Aseprite , এবং Corel Draw কিছু ভাল বিকল্প)।

আমাদের পিক্সেল আর্ট ডিজাইন প্রক্রিয়ায় 5টি ধাপ রয়েছে, মৌলিক আকার থেকে শুরু করে, বিশদ অঙ্কন, গভীরতা তৈরি করা, স্ট্রোক যোগ করা, এবং তারপরে আকারগুলিকে একত্রিত করা এবং বিভিন্ন ধরনের ফাইলে রপ্তানি করা। উদাহরণ স্বরূপ কমেডি/ব্যঙ্গাত্মক ইমোজি বিশ্বাসযোগ্যতা নির্দেশক নিয়ে এই পদক্ষেপগুলির আরও গভীরে ডুব দেওয়া যাক।

মৌলিক আকার দিয়ে শুরু

যখনই আমরা Pixel-Art/8-bit ডিজাইন করি, আমরা একটি মৌলিক আকৃতি দিয়ে শুরু করি যা আমাদের মনের ধারণার সাথে অনুরণিত হয়। কমেডি/স্যাটায়ার ইমোজি সূচকের ক্ষেত্রে একটি উপবৃত্ত (যা '😂' ইমোজি দ্বারা অনুপ্রাণিত হয়েছিল)।

অঙ্কন বিবরণ

তারপরে আমরা আকৃতিতে আরও বিশদ যোগ করার দিকে অগ্রসর হলাম যা আমরা আঁকেছি (যেমন এই ক্ষেত্রে মুখের বৈশিষ্ট্য)।

গভীরতা তৈরি করা: হাইলাইট এবং ছায়া

এটি আরও বাস্তবসম্মত এবং কম সমতল করতে, আমরা মুখের হাইলাইট এবং ছায়া যোগ করি। এই ক্ষেত্রে, আলোর উত্সটি সামনে এবং কেন্দ্রে রয়েছে বলে ধরে নেওয়া হয়েছিল যা ছায়াগুলিকে প্রান্তে এবং হাইলাইটগুলিকে কেন্দ্রে নিয়ে যায়।

স্ট্রোক যোগ করা হচ্ছে

এটিকে আরও সংজ্ঞায়িত করতে, আমরা জিনিসগুলি গুটিয়ে নিতে একটি স্ট্রোক যুক্ত করেছি৷

আকার এবং রপ্তানি মার্জিং

এগুলিকে আরও ব্যবহারযোগ্য করতে, আমরা আকারগুলিকে একত্রিত করেছি এবং সেগুলিকে PNG এবং SVGs উভয় হিসাবে রপ্তানি করেছি৷

তারপর, আমরা এই পুরো প্রক্রিয়াটি আরও 21 বার পুনরাবৃত্তি করেছি এবং আজ হ্যাকারনুন-এ আমাদের কাছে থাকা ইমোজি বিশ্বাসযোগ্যতা সূচকগুলির সাথে শেষ হয়েছি।

চূড়ান্ত পণ্য: একটি ওপেন সোর্সড পিক্সেলেটেড ইমোজি প্যাক

উপসংহারে, ইমোজি বিশ্বাসযোগ্যতা সূচকগুলি আমাদের পাঠক এবং লেখকদের মধ্যে অনলাইন যোগাযোগ বাড়াতে আরও একটি পদক্ষেপ। এই পিক্সেলেড ইমোজিগুলি শুধুমাত্র বিষয়বস্তুতে প্রসঙ্গ যোগ করার জন্য বিশ্বাসযোগ্যতার সূচক হিসেবে কাজ করে না কিন্তু বিষয়বস্তুর সাথে ব্যবহারকারীদের আস্থা ও ব্যস্ততাকে প্রভাবিত করেছে। তারা একটি উদাহরণ হিসাবে পরিবেশন করে কিভাবে চিন্তাশীল ডিজাইন জটিল ধারণাগুলিকে সহজ কিন্তু স্বজ্ঞাত পদ্ধতিতে প্রকাশ করতে পারে।

ইমোজিফাইং প্রেক্ষাপটের এই অনুসন্ধানে আমাদের সাথে যোগ দিন এবং হ্যাকারনুন-এর ইমোজি বিশ্বাসযোগ্যতা সূচকগুলি চেষ্টা করে দেখুন৷

সৃজনশীল থাকুন, আইকনিক থাকুন।