homefavorite
Секции

Референсы первых экранов

Примеры первых экранов сайтов с сильными заголовками, ясной визуальной иерархией и заметным целевым действием.

271 референсов

Смотреть референсы
Человек сидит перед большим монитором с панелью на насыщенном оранжевом фоне.Три вертикальные фотографии в рамках с людьми и едой на бледном фоне с крупными синими буквами.Минималистичный первый экран с женщиной, держащей кусок пиццы, и огненными формами позади неё.Чёрный макет страницы с крупным белым заголовком «OUR HISTORY AND MISSION» и тонкими направляющими линиями.Тёмный первый экран с большими цифрами вокруг центральной ч/б фотографии здания и частично видимым заголовком.Тёмная страница с крупным белым заголовком и вертикальным фото пляжного дома.

Что искать в этих примерах

У первого экрана есть несколько секунд, чтобы задать контекст и направление. Здесь собраны разные способы объединить сообщение, изображение и действие.

Сравнивайте масштаб заголовка, поясняющий текст, положение изображения, контекст навигации и ясность основного действия.

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

Референсы первых экранов

Яркий оранжевый постер с крупным засечковым заголовком «The National Gallery of London» и повторяющимися вертикальными белыми панелями с надписью GALLERY по обеим сторонам.Яркая красная типографическая композиция с наклонными пересекающимися линиями на светлом фоне.Коллажный первый экран с классическими и современными фигурами и оранжевой кнопкой.Крупный заголовок с засечками и три овальных выреза с картинами, снизу — красная округлая кнопка.Минималистичный макет страницы с большим чёрно‑белым портретом атлета справа и текстом слева.Тёмнокожая рука держит смартфон с экраном фитнес‑приложинга и кнопкой Get Started.Большой постер с жирной перекрывающейся типографикой в оранжевом и тёмно‑сером на бежевом фоне и карикатурным персонажем справа.Широкая черно-белая карта мира с шестью тёмными метками и логотипом в углу.Дрон парит над золотыми высокими травами в поле, кадрирован по центру.Блестящий красный квадрокоптер парит над приглушённым лесом с текстурой аэрофото.Чёрно-белый квадрокоптер парит рядом с крупным заголовком.Городской пейзаж с высотными зданиями на закате, белая крупная типографика слева и ряд округлых карточек внизу справа.

Связанные подборки

СтилиРеференсы минималистичных сайтовСтилиРеференсы сайтов в стиле брутализмСтилиРеференсы красочных сайтовСтилиРеференсы чёрных сайтовСтилиСайты с крупной типографикойИндустрииРеференсы корпоративных сайтов

Как работать с референсами

Как использовать референсы первых экранов в проекте?

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

Для каких задач подходит эта подборка?

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

Превратите вдохновение в рабочее направление

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

Смотреть референсы