Що таке Splash screen і як його робити правильно?

Ви звертаєте увагу на те, що з’являться перед очима під час запуску додатка? дизайнери повинні вміти справити перше враження ще й посилити при цьому бренд.

, здавалося б, дуже незначна частина роботи. Зазвичай ми на неї звертаємо увагу, коли макет повністю готовий 🙂 А тому

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

Проте як відомо, дизайнера краще взагалі не забувати про дрібниці, адже “диявол у деталях”, і на якість ми зазвичай звертаємо увагу саме через дрібниці.

Отже, що ж таке Splash screen?

Все дуже просто – це екран, який з’являється, коли ви відкриваєте додаток на своєму мобільному пристрої. Іноді це називається екран запуску або початковий екран. Коли завантаження завершиться, ви перейдете на більш функціональний екран, де можна виконати дії.

Splash – перекладається як “сплеск”, тому, що ці екрани зазвичай з’являються на дуже короткий час і зникають. Традиційно на них ви побачите логотип і назву компанії, а якщо вам пощастить, то ще й девіз.

Ви можете подумати про них як про марну трату часу, щось таке незначне, про що не варто турбуватися. Але вони дуже корисні для зміцнення ідентичності та сприйняття бренду. Матеріальний дизайн Google підкреслює, що вони є першим досвідом роботи вашої програми. А як відомо, перше враження дуже важливе, чи не так?

Візьміть заставку Skype. Вона показує логотип з м’яким градієнтом. Завантаження завершить ненав’язлива анімація. Приємний шматочок користувацького досвіду, правда?

Іноді додаток не потребує багато часу для завантаження. Або ваш додаток узагалі не потребує посилення бренду. В цьому випадку ви побачите елементи основної структури додатка після відкриття. Наприклад так:

Як робити правильні стартові екрани?

Splash screen прості. Вони мають давати користувачам приємний досвід у момент очікування. Ось головні речі, які треба врахувати, коли ви створюєте власний стартовий екран:

  • Не робіть його нав’язливим, позбавте від непотрібних елементів
  • Не використовуйте кілька кольорів або логотипів
  • Використовуйте анімацію економно

Якісні зразки

Medium & Etsy

Paperless Post & Airbnb

Bear & Cabify

8Fit & Netflix

Ryanair & Skype

    

І головне. Незалежно від причин, якими ви керуєтеся, розробляючи свій splash screen, впевніться, що він не призведе до того, що завантаження додатка триватиме довше, ніж це необхідно.

Також буде ЦІКАВО почитати:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь