برای طراحی رابط کاربری که از مهمترین بخش طراحی سایت و اپلیکیشن هست باید سایز استاندارد در نظر گرفت که سازگاری بیشتری با دیوایس های مختلف باشد برای این منظور ما به صورت خلاصه اندازه های استاندارد برای گوشی اندروید و آیفون ، دسکتاپ ، تبلت و واچ را برای شما عزیزان آماده کردیم که قطعا خیلی کاربردی و بدردتون خواهد خورد با ما همراه باشید.
موبایل
سعی کنید از سایز کوچکتر هر دستگاه استفاده کنید تا مطمئن باشید که طرحتون برای تمام سایز ها مناسب می باشد
اندروید : ۳۶۰ در ۶۴۰ پیکسل
آیفون : ۳۷۵ در ۶۶۷ پیکسل
دسکتاپ
بهترین سایز اسکرین برای طراحی وب سایت ۱۹۲۰ در ۱۰۸۰ هست . خیلی از کاربران دستکتاپ از رزولیشن های دیگه ای مثل ۴۳۴۲ در ۴۲۴۳ پیکسل استفاده میکنند اما ما پیشنهاد میکنیم حتما از سایز زیر استفاده کنید چون سازگاری بالایی با تمامی دستگاه دارد.
دسکتاپ : ۱۴۴۰ در ۱۰۲۴ پیکسل
تبلت
انتخاب سایز درست برای طراحی تبلت هم خیلی مهمه چون بیش از نصف کاربران از اسکرین تبلت استفاده میکنند
تبلت : ۷۶۸ در۱۰۲۴ پیکسل
اپل واچ ( ساعت هوشمند اپل )
ممکنه خیبی کم طراحی ساعت هوشمند رو انجام بدین اما اگر خواستین برای اپل واچ طراحی کنین دو تا سایز اسکرین در نظر بگیرید .
اپل واچ ۴۰ میلی متر : ۲۹۲ در ۳۲۰ پیکسل
اپل واچ ۴۴ میلی متر : ۳۳۰ در ۳۶۴ پیکسل
در نهایت ممنون از خانوم خوشنام کاضمیان بخاطر این مطلب کاربردیشون ! امیدوارم به دردتون بخوره !
این ابعاد شاید تو طراحی سایت بیشتر استفاده بشه. چون مرورگر های وب رزولوشن های گوشی رو کنار میگذارند و رزولوشن های متفاوتی استفاده می کنند.
ولی اپلیکیشن موبایل قطعا اون ابعادی که ذکر شده نامناسب هست.
در اپلیکیشن های اندروید حتما می بایست برای انواع رزولوشن های مختلف گوشی، فایل های تصویر و ui متفاوتی در فولدرهای مربوطه قرار بگیره. قرار نیست برای گوشی های جدید از ابعادی نظیر ۳۰۰ پیکسل استفاده کنیم. مسخره است.
برای طراحی دقیق تر باید هر اندازه اسکرین لی اوت بندی بشه
ولی برای سایز کلی و تقریبا سازگار با همه دیوایس ها بهتره از کوچکترین سایز انتخاب کنیم