Какие бывают попапы с точки зрения дизайнера

Какие бывают попапы с точки зрения дизайнера

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

КАКИЕ БЫВАЮТ ПОПАПЫ

Простые

Минимум текста, никаких картинок — все строго и аккуратно. Самые ненавязчивые и часто используемые попапы.

С картинкой

Следующий уровень — картинка. Картинкой проще зацепить пользователя, главное, произвести правильное впечатление, а не оттолкнуть. В данном примере используется картинка с кнопкой. Этот формат используется для собирающих попапов: когда взамен каких-то данных пользователя вы даете ему скидку или подарок. Подробнее о видах попапов мы рассказали в этой статье.

Второй вариант: красивая и интересная картинка с текстом. Так вы можете рассказать об акциях на сайте или каких-то нововведениях.

С иллюстрацией

Если хочется добавить креатива и мультяшности в попап, не сдерживайте себя — рисуйте иллюстрации. Иллюстрация может занимать почти все пространство на всплывающем окне. И даже выходить за пределы всплывающего окна.

А может быть маленьким изящным дополнением. Вот как этот конверт.

Необычная форма

Нестандартная форма смотрится круто, даже если вы используете один цвет.

Необычный дизайн

Если уж совсем выкрутить креатив на максимум, то могут получится вот такие яркие окна. Нестандартный дизайн может удивить и привлечь внимание. Не бойтесь добавить красок в эту обыденную жизнь 🙂 Экспериментируйте с цветами, формой, иллюстрациями, количеством кнопок и всем, чем заблагорассудится (в рамках ТЗ и здравого смысла).

Минимализм

Попап в виде яркого пятнища в кислотных оттенках впишется не в любой сайт. Если ситуация требует сдержанных тонов и лаконичности, то творите минимализм Всплывающие окна в этом стиле всегда смотрятся гармонично и просто!

В дизайне всплывающих окон важны детали. Может вы и не обращали внимание, но кнопки тоже бывают разные, и это тоже важно.

Кнопки в попапах бывают:

Прямоугольные

Скругленные

Квадратные


Каким будет ваш попап, зависит от вас, ваших целей и фантазии. А если понадобится помощь или совет, вы знаете, что делать. *шепотом* писать нашим экспертам, они знают толк в попапах.

Похожие статьи

Попапы в разных сферах бизнеса

Рассказываем о том, как сделать красивый, информативный, а главное – подходящий бренду попап.

Как настроить интеграцию с enPop

В статье про виды сегментации в enPop мы обещали отдельно рассказать про настройку интеграции. Обещали — рассказываем.