Android ایپ آئیکنز کے لیے ایک عملی گائیڈ: انکولی آئیکنز کی وضاحت کی گئی ہے (اور اپنے کو صحیح طریقے سے کیسے تیار کریں)

پہلی بار کے Android ڈویلپرز کے لیے یہ ایک عام تعجب کی بات ہے: آپ اپنے ایپ کے آئیکن کے لیے ایک مربع PNG کو پالش کرتے ہیں، اسے صاف ستھرا 512x512 پر برآمد کرتے ہیں، اور یہ آپ کے امیج ایڈیٹر میں بالکل درست نظر آتا ہے۔ پھر آپ سام سنگ فون پر ڈیبگ بلڈ انسٹال کرتے ہیں اور آئیکن اچانک کٹا ہوا اور تھوڑا سا درمیان سے باہر لگتا ہے، جیسے لوگو کا کچھ حصہ کاٹ دیا گیا ہو۔ فائل میں ہی کچھ غلط نہیں ہے۔ مسئلہ یہ ہے کہ ایک مربع تصویر کبھی بھی Android لانچرز کی حقیقی دنیا کے ساتھ رابطے میں نہیں رہ سکتی تھی، جن میں سے ہر ایک کو مختلف طریقے سے کراپ، ماسک اور شبیہیں تبدیل کرتے ہیں۔ اگر آپ نے ابھی تک اس میں حصہ نہیں لیا ہے، تو آپ کو ایسا کرنے سے پہلے صرف وقت کی بات ہے، تو آئیے دیکھتے ہیں کہ اس کے نیچے کیا ہو رہا ہے اور اسے پہلی بار کیسے حاصل کیا جائے۔

کیوں ایک اسکوائر PNG اب کافی نہیں ہے۔

Android کے ابتدائی سالوں میں، ایپ کے آئیکن بالکل وہی تھے جیسے وہ نظر آتے تھے: ایک واحد مربع (یا کبھی کبھار مفت شکل والا) PNG جسے ہر لانچر جیسا ظاہر کرتا ہے۔ اس نے اس وقت تک ٹھیک کام کیا جب تک کہ مینوفیکچررز نے اپنے فون کو بصری طور پر الگ کرنا شروع کر دیا، اور ایسا کرنے کے لیے سب سے آسان جگہوں میں سے ایک ہوم اسکرین تھی۔ سام سنگ گول اسکوائرز چاہتا تھا، کچھ چینی OEM کھالیں مختلف کونے کے علاج چاہتی تھیں، اور اسٹاک Android آخر کار حلقوں میں آباد ہوگیا۔ اچانک، بالکل وہی آئیکن فائل نمایاں طور پر مختلف نظر آئی، اور بعض اوقات بظاہر بدتر، اس بات پر منحصر ہے کہ یہ کس کے فون پر آیا ہے۔

گوگل کا جواب، جو Android 8.0 Oreo کے ساتھ متعارف کرایا گیا تھا، انکولی آئیکن سسٹم تھا۔ ایک مقررہ شکل فراہم کرنے کے بجائے، ڈویلپرز تہہ دار آرٹ ورک فراہم کرتے ہیں جسے آپریٹنگ سسٹم خود کسی بھی شکل میں ڈھال لیتا ہے جس کو ایک لانچر ترجیح دیتا ہے۔ بصری شناخت مستقل رہتی ہے۔ صرف بیرونی سلہیٹ تبدیل ہوتا ہے۔

ایک انکولی آئیکن بالکل کیا ہے؟

ایک انکولی آئیکن دو الگ الگ تہوں سے بنایا گیا ہے، ہر ایک 108dp بائی 108dp کینوس پر قبضہ کرتا ہے: ایک پس منظر کی تہہ اور ایک پیش منظر کی تہہ۔ اینڈروئیڈ ان دونوں کو ایک ساتھ ملاتا ہے اور پھر موجودہ لانچر کے استعمال کردہ ماسک کی شکل کو لاگو کرتا ہے، چاہے وہ دائرہ ہو، گول مربع، آنسو کا قطرہ، یا کوئی اور چیز۔ دو پرتوں کا ڈھانچہ وہ ہے جو Android کو لطیف پیرالیکس اور حرکت کے اثرات بھی شامل کرنے کی اجازت دیتا ہے، کیونکہ جب آپ آئیکن کو تھپتھپاتے یا گھسیٹتے ہیں تو پرتیں آزادانہ طور پر بدل سکتی ہیں۔

ایپ کے وسائل میں، اس کی وضاحت عام طور پر ایک XML فائل کے ذریعے کی جاتی ہے جیسے mipmap-anydpi-v26/ic_launcher.xml، جو صرف پکسل ڈیٹا پر مشتمل ہونے کے بجائے پس منظر اور پیش منظر کے ڈرا ایبلز کی طرف اشارہ کرتی ہے۔ ایک روایتی فلیٹ ic_launcher.png ابھی بھی Android 7.1 یا اس سے پہلے والے آلات کے لیے فال بیک کے طور پر رکھا جاتا ہے، جو مکمل طور پر انکولی آئیکون سسٹم کی پیش گوئی کرتے ہیں۔

سیف زون کیوں اہمیت رکھتا ہے۔

یہ وہ حصہ ہے جو لوگوں کو سب سے زیادہ ٹرپ کرتا ہے۔ اگرچہ ہر پرت کے لیے کینوس 108dp از 108dp ہے، صرف اندرونی 66dp بائی 66dp دائرہ، جو اس کینوس میں مرکز ہے، اس کے ظاہر ہونے کی ضمانت دی جاتی ہے، اس بات سے قطع نظر کہ ماسک کی شکل کس طرح بھی لگائی جائے۔ اس اندرونی علاقے کو عام طور پر محفوظ زون کہا جاتا ہے۔ اس سے باہر کی کوئی بھی چیز سرکلر ماسک پر دکھائی دے سکتی ہے اور پھر اچانک زیادہ جارحانہ گلہری یا آنسوؤں کے ماسک پر یا اس کے برعکس تراشی جا سکتی ہے۔

یہ بالکل اسی قسم کا مسئلہ ہے جو ظاہر ہوتا ہے جب لوگو کو کینوس کے کناروں کے قریب کھینچا جاتا ہے تاکہ اس کے بصری سائز کو زیادہ سے زیادہ بنایا جا سکے۔ درست کرنا کوئی دوبارہ ڈیزائن نہیں ہے، صرف آرٹ ورک کو تھوڑا سا سکڑتا ہے تاکہ بامعنی مواد محفوظ زون کے اندر ہی رہے چاہے آخر کار کوئی بھی شکل لاگو ہو۔

لانچر کی شکلیں جن کا آپ سامنا کریں گے۔

عملی فائدہ یہ ہے کہ آپ کو یہ منتخب کرنے کی ضرورت نہیں ہے کہ آپ کا آئیکن کس شکل میں پہنتا ہے۔ اسٹاک Android لانچرز کے صارفین اکثر ترتیبات کے مینو سے اپنی پسند کی شکل بھی چن سکتے ہیں۔ آپ کا واحد حقیقی لیور اس بات کو یقینی بنا رہا ہے کہ آرٹ ورک خود ان سب کو خوبصورتی سے زندہ رکھے، جس کی ضمانت کے لیے محفوظ زون بالکل وہی ہے۔

اثاثوں کی تعمیر: سائز اور کثافتیں جن کی آپ کو ضرورت ہے۔

اگر آپ iOS پر بھی ایپ بھیج رہے ہیں تو، مکمل طور پر ایک اور سیٹ شامل کریں، کیونکہ ایپل کے ایپ اسٹور آئیکن کی ضروریات 1024x1024 پر سب سے اوپر ہیں اور بالکل مختلف، غیر پرتوں والا فارمیٹ استعمال کریں جس میں کوئی شفافیت نہیں ہے۔

دستی طریقہ بمقابلہ جنریٹر کا استعمال

آپ ان میں سے ہر ایک سائز کو ہاتھ سے کسی امیج ایڈیٹر میں، یا Android اسٹوڈیو کے بلٹ ان امیج اثاثہ اسٹوڈیو کے ذریعے تیار کر سکتے ہیں، جو کسی ایک پروجیکٹ کے لیے کثافت کی پیمائش اور ماسک پیش نظارہ کو معقول حد تک ہینڈل کرتا ہے۔ جہاں یہ تکلیف دہ ہو جاتا ہے جب آپ متعدد ایپس میں ایک ڈیزائن سسٹم کو برقرار رکھتے ہیں، اسی ماسٹر آرٹ ورک سے مماثل iOS برآمدات کی ضرورت ہوتی ہے، یا صرف یہ چیک کرنے کا ایک تیز طریقہ چاہتے ہیں کہ کوئی ڈیزائن اس سے ارتکاب کرنے سے پہلے ہر شکل میں کیسے برتاؤ کرتا ہے۔

موجودہ APK سے شبیہیں نکالنا

بعض اوقات ضرورت الٹی سمت میں چلتی ہے۔ ہو سکتا ہے کہ آپ کو کوئی پروجیکٹ اس کی اصل ڈیزائن فائلوں کے بغیر وراثت میں ملا ہو، یا آپ بالکل یہ دیکھنا چاہتے ہیں کہ کسی مدمقابل نے آپ کے اپنے ڈیزائن کرنے سے پہلے اپنے آئیکن کو کس طرح ڈھانچہ بنایا، یا آپ کو کسی متعلقہ ٹول یا مارکیٹنگ اثاثے میں دوبارہ استعمال کرنے کے لیے کسی بلٹ APK سے آئیکن کو واپس نکالنا ہو گا۔ چونکہ ایک APK مؤثر طریقے سے ایک منظم آرکائیو ہے جس میں ایپ کے تمام وسائل شامل ہیں، اس لیے اس کے لانچر آئیکون فائلز اس کے اندر جسمانی طور پر موجود ہیں اور شروع سے دوبارہ تعمیر کرنے کے بجائے اسے براہ راست نکالا جا سکتا ہے۔

ہمارا آئیکن ایکسٹریکٹر آپ کے اپ لوڈ کردہ کسی بھی APK سے بالکل ان فائلوں کو نکالتا ہے، جس سے آپ کو اصل ڈویلپر کی طرف سے بھیجے گئے کسی بھی ریزولوشن پر خام آئیکن اثاثے مل جاتے ہیں، جو اکثر گمشدہ سورس فائل کو بازیافت کرنے یا اس بات کا مطالعہ کرنے کا تیز ترین طریقہ ہوتا ہے کہ کسی اور ایپ نے اسی ڈیزائن کے مسئلے سے کیسے رجوع کیا۔

عام آئیکن کی غلطیاں جن پر نظرثانی میں جھنڈا لگایا جاتا ہے۔

• اضافی پیڈنگ یا UI کروم میں بیکنگ۔ ایک ڈراپ شیڈو، بارڈر، یا گول کونے کا اثر تصویر کے اندر دستی طور پر شامل کیا جاتا ہے جو سسٹم کی اپنی ماسکنگ سے متصادم ہوتا ہے اور اکثر دوگنا یا غلط انداز میں نظر آتا ہے۔
• خالص سفید پس منظر کا استعمال کرتے ہوئے جس کا کوئی الگ کنارہ نہیں ہے۔ لائٹ تھیم والے لانچرز پر، آئیکن ہوم اسکرین کے پس منظر میں تقریباً پوشیدہ ہو سکتا ہے۔
• حد سے زیادہ ٹھیک تفصیل۔ متن اور پیچیدہ لائن ورک جو 512px پر تیز نظر آتا ہے ایک بار 48px تک چھوٹا ہونے کے بعد اکثر ناقابل پڑھے دھبے میں بدل جاتا ہے، جس طرح زیادہ تر صارفین اسے روزانہ دیکھتے ہیں۔
• Play Store کی فہرست کے آئیکن اور انسٹال ہونے والے آئیکن کے درمیان مماثلت نہیں ہے۔ مبصرین اور صارفین دونوں نوٹس کرتے ہیں کہ جب یہ دونوں مماثل نہیں ہیں، اور یہ میلا یا بدتر، مشکوک پڑھتا ہے۔
• میراثی فال بیک کو مکمل طور پر بھول جانا۔ اگر آپ کی ایپ اب بھی 8.0 سے پہلے کے Android ورژن کو سپورٹ کرتی ہے تو فلیٹ PNG فال بیک کو چھوڑنے سے وہ صارفین ٹوٹے ہوئے یا عام نظر آنے والے آئیکن کے ساتھ رہ سکتے ہیں۔

آپ کو بھیجنے سے پہلے مختلف شکلوں میں اپنے آئیکن کی جانچ کرنا

آئیکن کو حتمی شکل دینے سے پہلے، یہ فرض کرنے کے بجائے کہ یہ صاف ستھرا ترجمہ کرے گا، کم از کم ایک سرکلر ماسک اور ایک گلہری ماسک کے ساتھ ساتھ اس کا پیش نظارہ کرنے کے قابل ہے۔ اینڈروئیڈ اسٹوڈیو کے امیج اثاثہ اسٹوڈیو میں بالکل اسی وجہ سے لانچر کی متعدد شکلوں میں ایک لائیو پیش نظارہ شامل ہے، اور کسی ایسے مسئلے کو پکڑنے میں صرف ایک منٹ لگتا ہے جو بصورت دیگر صرف شائع ہونے کے بعد سامنے آتا ہے، جب "غلط" لانچر شکل پر صارف واپس رپورٹ کرتا ہے کہ کچھ نظر نہیں آرہا ہے۔

اکثر پوچھے گئے سوالات (FAQ)

آپ کو اس میں سے کسی بھی چیز کے لیے ڈیزائن تھیوری میں پس منظر کی ضرورت نہیں ہے، بس ایک آگاہی ہے کہ آپ کے آئیکن کو ان طریقوں سے نئی شکل دی جائے گی جب آپ اس کے ہاتھ سے نکل جانے کے وقت آپ کو کنٹرول نہیں کرتے ہیں۔ محفوظ زون کے لیے ڈیزائن کریں، ایک پرانی فال بیک کو اپنے ارد گرد رکھیں، ایک کلین ماسٹر فائل سے ہر مطلوبہ سائز تیار کریں، اور آپ کا آئیکن برقرار رہے گا چاہے وہ کسی بھی لانچر پر اترے۔