همیار اندروید
همیار اندروید
همیار اندروید
نه
بله
منوی وبسایت
حساب کاربری

همیار اندروید

مرجــع تخصـصــی توسـعــه انــدرویــد

منوی وبسایت
حساب کاربری

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

سایز استاندارد برای طراحی آیکون ها در برنامه نویسی اندروید
نوع هزینه
شرکت کنندگان
دریافت دسترسی
مشخصات این آموزش
موضوعات مرتبط
UI
زبان برنامه‌نویسی
نوع قسمت‌ها
محتوای ارائه شده
متن   ,   تصویر
مهارت های مورد نیاز
وضعیت انتشار
سطح آموزش
آخرین آپدیت
یادگیری این آموزش

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

 

 

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

 

 

انواع صفحه نمایش واقعی
ما کلا ۶ نوع صفحه نمایش واقعی داریم
از نظر 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@
بدرود.

HRoid.ir/t98
لینک کوتاه این آموزش برای انتشار در شبکه های اجتماعی
برچسب‌های این آموزش

Density-independent pixel (dp)

,

Orientation در برنامه نویسی اندروید

,

Resolution در برنامه نویسی اندروید

,

Screen density

,

Screen density در برنامه نویسی اندروید

,

آشنایی با واحدهای اندازه گیری در برنامه نویسی اندروید

,

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

,

آموزش طراحی ui اندروید

,

آموزش طراحی رابط کاربری در اندروید

,

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

,

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

,

آیکون در برنامه نویسی اندروید

,

ابزار های مفید برای طراحی رابط کاربری (UI) در برنامه نویسی اندروید

,

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

,

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

,

اندازه گذاری استاندارد در برنامه نویسی اندروید

,

اندازه های dpi در برنامه نویس اندروید

,

ایجاد تصویر و آیکون در برنامه نویسی اندروید

,

تفاوت واحدهای اندازه گیری در برنامه نویسی اندروید

,

چرخش خودکار صفحه اندروید

,

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

,

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

,

سایز گذاری استاندارد در برنامه نویسی اندروید

,

طراحی ui اندروید

,

طراحی رابط کاربری (UI) در برنامه نویسی اندروید

,

غیرفعال کردن چرخش خودکار در برنامه اندروید

,

کلاس آموزش برنامه نویسی اندروید

,

معرفی کاربرد واحد های dp و sp در برنامه نویسی اندروید

,

معنی Density-independent pixel (dp)

,

معنی Density-independent pixel (dp) در برنامه نویسی اندروید

,

معنی Orientation در برنامه نویسی اندروید

,

معنی Resolution در برنامه نویسی اندروید

,

معنی Screen density در برنامه نویسی اندروید

,

واحد اندازه گیری در برنامه نویسی اندروید

,

واحدها اندازه گیری در برنامه نویس اندروید

,

واحدهای اندازه گیری در برنامه نویسی اندروید

,

یادگیری طراحی رابط کاربری در اندروید

,

انواع صفحه نمایش واقعی اندروید

,

انواع آیکون ها در برنامه نویسی اندروید

,

Android App Launcher Icons

,

Android Action bar, Dialog & Tab icons Size

,

Android Contextual Icons Size

,

Android Notification Icons

سون هاست
نظرات این آموزش
ابتدا باید وارد حساب کاربری خود شوید ، تا بتوانید برای این آموزش نظری ارسال کنید
هنوز نظری برای این آموزش ثبت نشده است
کپی برداری از محتوا و دیگر منابع اختصاصی به هر نحو غیر مجاز است. حتی با ذکر منبع. در صورت تخلف پیگرد قانونی به همراه خواهد داشت.
Copyright © 2020 , www.HamyarRoid.com , www.HamyarAndroid.com , Terms , Sitemap
همیار اندروید توسط سون هاست میزبانی می شود و دارای ترافیک نیم بها می باشد
خلـــق هـمیـار انـدرویــد با
logo-samandehi