همیار اندروید
همیار اندروید
همیار اندروید
همیار اندروید
نه
بله
منوی وبسایت
جستجوی پیشرفته صفحه اصلی اپلیکیشن های ما
حساب کاربری
منوی وبسایت
حساب کاربری

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

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

منوی وبسایت
جستجوی پیشرفته اپلیکیشن های ما
حساب کاربری
صفحه اصلی
آموزش
تشریح اصطلاحات و مفاهیم مه ...

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

مشخصات این آموزش
موضوعات مرتبط
UI
زبان برنامه‌نویسی
نامشخص
نوع قسمت‌ها
مبحث تک قسمتی
محتوای ارائه شده
متن  ,  تصویر
مهارت های مورد نیاز
نامشخص
وضعیت انتشار
به پایان رسیده
سطح آموزش
مبتدی
انتشار
1398-11-07 , 19:55
آخرین آپدیت
1398-11-08 , 03:31
یادگیری این آموزش

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

 

 

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

 

 

Screen size
معنی لغوی :
اندازه صفحه نمایش
معنی کاربردی :
اندازه فیزیکی واقعی ، یعنی صفحه نمایش را در حالت فیزیکی و به صورت اریب اندازه گیری کنید
واحد : 
معمولا بر حسب اینچ (inches) گفته می شود
به عنوان مثال
شما یک خطکش معمولی بردارید
و از گوشه بالا سمت راست تا گوشه پایین سمت چپ صفحه نمایش گوشی خودتان را اندازه گیری کنید
بر حسب اینچ
این اندازه همان Screen Size یا اندازه صفحه نمایش می باشد
برای راحتی کار شما گروه اندرویدی گوگل
تمام صفحه نمایش های واقعی را از نظر اندازه در چهار دسته تقسیم بندی کرده اند
۱- small ( کوچک )
۲- normal ( معمولی )
۳- large ( بزرگ )
۴- extra-large ( خیلی بزرگ )

 

 

Screen density
معنی لغوی : 
چگالی یا تراکم صفحه نمایش
معنی کاربردی : 
چگالی یا همان density
به تعداد پیکسل های موجود در یک منطقه از صفحه نمایش گفته می شود
معمولا در یک اینچ مربع
واحد :
معمولا بر حسب dots per inch یا به اختصار dpi گفته می شود
به معنای تعداد نقطه ها در اینچ
یک صفحه نمایشی که چگالی بالایی دارد یعنی تعداد پیکسل های آن زیاد هستند
و درواقع کیفیت آن بالا می باشد
و کیفیت ربطی به بزرگی صفحه نمایش یا همان Screen size ندارد
برای راحتی کار شما گروه اندرویدی گوگل 
تمام صفحه نمایش های واقعی را از نظر تراکم در شش دسته تقسیم بندی کرده اند
۱- low ( کم )
۲- Medium ( متوسط )
۳- High ( زیاد )
۴- Extra-High ( خیلی زیاد )
۵- Extra-Extra-High ( خیلی خیلی زیاد )
۶- Extra-Extra-Extra-High ( خیلی خیلی خیلی زیاد )

 

 

Orientation
معنی لغوی : 
جهت گیری
معنی کاربردی : 
جهت صفحه نمایش از نظر نگاه کاربر به دو حالت عمودی (Portrait) و افقی (landscape)
همیشه به این جهت گیری ها دقت کنید
و آگاه باشید که کاربر امکان دارد در حین اجرای برنامه ، حالت دید خود را تغییر دهد
پس باید اپلیکیشن خود را در دو حالت افقی و عمودی ، به یک چیدمان عالی برسانید
و در این دو حالت مشکلی برای اپلیکیشن شما پیش نیاید

 

 

Resolution
معنی لغوی : 
وضوح یا دقت
معنی کاربردی : 
به تعداد کل پیکسل های موجود در صفحه نمایش وضوح یا رزولوشن گفته می شود
به عنوان مثال یک صفحه نمایش با رزولوشن ۷۲۰*۱۰۸۰
به این معناست که دارای ۱۰۸۰ پیکسل در عرض و ۷۲۰ پیکسل در ارتفاع می باشد
اپلیکیشن ها به طور مستقیم با وضوح کار نمی کنند
هنگام ساخت یک اپلیکیشن ما باید سعی کنیم که منابع گرافیکی خودمان را
در چندیدن اندازه  مختلف طراحی کنیم
تا تعداد گوشی های بیشتری با مانیتورهای کوچک و بزرگ را پشتیبانی کند
از این رو برای اندازه گیری های خودمان به طور مستقیم به رزولوشن اکتفا نکنیم …
در ساخت اپلیکیشن ما باید فقط نگران اندازه صفحه نمایش (Screen size)
و تراکم صفحه نمایش (Screen density) باشیم
و اندازه گیری های خودمان را با این دو مورد تنظیم کنیم

 

 

Density-independent pixel (dp)
معنی لغوی :
مستقل از تراکم پیکسلی (تراکم مستقل)
dp یک واحد مجازی می باشد
درواقع یک واحد پیکسلی مجازی می باشد
که باید در طراحی رابط کاربری لایه ها از آن استفاده کنید
برای تعریف اندازه ها و موقعیت عناصر باید از این واحد استفاده کنید
یک dp معادل یک پیکسل فیزکی در یک صفحه نمایش با چگالی  " 160dpi " می باشد
که این چگالی ، چگالی پایه در یک صفحه نمایش با چگالی متوسط (Medium) فرض شده است
برای راحتی کار شما گروه اندرویدی گوگل
مقدار چگالی ها را در شش دسته تقسیم بندی کرده اند
ldpi : 120dpi
mdpi : 160dpi
hdpi : 240dpi
xhdpi : 320dpi
xxhdpi : 480dpi
xxxhdpi : 640dpi
تصویر زیر هم برای درک بهتر

 

 

 

نکته :
ما حتما باید اندازه های خود را به dp تبدیل کنیم
چون اندازه گیری اندروید بر حسب dp می باشد

 

 

تبدیل واحد
ما در فوتوشاپ ، از px استفاده می کنیم
و در اندروید ، از dp استفاده می کنیم
در ادامه دو فرمول برای این تبدیل ها برای شما آماده کرده ام
تبدیل px به dp

px / ( dpi / 160 ) = dp

تبدیل dp به px

dp * ( dpi / 160 ) = px

و در ادامه یک مثال هم برای درک بهتر شما
ما یک صفحه نمایش بزرگ (High) داریم
که چگالی آن برابر 240dpi می باشد
حالا ما قصد داریم تا بفهمیم
که در این صفحه نمایش 
20px برابر با چند dp می باشد
تا در طراحی خودمان از آن استفاده کنیم
یعنی داریم ، تبدیل px به dp
برای اینکار به روش زیر عمل میکنیم

px / ( dpi / 160 ) = dp
20 / ( 240 / 160 ) = dp
20 / 1.5 = dp
13.33 = dp

20px در یک صفحه نمایش با چگالی 240dpi
برابر است با 13.33dp  

 

 

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

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

Density-independent pixel (dp)

,

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

,

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

,

Screen density

,

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

,

آموزش Android Studio

,

آموزش Android Studio به زبان فارسی

,

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

,

آموزش اندروید استودیو Android Studio به زبان فارسی

,

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

,

آموزش برنامه نویسی Android با جاوا پروژه محور

,

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

,

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

,

آموزش برنامه نویسی اندروید با Android Studio

,

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

,

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

,

آموزش پروژه محور برنامه نویسی برای Android

,

آموزش ساخت اپلیکیشن اندروید

,

آموزش ساخت برنامه های Android با Android Studio

,

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

,

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

,

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

,

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

,

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

,

آموزش فارسی android studio

,

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

,

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

,

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

,

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

,

برنامه نویسی تحت اندروید با Android Studio یا Eclipse ADT

,

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

,

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

,

چطور یک برنامه ساده اندروید بسازیم؟

,

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

,

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

,

چگونه برنامه نویس اندروید بشم؟

,

چگونه یک اپلیکیشن اندرویدی بسازیم؟

,

چگونه یک اپلیکیشن اندرویدی موفق بسازیم؟!

,

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

,

چگونه یک اپلیکیشن موبایل در اندروید استودیو بسازیم

,

دانلود آموزش android studio

,

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

,

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

,

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

,

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

,

کار با اندروید استودیو به زبان فارسی

,

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

,

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

,

معنی Density-independent pixel (dp)

,

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

,

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

,

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

,

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

,

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

,

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

,

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

,

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

,

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

,

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

,

px to dp android


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