Головна Mo-Apps / Як користуватися / Дизайн | Інтернет-магазин

ДИЗАЙН | ІНТЕРНЕТ-МАГАЗИН

Дизайн додатку інтернет-магазину

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

Вибравши фон на сайті, результат можна побачити у вікні перегляду Previewer, завантаживши його на телефон, або ж переглянути результат створеного додатку на сайті, з правого боку конструктора, для різних мобільних пристроїв з такими операційними системами: iOS, Android.

1. Вибір з галереї

Якщо ви хочете замінити обраний раніше фон на фон з нашої галереї, тоді потрібно:

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

вибір фону з галереї

2. Завантаження власного фону

Якщо ви вирішили проявити індивідуальність в створенні дизайну додатка, завантаживши свій власний фон, то вам необхідно:

  • натиснути на «Завантажити свій фон»
  • вибрати на своєму комп'ютері зображення розміром не менше 2048х2732 px і в форматі: jpg, png
  • якщо завантаженний вами фон горизонтальної орієнтації, то натисніть на виділену область і утримуючи ліву кнопку миші, перетягніть вертикальний прямокутник на ту частину зображення, яку ви хочете використовувати як фон в додатку
  • вибравши частину зображення для фону, натисніть «ОК»
  • через кілька секунд ви побачите додане зображення в якості фону для мобільного додатку в переглядачі на сайті, з правого боку конструктора

завантаження власного фону

3. Вибір заливки фону

Якщо ви вирішили зробити дизайн однотонним, тоді функція «Вибір заливки» створена спеціально для Вас. Щоб вибрати колір заливки вам потрібно:

  • натиснути на «Виберіть заливку»
  • виберіть колір, перетягуючи смугу на вертикальному кольоровому стовпчику
  • обравши колір, ви можете підібрати потрібний відтінок світліший або темніший
  • визначившись з кольором і відтінком, натисніть «ОК»
  • натисніть кнопку «Зберегти» щоб побачити результат у вікні перегляду, на сайті або в Previewer

вибір заливки фону

4. Вибір іконки

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

Іконка - це картинка невеликого розміру, яка буде відображатися на робочому столі мобільних пристроїв ваших користувачів і при натисканні на яку буде відкриватися ваш мобільний додаток.

Ви можете вибрати із запропонованих фонів, для цього потрібно:

  • натиснути на картинку під назвою «Фон» і вибрати той, який найкращим чином, на вашу думку, відповідає додатку
  • натиснути на картинку під назвою «Іконка» і вибрати таку картинку, яка буде вдало поєднуватися з обраним тлом і буде відповідати створеному вами в конструкторі з додатком
  • обрана іконка відобразиться на зображенні під назвою «Результат»
  • натисніть «Зберегти»

вибір іконки

5. Завантаження власної іконки

Якщо ви хочете завантажити свою іконку для додатку:

  • натисніть на "Завантажити свою іконку», мінімальний розмір іконки повинен бути не менше 1024х1024 px, квадратної форми, формат файлу іконки: jpg, png
  • завантажена іконка відобразитися картинкою під назвою «Результат»
  • натисніть кнопку «Зберегти»

6. Завантаження логотипу

  • Мінімальний розмір зображення має бути не менше 512х512 px
  • допустимий формат файлу: jpg, png
  • максимальний розмір файлу не більше 1 Мегабайта
  • натисніть на кнопку «Завантажити логотип», виберіть логотип і підтвердіть дію, натиснувши «Відкрити»
  • натисніть кнопку «Зберегти» і налаштування дизайну в модулі буде завершене. Тепер ви можете побачити результат у вікні перегляду, на сайті або в Previewer

Якщо ви хочете видалити завантажений раніше логотип, натисніть на "Видалити логотип" і збережіть зміни натиснувши "Зберегти".

завантаження логотипу