​خطوط مبنا و معیار‌ها برای کامپیوتر رومیزی-طراحی متریال

​خطوط مبنا و معیار‌ها برای کامپیوتر رومیزی-طراحی متریال

تاریخ انتشار: 25 آذر 1394

تعداد بازدید: 3 نفر

خطوط مبنا و فاصله گذاری برای کامپیوتر برگرفته از قوانین تبلت و موبایل می‌باشد، بسته به اندازه صفحه نمایش.

نمایش تمام صفحه کامپیوتر

صفحه‌های دارای تغییر اندازه



نسبت خطوط مبنا
نسبت طول به عرض یک المان (که به آن نسبت صفحه یا aspect-ratio گفته میشود) هم برای المان‌های UI به کار میرود و هم برای اندازه صفحه نمایش. این نسبت به صورت پهنا:ارتفاع نوشته میشود.
این نسبت‌های صفحه به شما توصیه میشود:
۱۶:۹
۳:۲
۴:۳
۱:۱
۳:۴
۲:۳
 
برای مثال: 
. نسبت صفحه ۱:۱ به مفهوم آن است که یک المان دارای ارتفاع و پهنای یکسان است
. یک تصویر دارای پهنای ۳۶۰dp با نسبت تصویر ۲:۳ دارای ارتفاعی ۵۴۰ می‌باشد. 
 
با استفاده از فرمول زیر ارتفاع و پهنای المان خود برای یک نسبت تصویر داده شد حساب کنید. نسبت تصویر همیشه به عنوان یک کسر نوشته میشود. برای مثال ۳:۲ به صورت ۳/۲ نوشته میشود. 
پهنا = نسبت تصویر * ارتفاع
ارتفاع = پهنا / نسبت تصویر

پهنای صفحه نمایش

نمونه پهنای صفحه نمایش برای موبایل

پهنای المان 

اشتراک گذاری:
021-41658