Робота з UI під iOS

Певно варто почати з iOS. Скоріше за все ви переглядали симпатичні екрани з таким смачним UI, і одразу хотіли зробити щось таке. Або навіть ви прийшли в цю професію тому що  закохалися в гарні айосні скріни. Але давайте спробуємо зрозуміти, що ж таке iOS гайдлайни і чому лише з них можна зробити додаток навіть без участі дизайнера.

https://developer.apple.com/design/resources/

З кожним оновлення операційної системи Apple також випускає набір елементів цієї системи. Тобто грубо кажучи це набір із нативних елементів iOS та додатків, які позамовчанню вже стоять у вас на айфоні. Звичайно для проектування під іOS використовують середній екран, раніше це був Х, зараз або 12, або 11 з шириною 375px.  Останнім часом все рідше підтримують менші розміри, у крайньому випадку розробники просто попросять вас створити додаткові скріни для найменшого екрану.

Про підготовку файлів для передачі розробникам ми поговоримо трохи пізніше.

Добре було б просто ознайомитись з гайдлайнами від Apple. Чому це важливо?

Саме за цими гайдами Apple може заблокувати додаток перед публікацією на App Store. Тому бажано їх притримуватися.

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

Розробка додатків для Apple може бути не тільки нативною, тобто розробники додатків це не лише iOS Developer, які пишуть на Swift.  Є також і розробники наприкад React Native, які створюють додатки,і для  Андроїд, і для iOS. До речі instagram написаний саме на такій технології.

Для вас, як для дизайнерів різниця невелика, є лише відмінність у деяких елементах які вам потрібно підготувати окремо для iOS і окремо для Андроїд.

Нативні елементи від Apple ви можете використовувати у будь якому випадку.

Що ж якщо звести весь дизайн до цих самих гайдів - то для того, щоб створити додаток вам просто необхідно як з конструктора зібрати екран з тих самих елементів, які надав вам Apple,  але під ті потреби, які відповідають проблемам вашого додатку. Так, ви можете просто переробити додаток здоров’я вбо будильник або погоду, або ж просто знайти застосування цим елементам у вашому дизайні.

А як же ті 🤩 UI які ви бачили у dribbble?? Не лякайтеся кастомні елементи також можуть бути у вашому дизайні, але добре розуміти як працює розробка додатків під iOS, щоб знати НАСКІЛЬКИ кастомними ваші елементи можуть бути. Особисто я із цікавості навіть проходила невеликий курс по Swift, і навіть створила декілька нескладних додатків. Але це не обов’язково для дизайнера мобільних додатків.

https://uxdesign.cc/designers-should-care-about-swiftui-9c398979746