تیشرت Laravel
خرید
اطلاعات بیشتر

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

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

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

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

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

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

بنرها

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

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

Progressbar پایین

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

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

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

در همین رابطه :   دعوت به همکاری در پیشرفت فتولیا

منبع

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

پاسخ دهید

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

More in CSS, طراحي وب
آموزش عبارات (Expression) در AngularJs

در این پست می خواهیم در مورد عبارات یا Expression ها رد AngularJs صحبت کنیم . عبارات در انگولار جی...

Close