سلام دوستان
شما همونطور که کدنویسیتون رو استاندارد انجام می دید
باید در طراحی رابط کاربری استانداردهای زیادی رو رعایت کنید
اندروید قابلیت اجرا بر روی انواع دستگاه ها با صفحه نمایش های کوچک و بزرگ را دارد
در این جلسه قصد دارم تا اصطلاحات و مفاهیم مهم در طراحی رابط کاربری رو برای شما آموزش بدم
با همیار اندروید ، اندروید را درک کنید …
نکته :
دوستان عزیز ،
خیلی از مباحث ، مانند همین مبحث
با زحمت زیادی از منابع رسمی گوگل ترجمه
و با دقت بسیار بالایی به صورت تخصصی تالیف می شوند
از این رو خواهشا حق کپی رایت رو رعایت کنید
و به هیچ عنوان مطالب وبسایت رو کپی نکنید
در صورت نیاز کافیست لینک موضوع را انتشار دهید …
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@ تلگرامی ما رو فراموش نکنید
به امید موفقیت
بدرود.
