دوست داری برنامه اندروید بسازی ...!؟
نمی دونی از کجا شروع کنی ... !؟
یادگیری گام به گام و کاملا رایگان در
آکادمی همیار اندروید
شروع یادگیری
همکاران ما
تبلیغات
مطلب انتخابی شما

سایز استاندارد برای طراحی آیکون ها در برنامه نویسی اندروید
تاریخ ارسال : ۰۱ , ۰۶ , ۱۳۹۵
تعداد نظرات : ۱۳ نظر

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

به نام خدا

 

سلام دوستان ،

در این مبحث قصد دارم تا اندازه های استاندارد برای طراحی آیکون دربرنامه نویسی اندروید را آموزش بدم ،

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

بر خلاف نظر خیلی از برنامه نویسان و توسعه دهندگان که فکر می کنند کدنویسی به صورت حرفه ای ارزشی بیشتر نسبت به طراحی حرفه ای دارد ،

به نظر بنده هردوی این ها یعنی کدنویسی حرفه ای و طراحی حرفه ای باید در کنار هم باشند تا بتوان به یک توسعه دهنده حرفه ای تبدیل شوید ،

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

 

پیش نیاز : قبل از مطالعه این مبحث بهتر است با مفاهیم و اصطلاحات در طراحی رابط کاربری اندروید اشنا بشید ، از اینجا

 

 

معرفی انواع صفحه نمایش و dpi آن ها

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

در تصویر زیر انواع صفحه نمایش بر حسب dpi بیان شده

و همچنین درصد بزرگی آن ها نسبت به صفحه نمایش پایه نیز بیان شده است

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

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

 

 

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

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

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

 

 

App Launcher Icons

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

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

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

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

 

 

Action bar Icons

نوعی دیگر از آیکون ها مربوط به اکشن بار می باشد که سایزهای استاندارد را در تصویر زیر مشاهده می کنید

همچنین از این سایزها برای استفاده در دیالوگ ها و تب ها هم استفاده می شود (Dialog & Tab)

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

 

 

Small Contextual Icons

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

 

Notification icons

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

 

نکته قابل توجه : در طراحی کلا سعی کنید فرمت تصاویر را png قرار دهید

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

 

 

خیلی خب دوستان این مبحث هم به پایان رسید ،

مباحث خداییش با زحمت زیادی تالیف می شوند ، لطفا حق کپی رایت را رعایت کنید

منتظر نظرات شما هستم ،

بدرود .

 

با ارائه پیشنهادات و انتقادات خود ، گروه آموزشی همیار اندروید را در این مسیر یاری فرمایید
این نوشته را در گوگل پلاس محبوب کنید
ارسال مطلب توسط : سامان سلطانی پور
من عاشق طراحی و کدنویسی هستم ، سایت همیار اندروید رو با عشق تاسیس کردم تا هرچی که می دونم رو به دیگران آموزش بدم ... چیزی به نام فوت و فن استادی وجود نداره ، همه چیز رو بی منت تقدیم شما می کنم تا شاید یه کمک کوچیکی به شما دوستای عزیز بشه ...

همیار اندروید را در شبکه های اجتماعی دنبال کنید
یــــــک راه آسان برای ارتباط با هـــــــم :)
مطالب مرتبط با موضوع شما

برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

نظرات کاربران

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

13 پاسخ به “سایز استاندارد برای طراحی آیکون ها در برنامه نویسی اندروید”

  1. سمانه می‌گه:

    ممنون که ریز میشین.من با اموزشهایی که کلی گویی میکنن مشکل دارم.

    • سامان سلطانی پور می‌گه:

      خواهش می کنم

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

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

  2. asghar می‌گه:

    بسیار عالی

    باتشکر فراوان

    خسته نباشی عزیز

  3. حسین می‌گه:

    عالی ممنون

  4. محمد ناصرپور می‌گه:

    تنها حمایتی که میشه از این وبسایت کرد کلیک بر روی تبلیغات می باشد که من هم کم نمی زارم.ممنون از زحماتتون.

    کمکی در ترجمه هم خواستین من می تونم کمک کنم.

  5. جواد می‌گه:

    سلام
    واقعا دلم نیومد تشکر نکنم
    ممنون و خدایارتون

  6. محمدرضا می‌گه:

    منم مثل اون دوستمون دلم نیومد تشکر نکنم

    دمتون گرم 

    همیشه موفق باشید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


ما را محبوب کنید