Раздел сайта (Секция, Блок, section) – логически связанный блок на веб-странице, выполняющий определённую функцию. Например, секция «О компании», «Услуги», «Отзывы» или «Контакты».
Обложка сайта (Hero section) – это первый крупный блок на веб-странице, который привлекает внимание пользователя. Обычно содержит ключевое сообщение, изображение или видео, и призыв к действию (CTA).
Шапка сайта (header) – Заголовок или верхний блок сайта. Часть страницы, которая обычно включает логотип, меню навигации, контактную информацию или другие ключевые элементы.
Подвал сайта (footer, Футер) – это нижняя часть страницы, где часто размещаются ссылки на политику конфиденциальности, контактные данные, авторские права и дополнительные ссылки.
FAQ – блок на сайте с часто задаваемыми вопросами и ответами, это английская аббревиатура от выражения Frequently Asked Questions, в русскоязычной среде часто называют «ФАК».
Above the fold («Над сгибом») – этот термин в русскоязычной среде не используются (ну или я не встречал), но очень популярен в англоязычной, это часть веб-страницы, видимая пользователю без прокрутки. Этот термин пришёл из печатной индустрии и в веб-дизайне используется для обозначения важного контента, который должен быть виден сразу.
Контент – содержимое макета, которое не относится непосредственно к дизайну — тексты, графика (фотографии, иконки, логотипы и иллюстрации), видео.
Навигация (navigation / nav) – элементы интерфейса, позволяющие пользователю перемещаться по сайту. Включает меню, ссылки, кнопки и панели.
Карта сайта (sitemap) – это структурированная схема или список всех страниц и разделов веб-сайта, которая помогает организовать контент и облегчить навигацию.
Элемент интерфейса (Interface Element) – отдельный компонент на веб-странице или в приложении, с которым взаимодействует пользователь. Это могут быть кнопки, поля ввода, чекбоксы, выпадающие списки и т. д.
Иллюстрация (Illustration) – графическое изображение, созданное вручную или цифровыми средствами, используемое для улучшения визуального восприятия и передачи идей на сайте или в приложении.
Иконки (icons) – разновидность графических элементов, которые служат либо для визуального подкрепления текстовых блоков (образные), либо для выполнения определенных функций (сервисные).
Слайдер (Slider) – элемент интерфейса, позволяющий пользователю просматривать слайды (изображения, тексты или видео) с помощью кнопок или автоматической прокрутки.
Карусель (Carousel) – разновидность слайдера, где несколько элементов (изображений или карточек) видны одновременно и прокручиваются горизонтально или вертикально.
Буллиты (Bullets) – маркеры или символы (например, точки, галочки), используемые для выделения пунктов списка. В веб-дизайне часто применяются для структурирования информации.
CTA (Call-to-Action, призыв к действию) – элементы, побуждающие пользователя к действию (кнопки, ссылки).
Пагинация (pagination) – система навигации, разделяющая длинный контент на страницы. Например, на сайтах с каталогами товаров или статьями.
Негативное пространство (Whitespace/Negative Space) – свободное пространство, образуемое между, внутри или вокруг элементов на странице. Служит обрамлением в структуре сайта, а их использование необходимо и с эстетической точки зрения, и в плане улучшения восприятия контента.
Верстка сайта (psd to html, figma to html) – русскоязычное сленговое выражение означает процесс формирования веб-страниц путём компоновки текстовых и графических элементов с использованием языка разметки. По сути это “оживление” статичного макета, созданного веб-дизайнером, в контексте может звучать так «Мне нужно сверстать сайт» или «Сколько стоит верстка сайта».
Как вы видите дословного перевода на английский не существует, «там» просто используют выражение перевода из одного формата в другой например «I need to convert figma to html» («Мне надо сконвертировать фигму в html»).
Эффект наведения (hover effect) – один из видов анимации на сайте, который показывает, что элемент, на который наводит пользователь, является активным и кликабельным. Эффект наведения применяется на кнопках, сервисных иконках, ссылках и т.д.
Разработка сайта
Адаптивный дизайн (Responsive Design) – адаптивный дизайн, который подстраивается под разные устройства и размеры экранов.
HTML (HyperText Markup Language) – язык разметки для создания структуры веб-страниц.
CSS (Cascading Style Sheets) – каскадные таблицы стилей для оформления HTML.
JavaScript – язык программирования для добавления интерактивности на сайт.
Frontend (Фронтенд)– часть сайта, видимая пользователю (HTML, CSS, JavaScript).
Backend (Бэкенд) – серверная часть сайта, обрабатывающая данные и логику.
SEO (Search Engine Optimization) – оптимизация сайта для поисковых систем.
Landing Page (Лэндинг, Посадочная страница) – целевая страница, созданная для конверсии (например, продажи).
Accessibility – доступность, дизайн для пользователей с ограниченными возможностями.