چالش طراحی UI برای iPhone X: چگونه عناصر پایین صفحه را مرتب نشان دهیم؟

بدون دیدگاه

گوشی iPhone X و لبه های گرد آن یکی از چالش های جدید طراحان اپلیکیشن های iOS و شاید وب سایت هاست. با این حال زمان زیادی برای توسعه دهندگان وجود ندارد تا اپلیکیشن های قدیمی خود را با این فرم نمایش جدید هماهنگ کنند.

دکمه های لب به لب پایین

این نوع دکمه ها از iOS 7 استفاده شدند زمانی که اپل تصمیم گرفت صفحه نمایش های بزرگ را استفاده کند.

راه حل نمایش مناسب این دکمه ها برای iPhone X می تواند جدا کردن آن از لبه ها و شناور کردن آن باشد.کمی گردینت هم می تواند آن را جذاب تر و زیباتر کند ولی اختیاری است.

فاصله 32-36 در واحد pt از لبه پایین نمایشگر شبیه فاصله ای است که اپل در تب بارش استفاده کرده است. 44pt شعاع لبه نمایشگر آیفون ایکس است. هماهنگ کردن شعاع لبه های دکمه با لبه های نمایشگر می تواند به جذابیت و جلوه بصری آن کمک کند. همچنین ایجاد فاصله از لبه پایین نمایشگر می تواند از تداخل دکمه با بقیه المان های پایین جلوگیری کند.

بنرها

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

مشخصات دقیق فواصل بنر به این شکل است:

Progressbar پایین

یک نوار progress فعال می تواند خیلی به UI کمک کند ولی حالا می تواند با لبه های نمایشگر و شاخص Home نیز برخورد کند.

ایجاد فاصله و شناور کردن آن.

اگر در UI تب بار هم موجود بود برای عدم تداخل این دو می توانید progress bar را به بالای تب بار ببرید.

در همین رابطه :   مقایسه 4 سرویس ذخیره سازی آنلاین با فضای رایگان +گوگل درایو جدید !

منبع

دسته بندی : UX/UIگوناگونتجهيزات همراه

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

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