سایز استاندارد برای طراحی آیکون ها در برنامه نویسی اندروید

سلام دوستان ،
در این مبحث قصد دارم تا اندازه های استاندارد برای طراحی آیکون در برنامه نویسی اندروید را آموزش بدم
ما باید یک طرح گرافیکی یا آیکون را در سایزهای مختلفی ایجاد و به پروژه خود اضافه کنیم
تا اپلیکیشن ما با انواع صفحه نمایش ها سازگار باشد
به نظر من کدنویسی حرفه ای و طراحی حرفه ای باید در کنار هم باشند
تا بتوانید به یک توسعه دهنده حرفه ای تبدیل شوید
پس با همیار اندروید باشید
تا علاوه بر کدنویسی ، طراحی را هم به صورت اصولی و حرفه ای یاد بگیرید

پیش نیاز
قبل از مطالعه این مبحث بهتر هستش
ابتدا مفاهیم و اصطلاحات مهم در طراحی رابط کاربری رو یاد بگیرید   بیشتر
بعد این آموزش رو مطالعه کنید 
همچنین میتونید از بخش مسیر یادگیری آموزش ها رو گام به گام یاد بگیرید

انواع صفحه نمایش واقعی
ما کلا ۶ نوع صفحه نمایش واقعی داریم
از نظر dpi آن ها 
در طراحی ، این صفحه نمایش ها را بر حسب چگالی بیان می کنند ، یعنی dpi
در ادامه انواع صفحه نمایش بر حسب dpi را مشاهده می کنید
و همچنین درصد بزرگی آن ها نسبت به صفحه نمایش پایه نیز بیان شده است
صفحه نمایش پایه mdpi هستش

mdpi      :   medium - base            :   160 dpi   :   1×
hdpi      :   high                     :   240 dpi   :   1.5×
xhdpi     :   extra-high               :   320 dpi   :   2×
xxhdpi    :   extra-extra-high         :   480 dpi   :   3×
xxxhdpi   :   extra-extra-extra-high   :   640 dpi   :   4×

نکته 
اگه دقت کرده باشید گفتیم که ۶ نوع صفحه نمایش وجود دارد
اما در بالا فقط ۵ نوع بیان شد
اون یک نوع مربوط به گوشی های کوچک ( ldpi - low - 120dpi ) هستش و در واقع قدیمی می باشد
که در حال حاظر گوشی هایی با صفحه نمایش های کوچک بسیار کم یافت می شود
و در نتیجه از لیست حذف شده است 
که در نسخه های جدید اندروید استودیو هم این گزینه حذف شده است

انواع آیکون ها
ما در برنامه نویسی اندروید در جاهای مختلفی از آیکون ها استفاده می کنیم
و فقط به آیکون اصلی اپلیکیشن ختم نمی شود
در ادامه آنها را مورد بررسی قرار خواهیم داد
و سایز مورد نیاز برای طراحی را یاد خواهید گرفت
دقت کنید در ادامه سایزها با واحد px هستند

Launcher
این نوع آیکون که از اهمیت ویژه ای برخورددار است
که مربوط به آیکون اصلی برنامه می باشد
سایزهای استاندارد را در ادامه مشاهده می کنید

mdpi                :   48×48
hdpi                :   72×72
xhdpi               :   96×96
xxhdpi              :   144×144
xxxhdpi             :   192×192
Google Play store   :   512×512

به عنوان مثال من میخواهم یک آیکون برای اپلیکیشن خودم طراحی کنم
باید یک آیکون طراحی کنم

و از روی آن شش نسخه ایجاد کنم
شش نسخه ، که داری شش اندازه می باشد

نکته
نسخه آخر یعنی Google Play store
نسخه ای هستش که باید برای انتشار در گوگل پلی آماده کنید
و بزرگترین نسخه شما می باشد

نکته
مثلا شما می خواهید آیکون خود را در فوتوشاپ طراحی کنید
سایز لایه ای که ایجاد می کنید سعی کنید مساوی یا بالای ۵۱۲ پیکسل باشد
و طراحی خود را درون آن انجام دهید
و سپس از روی آیکون خود که سایز بزرگی دارد شش نسخه مورد نظر را ایجاد کنید

Action bar, Dialog & Tab icons
نوعی دیگر از آیکون ها که در سه بخش اپلیکیشن مورد استفاده قرار میگیرند
اکشن بار ، دیالوگ ها و تب ها
که سایزهای استاندارد را در ادامه مشاهده می کنید
فقط دقت کنید که این نوع آیکون ها دو مقدار دارند
که در ادامه نکته اون رو میگم

mdpi      :   24×24 in 32×32
hdpi      :   36×36 in 48×48
xhdpi     :   48×48 in 64×64 
xxhdpi    :   72×72 in 96×96
xxxhdpi   :   96×96 in 128×128

نکته
در طراحی این نوع آیکون ها برای مثال در طراحی آیکون برای xxxhdpi
باید یک لایه اصلی با سایز ۱۲۸ پیکسل در ۱۲۸ پیکسل ایجاد کنید
و سپس یک لایه دوم با سایز ۹۶ پیکسل در ۹۶ پیکسل ایجاد کنید
و درنهایت طراحی خود را درون لایه دوم انجام دهید
و دقت کنید که طراحی شما از لایه دوم بیرون نزند
در اصطلاح آیکون دو لایه ای باشد

Contextual
این نوع آیکون ها که سایز کوچکی دارند
در جاهای مختلفی استفاده می شوند
مثلا شما در یک منو چندیدن گزینه دارید
زمانی که بخواهید در کنار متن آن گزینه ها از آیکون هم استفاده کنید
باید از سایزهای زیر استفاده شود

mdpi      :   16×16
hdpi      :   24×24
xhdpi     :   32×32
xxhdpi    :   48×48 
xxxhdpi   :   64×64 

Notification
این نوع هم مربوط به اعلانات می باشد
دقت کنید که این نوع آیکون ها باید تک رنگ باشند
و از سایه دادن ، یا رنگ های گرادینت استفاده نکنید
و همچنین مثل آیکون های مربوط به اکشن بار
طراحی شما باید دو لایه ای باشد

mdpi      :   22×22 in 24×24
hdpi      :   33×33 in 36×36
xhdpi     :   44×44 in 48×48
xxhdpi    :   66×66 in 72×72
xxxhdpi   :   88×88 in 96×96

نکته مهم
در طراحی کلا سعی کنید فرمت تصاویر را png قرار دهید
و همچنین در طراحی دیگر تصاویر اپلیکیشن
باید این نسبت ها را رعایت کنید

سخن آخر
خیلی خب دوستان این مبحث هم به پایان رسید
مباحث خداییش با زحمت زیادی تالیف می شوند ، لطفا حق کپی رایت را رعایت کنید
منتظر بازخورد شما در گروه تلگرامی همیار اندروید هستیم
اونجا میتونید درمورد آموزش ها بحث و انتقاد کنید
HamyarAnroidCom@
HamyarAndroidCom_Ask@
بدرود.