Продовжуємо розповідь про особливості дизайну для платформ iOS та Android.
Читайте попередню частину ТУТ!
Нестандартні реалізації засобів керування вимагають додаткового часу розробки та невідомі користувачам
Якщо ви хочете, щоб кожен елемент у вашій програмі виглядав однаково на різних платформах, вам знадобляться додаткові зусилля з розробки, щоб створити найкращий дизайн мобільного додатка. Найскладніші випадки використання включають елементи керування за замовчуванням, такі як перемикачі, прапорці.
Кожна платформа має свої унікальні взаємодії. Гарний дизайн – це дизайн, який поважає звички користувачів у кожній операційній системі. Дуже важливо пам'ятати про різницю між платформами під час розробки мобільної програми для iOS і Android, щоб ви створювали програми, які відповідають очікуванням користувачів.
Одним із прикладів елемента, який зазвичай розробляється по-різному для двох платформ, є вибір дат. Користувачі Android не знайомі з селектором дат у стилі касети для ігрових автоматів, що є загальним для iOS. Використання цього стилю вибору дат в Android потребує спеціальної імплементації, збільшуючи складність та тривалість розробки та роблячи дизайн вашої програми чужим для платформи Android.
Стилі кнопок на пристроях iOS та Android
Є два стилі кнопок у Material Design Guidelines – плоскі та підняті. Ці кнопки використовуються в різних ситуаціях. Текст на кнопках у матеріалі Design зазвичай пишуться великими літерами. У нативних додатках iOS натомість зазвичай капс-лок не використовують.
Існує також іще один тип кнопок: floating action на Android і call to action на iOS. Літаюча кнопка являє собою основну дію у програмі. Наприклад, кнопка “Створити” у поштовому додатку або кнопка “Нова пошта” у додатках соціальної мережі можуть бути літаючими кнопками. Аналогічним дизайном для основних дій у програмах iOS є кнопка “заклик до дії”, яка розташована в центрі панелі вкладок.
Відмінності між нативними bottom sheet у Android та action sheet та activity view в iOS
У Android є два типи нижніх списків: нижні модальні списки та постійні нижні списки. Модальні нижні списки мають два типи вмісту: нижні модальні списки з різними діями та список додатків, який з'являється після того, як користувач натискає значок спільного доступу. Ми можемо знайти однакові типи вмісту в нативних таблицях дій та переглядах активності в iOS. Але ці компоненти виглядають інакше, ніж нижні списки Android.
Відмінності в контактних об'єктах і мережах
iOS та Android мають дещо інші інструкції для сенсорних цілей (44px @ 1x для iOS та 48dp/48px @ 1x для Android). Material Design Guidelines рекомендують вирівняти всі елементи по сітці з квадратною базою 8 дп.
Типографічні відмінності
San Francisco – це системний шрифт в iOS. Roboto є стандартним шрифтом в Android. Noto – це стандартний шрифт для Chrome та Android, які не підтримуються Roboto. Вам потрібно буде приділяти особливу увагу типографським процедурам та схемам компонування кожної платформи.
За матеріалами: medium.muz.li
ДАЛІ БУДЕ!
Вас також ЗАЦІКАВИТЬ: