ggg
Amazing Categories :
Android
Node.js

دسته بندی نشده
(16)

آماده سازی محیط برنامه نویسی
(11)

آموزش ها و مباحث پایه ای اندروید
(8)

نکات پایه ای اندروید استودیو
(3)

وب سایت های مفید و کاربردی
(1)

AlertDialog
(1)

LogCat
(1)

Activity Lifecycle
(1)

Activity
(3)

Manifest
(2)

Strings
(1)

StatusBar
(1)

ActionBar
(2)

Toast
(1)

Library
(6)

ListView
(3)

آموزش های مرتبط با طراحی متریال ( Material Design )
CardView
(1)

RecyclerView
(0)

ویوها و ابزارهای موجود در محیط برنامه نویسی
MediaPlayer
(4)

WebView
(1)

VideoView
(1)

Button
(1)

ImageButton
(1)

RadioButton & RadioGroup
(1)

EditText
(0)

TextView
(1)

ScrollView
(2)

طراحی رابط کاربری و زیباسازی
Layout
(4)

Style
(2)

Shape
(2)

Animation
(2)

Typeface
(2)

آموزش های مرتبط با سخت افزار
Camera
(1)

Vibrator
(1)

Bluetooth
(0)

WiFi
(0)

ذخیره اطلاعات و پایگاه داده
SQLite Database
(0)

Shared Preferences
(0)


دسته بندی نشده
(8)


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

.رایگان
هزینه یادگیری

سامان سلطانی پور
مدرس آموزش

---
سطح آموزش

---
تعداد جلسات

---
نوع آموزش

---
تعداد ویدیوها

---
زمان ویدیوها

---
حجم ویدیوها


مطالعه آموزش
دانلود ویدیو ها
دانلود فایل ها

به نام خدا

 

سلام دوستان ،

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

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

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

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

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

 

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

 

 

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

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

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

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

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

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

 

 

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

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

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

 

 

App Launcher Icons

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

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

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

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

 

 

Action bar Icons

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

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

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

 

 

Small Contextual Icons

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

 

Notification icons

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

 

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

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

 

 

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

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

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

بدرود .

 




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




این آموزش فایلی برای دانلود ندارد

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

آموزش های مرتبط با موضوع انتخابی شما
آموزش کامل و استاندارد تغییر دادن آیکون اپلیکیشن در اندروید استودیو (روش دستی)
آموزش کامل و استاندارد تغییر دادن آیکون اپلیکیشن در اندروید استودیو (روش اتوماتیک)
تشریح اصطلاحات و مفاهیم مهم طراحی رابط کاربری در برنامه نویسی اندروید
روشی آسان برای ساخت دکمه شناور FAB در برنامه نویسی اندروید (Floating Action Button)
طراحی دکمه گرد به کمک Shape در برنامه نویسی اندروید
آموزش کار با انیمیشن ها در برنامه نویسی اندروید (Animation)

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

دیدگاه ها و پرسش های دانشجویان
دیدگاه یا پرسش خود را فقط در رابطه با همین مطلب ارسال کنید .
پرسش های دیگر دانشجویان را بررسی کنید ، به پرسش های تکراری رسیدگی نمی شود .
تایپ به صورت فینگلیش تایید نخواهد شد .
لطفا قوانین را رعایت کنید .
تا الان تعداد ۱۳ دیدگاه و پرسش برای این مطلب ارسال شده است .

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

  1. سمانه گفت:

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

    • سامان سلطانی پور گفت:

      خواهش می کنم

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

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

  2. asghar گفت:

    بسیار عالی

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

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

  3. حسین گفت:

    عالی ممنون

  4. محمد ناصرپور گفت:

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

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

  5. جواد گفت:

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

  6. محمدرضا گفت:

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

    دمتون گرم 

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

دیدگاهتان را بنویسید

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