Дизайн | Интернет-магазин

Дизайн приложения интернет-магазина

Настройте дизайн приложения интернет-магазина чтобы иметь возможность визуально коммуницировать с клиентами. Грамотный дизайн удерживает внимание и способствует полному ознакомлению со всей представленной информацией, а также вызывает у пользователя приятное эстетическое впечатление. В конструкторе - вы можете оставить выбранный фон в начале создания приложения, либо загрузить свой проявив оригинальность во время время настройки дизайна или же выбрать однотонный цвет.

Выбрав фон на сайте, результат можно увидеть в просмотрщике 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

Если вы хотите удалить загруженный ранее логотип, нажмите на "Удалить логотип" и сохраните изменения нажав "Сохранить".