Вебдизайн: правописание слитно, без лишнего дефиса

Дефис в слове «веб-дизайн» держался в украинских студиях, вакансиях и дипломах почти два десятилетия — как привычка из английского web design и из русской кальки. С 30 мая 2019 года эта чёрточка официально лишняя: действующая редакция «Украинского правописания» отнесла частицу веб- к иноязычным компонентам наподобие авто- или авиа- и предписала писать такие слова слитно. Правильная форма — вебдизайн, одним сплошным словом, без пробела и без дефиса.

То же правило закрывает соседние термины, без которых не обходится ни один бриф: вебдизайнер, вебсайт, вебстраница, вебадрес, веббраузер, веброзробка, вебзастосунок. Если после «веб» стоит обычное слово, а не аббревиатура или собственное имя, чёрточка между частями не ставится. Именно это и есть ответ на запрос «вебдизайн правописание»: норма единая, она уже не новая, и она работает в портфолио так же, как в школьной контрольной.

Ошибка здесь не косметическая. Рекрутер читает резюме за 20–30 секунд, преподаватель проверяет курсовую по формулировкам, клиент сравнивает коммерческое предложение с языком собственного бренда. Слитное написание сигнализирует, что человек следит за нормой; дефис 2000-х годов сигнализирует об обратном, даже когда макеты в Figma безупречны.

Норма 2019 года: частица «веб-» стала префиксоидом

22 мая 2019 года Кабинет Министров Украины одобрил новую редакцию правописания постановлением № 437, а 30 мая документ вступил в силу. Печатное официальное издание вышло в конце того же года в издательстве «Наукова думка» — именно оно, а не ранний PDF на сайте министерства, является эталоном в спорных мелочах. Подготовила текст Украинская национальная комиссия по вопросам правописания; это не «рекомендация блогеров», а государственный стандарт орфографии. В разделе о сложных словах с иноязычными компонентами частицу веб- поставили в один ряд с авто-, авиа-, аудио-, кибер-, смарт- и десятками подобных.

Лингвисты называют такие части префиксоидами: они уже не самостоятельные слова в украинском языке, а регулярные «приставки» из чужой лексики. Английское web в значении «паутина Всемирной сети» в украинском словоупотреблении самостоятельно почти не живёт — мы не говорим «открой веб», как говорим «открой сайт». Поэтому правописание и убрало дефис: нет двух полноценных слов, которые нужно склеивать чёрточкой. Официальные примеры в тексте нормы — вебстраница, вебадрес, вебдизайнер. От них логично, без всякого скачка, образуется и вебдизайн.

Правильная форма по действующему правописанию — вебдизайн: слитно, без дефиса и без пробела, по той же модели, что автосалон или кибербезопасность.

Почему же глаз до сих пор цепляется за чёрточку? В 1990-х и 2000-х интернет-лексика входила в украинский хаотично: через русские форумы, через английские учебники, через автоматический перевод Photoshop. Правописание 1993 года просто не успело описать эти слова, поэтому каждая редакция придумывала себе дефис «на глаз». Привычка оказалась цепче постановления правительства: её до сих пор подпитывают устаревшие словарные карточки и шаблоны вакансий, скопированные с 2016 года. Норма тем временем не менялась — и по состоянию на 2026 год остаётся той же.

По моему опыту редактуры студийных текстов на протяжении нескольких лет дефис исчезает не после лекции, а после того, как его один раз вычистят в шаблоне коммерческого предложения, в футере сайта и в поле «должность» на DOU. Дальше рука уже сама пишет слитно. Правописание здесь работает как сетка в интерфейсе: сначала раздражает, потом становится невидимым каркасом, без которого вёрстка «плывёт».

Почему вебдизайн слитно, а интернет-магазин — через дефис

Самая частая путаница в брифах звучит так: «если вебсайт слитно, то почему интернет-магазин с чёрточкой? Это же почти синонимы». Нет, не синонимы, и правило здесь другое. Интернет — полноценное существительное, которое свободно живёт отдельно: «интернет пропал», «через интернет», «скорость интернета». Когда два самостоятельных существительных составляют название предмета, правописание ставит дефис: интернет-магазин, интернет-банкинг, интернет-издание, интернет-услуга. Склоняется только вторая часть: нет «интернета-магазина», есть «интернет-магазина».

Частица веб- самостоятельным существительным в украинском не стала. Она обозначает «тот, что относится к World Wide Web», то есть к конкретному слою сети с HTML, браузерами и гиперссылками. Интернет шире: туда входят и почта, и FTP, и старые телеконференции, которых «веб» никогда не описывал. Поэтому вебсайт — это страница именно в вебе, а интернет-сайт — более широкое, чуть канцелярское название с дефисом. В живой речи студии первый вариант точнее и короче, второй остаётся для документов, где нужно подчеркнуть «любой ресурс в сети», а не обязательно HTML-страницу.

Эта пара — лучший тренажёр для глаза дизайнера. Увидели «веб» перед обычным словом — пишете слитно. Увидели «интернет» перед другим существительным — ставите дефис. Увидели «онлайн» перед существительным — тоже дефис, но по другой причине, о ней ниже. Три разных механизма, три разные чёрточки, и ни одна не копируется с английского «через дефис, потому что так в Figma-сообществе». У языка своя грамматика, даже когда кнопка подписана Get started.

В нашей практике мы сталкивались со случаем, когда в одном тендере на лендинг банк требовал «вебдизайн интернет-банкинга». Копирайтер автоматически поставил дефисы везде и получил «веб-дизайн интернет банкинга» — две ошибки в четырёх словах. После правки фраза стала и грамотной, и точнее: вебдизайн как дисциплина, интернет-банкинг как продукт. Клиент даже не отметил орфографию отдельно, однако текст перестал выглядеть переведённым «на коленке».

Словарик студии: слитно, через дефис, раздельно

Рабочий словарик веброзробки держится на трёх полках, и путать их опаснее, чем смешать кегли в одном блоке. На первой полке — слитые слова с веб-: вебдизайн, вебдизайнер, вебсайт, вебстраница, вебадрес, веббраузер, веброзробка, вебзастосунок, вебдодаток, вебпрограммист, вебмастер, вебпереглядач, вебсервер, вебаналитика. Сюда же логично встают вебшрифт и вебдоступность, если вы не заменяете их украинскими соответствиями «сетевой шрифт» и «доступность веба». Все эти единицы — одно слово.

На второй полке — дефисные сложения, где обе части тянут собственное значение. Интернет-магазин, интернет-проєкт, пиар-кампания, бизнес-логика, премиум-тариф в значении «класс + существительное», онлайн-курс, офлайн-встреча, UI-дизайн, UX-исследование, веб-API. Здесь чёрточка — не украшение, а разделитель двух понятий. На третьей полке — раздельное написание: адаптивный дизайн, графический дизайн, посадочная страница, пользовательский интерфейс, поисковая оптимизация. Прилагательное + существительное дефиса не хотят, как бы рука ни тянулась к «адаптивный-дизайн» по аналогии с английским adaptive-design в тегах.

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

Источник таблицы: официальное издание «Украинский правопис» (издательство «Наукова думка», 2019) и постановление Кабинета Министров Украины № 437 от 22 мая 2019 года. После таблицы стоит держать ещё одну привычку: не смешивать в одном документе «вебсайт» и «веб-сайт», даже если вторая форма «так исторически сложилось в старом логотипе». Согласованность в тексте — тот же принцип, что и единая сетка отступов в макете.

Склоняем без паники: вебдизайну, вебдизайнера, на вебсайті

Написать слово слитно — лишь половина работы. Вторая половина — не сломать падеж во фразе «досвід у вебдизайні» или «макети для вебсайту». Вебдизайн — существительное мужского рода второго склонения, неодушевлённое, абстрактное название отрасли. В родительном падеже оно имеет окончание -у: нет опыта вебдизайна, есть досвід вебдизайну. Так же «школа вебдизайну», «тренди вебдизайну», «історія вебдизайну». В местном — «у вебдизайні», в орудному — «вебдизайном».

Вебдизайнер — одушевлённое, поэтому падежи другие, и винительный совпадает с родительным: шукаємо вебдизайнера, дякуємо вебдизайнерові или вебдизайнеру, говоримо з вебдизайнером. Женская форма вебдизайнерка уже привычна в украинских вакансиях и вполне нормативна; склоняется как «дизайнерка». Не стоит придумывать «вебдизайнерша» — это разговорный суффикс, который в профессиональном тексте звучит так же неловко, как кнопка «тыкни сюда» на банковском лендинге.

Вебсайт в родительном чаще всего имеет форму вебсайту: розробка вебсайту, редизайн вебсайту, структура вебсайту. Параллель вебсайта встречается по аналогии с конкретными предметами, однако в профессиональной прозе побеждает -у, как в словах «процесу», «інтерфейсу», «сервісу». Множественное число простое: вебсайти, вебсайтів, вебсайтам, на вебсайтах. Звательный «вебсайте» существует грамматически, но в жизни его почти не зовут — в отличие от «колего».

После таблицы держите ещё одну мелочь: не склоняйте английские вставки внутри украинского предложения. «Опыт в Figma» остаётся «в Figma», а не «в Фігмі», если бренд вы сознательно держите латиницей. Если же пишете украинской транскрипцией — тогда уже «в Фігмі», «через фігму», последовательно во всём документе. Смешивать «открой Figma-файл в фігмі» — это как управлять сеткой то в 8 px, то в 7.

UI-дизайн, UX-дизайн и веб-API: когда чёрточка всё-таки нужна

Правописание, которое убрало дефис в вебдизайні, сразу вернуло его в другом месте: когда иноязычный компонент сталкивается с собственным именем или аббревиатурой. Официальный пример — веб-API. Буквы API не становятся украинским словом, они остаются сокращением, и чёрточка здесь работает как мостик между двумя письменными системами. По той же логике пишем UI-дизайн, UX-дизайн, UX-исследование, UI-kit, HTML-вёрстка, CSS-анимация, CRM-система. Слитное «UIдизайн» не читается, раздельное «UI дизайн» разваливается на два куска без связи.

Слэш в «UI/UX-дизайн» — отдельная история, уже не орфографическая, а типографическая. В вакансиях он означает «оба направления в одной роли», и это приемлемый компромисс, если дальше идёт дефис перед украинским словом: UI/UX-дизайнер. Худший вариант — «UI/UX дизайн» без чёрточки: глаз не понимает, к чему приклеено слово «дизайн». Ещё хуже — «ui ux дизайнер» строчными буквами без дефисов, будто это три тега с Dribbble, а не название должности. В портфолио я бы ставил «UI/UX-дизайнер» или расшифровывал: «дизайнер интерфейсов и пользовательского опыта».

Украинские соответствия никто не отменял, и в текстах для широкой аудитории они часто честнее. UI — это интерфейс пользователя, UX — пользовательский опыт, иногда «дизайн взаимодействия». «Вебдоступность» можно заменить на «доступность вебсайта», «юзабилити» — на «удобство пользования», «лендинг» — на «посадочную страницу». Во внутреннем сленге студии англицизмы живут, и пусть живут; в клиентском договоре и на главной странице сайта государственного учреждения они уже выглядят как шрифт Comic Sans в годовом отчёте.

Не путайте дефис орфографический с дефисом в имени файла. web-design-final-v3.fig может оставаться латиницей с чёрточками — это идентификатор, не украинское слово. Другое дело заголовок слайда в презентации для заказчика: там уже «Концепция вебдизайна», а не «Web-design concept v3». Два мира, два правила, и граница между ними проходит там, где текст читает человек, а не компилятор.

Онлайн, офлайн, лендинг и другие соседи из портфолио

Слово онлайн правописание 2019 года прямо не расписало, и это породило целый жанр споров в фейсбук-группах филологов. Консенсус языковедов, в частности Александра Авраменко, прост и удобен для студии. Отдельно слово пишем слитно, потому что ни «он», ни «лайн» в украинском самостоятельно не живут: «мы сейчас онлайн», «перейти в онлайн». С следующим существительным появляется дефис: онлайн-курс, онлайн-трансляция, онлайн-магазин, онлайн-брифинг. Если «онлайн» стоит после существительного, чёрточка не нужна: трансляция онлайн, режим онлайн, занятие онлайн.

Зеркально работает офлайн: офлайн-встреча, офлайн-воркшоп, но «встреча офлайн». Писать «он-лайн» с внутренним дефисом — уже архаика нулевых, тот же жест, что «Интернет» с большой буквы посреди предложения. Імейл в официальном издании «Наукової думки» в родительном падеже имеет форму імейлу; «е-мейл» и «е-mail» в сплошном украинском тексте выглядят как несведённые стили абзаца. «Электронная почта» остаётся самым нейтральным вариантом для договоров.

Лендинг, вайрфрейм, мудборд, хендоф — это уже не правописание префиксоидов, а вопрос, берём ли англицизм вообще. Лендінг (от landing page) в профессиональной прозе прижился; литературный эквивалент — посадочная страница. Вайрфрейм спокойно заменяется на «каркас» или «схематический макет». Проєкт по правописанию 2019-го пишем через є, не через е: «проєкт вебсайту», «проєктна документація». Эта буква — лакмус: человек, который пишет «проект» в 2026 году, скорее всего, автоматически поставит и дефис в «веб-дизайн».

Браузер в правописании имеет интересную вилку. Рядом с привычным браузер как вариант упоминают бравзер (и даже веббравзер) — по правилу передачи иностранного w через в. В повседневной студийной речи побеждает «браузер» и «веббраузер»; «вебпереглядач» звучит калькированно-правильно, как «світлина» вместо «фото», и подходит скорее учебнику, чем чату в Slack. Оба слитных варианта с веб нормативны. Раздельное «веб браузер» — нет.

Ютуб, фейсбук, фігма: большая буква в названиях сервисов

Дизайнер постоянно упоминает сервисы, и здесь правописание дало три сценария, а не один. Без родового слова названия сайтов и сетей пишем с маленькой: ютуб, фейсбук, гугл, твіттер. «Шукай на ютубі», «виклала кейс у фейсбуку». С родовым словом — большая буква и кавычки: мережа «Фейсбук», енциклопедія «Вікіпедія», пошуковик «Гугл». Как название юридического лица — с большой, без кавычек: «санкции против Яндекса», «иск к Мета». Три кнопки, три состояния, как в нормальном интерфейсе.

Официальное издание «Наукової думки» для родительного падежа сервисов закрепило окончание -у: ютубу, фейсбуку, імейлу. Ранний текст на сайте министерства давал -а (ютуба, фейсбука), и это расхождение до сих пор бродит в блогах. Ориентир — печатная книга правописания, не скриншот 2019 года из Facebook. Ударение в «фейсбук» словарь официального издания подаёт на обоих слогах как допустимые варианты, так что войны за «фейсбýк» versus «фéйсбук» можно не вести на дизайн-критике.

Бренды инструментов — Figma, Adobe, Notion, Webflow — в портфолио чаще всего оставляют латиницей. Это честно по отношению к торговой марке и удобно для поиска. Если уже транскрибируете, держите одну систему: Фігма, едоб, ноушен. «Фігма» с большой как название программы, «фігма-файл» с дефисом как разговорное сложение по модели «API + слово». В предложении «макет зроблено в Figma» латиница не требует кавычек. В предложении «курс «Figma для початківців»» кавычки уже маркируют название курса, а не программы.

Отдельная боль — «Интернет» с большой посреди фразы. Как общее название сети слово давно пишется с маленькой: інтернет, в інтернеті, через інтернет. Большая буква остаётся там, где это начало предложения или часть официального названия. «WWW» в тексте для людей лучше разворачивать: Всесвітня павутина, или просто веб. Три буквы в шапке браузера не обязывают нас писать их в абзаце о типографике главной страницы.

Где ошибка бьёт по репутации: резюме, вакансия, бриф

В макете кернинг в 10 pt никто кроме дизайнера не заметит. В тексте вакансии дефис в «веб-дизайнер» заметит каждый, кто учил новое правописание в школе или готовился к НМТ. Младшая аудитория уже пишет слитно «из коробки»; старшая часть рынка — нет. Поэтому объявление «Ищем веб-дизайнера на веб-сайт интернет магазина» читается как коллаж из трёх эпох орфографии. Рекрутинг в креативе — это тоже интерфейс. Сломанный интерфейс отсеивает тех, кого вы как раз хотели нанять.

Резюме грешит другой болезнью: смесью латиницы, кириллицы и капслока. «WEB DESIGNER / Веб-Дизайнер / UI UX» в одной строке выглядит не как мультилингвальность, а как несведённые стили. Выберите один главный язык документа. Украинским это: «Вебдизайнер, UI/UX-дизайнер». Английским отдельный файл: «Web designer». Не сшивайте их через слэш в шапке, будто это два цвета в одном логотипе без гайдлайна. В блоке навыков пишите «вебдизайн, прототипування, адаптивна верстка», а не «web-дизайн, прототипирование».

Бриф и договор — третья мина. Юристы любят кальки, дизайнеры любят сленг, и посередине рождается «об’єкт веб-дизайну інтернет сайту Замовника». Вычитка здесь — часть услуги, не мелочь. Замените на «об’єкт: вебдизайн і верстка вебсайту Замовника». Короче, чище, без трёх орфографических дыр. Если клиент в своём брендбуке до сих пор держит «Веб-Сайт» как торговое написание, зафиксируйте это как исключение для логотипа, а не как правило для всех текстов проекта.

Учебные работы и дипломы проверяют придирчивее лендинга кофейни. Преподаватель, который ставит «неудовлетворительно» за «проект» через е, так же вправе снять балл за «веб-дизайн». Для НМТ и университетских курсов ориентир один: действующая редакция 2019 года. Википедия на украинском уже несколько лет ведёт статью под названием «Вебдизайн» и последовательно употребляет вебсайт, вебстраница, веброзробка, вебпрограммист — удобный живой образец, не идеальный во всём, но честный относительно слитного написания.

Словари отстают, вакансии ещё нет — как не сорваться

Открываете slovnyk.ua или «Горох» по запросу «веб-дизайн» — и видите дефис в шапке склонения. Рука слабеет: «ну вот, словарь же». Многие картотеки до сих пор тянут леммы из корпусов 2000-х и не переписали заголовок статьи. Это не новая норма, это инерция базы. Надёжнее сверяться с текстом правописания и с академическими разъяснениями, где прямо стоят вебстраница, вебадрес, вебдизайнер. Если словарь противоречит правописанию — побеждает правописание. Словарь подтянется, как подтягивается устаревший UI-kit после редизайна.

Автопроверка в Google Docs, Microsoft Word и даже некоторые украинские расширения тоже могут подчеркнуть «вебдизайн» как ошибку. Это не приговор, это словарь проверки, собранный вчера. Добавьте слово в собственный словарь раз — и красная волна исчезнет. Хуже, когда проверка молча проглатывает «веб-дизайн» как правильное: тогда ошибка маскируется под «так захотел редактор». Поэтому на критических текстах я держу короткий собственный гайдлайн студии на одну страницу, а не полагаюсь на волнистое подчёркивание.

Медиа тоже расколоты. Одни редакции уже в 2024–2025 годах объясняли «вебсайт слитно, интернет-магазин через дефис» на первых полосах. Другие до сих пор выносят в заголовок «веб-дизайн» и даже не из принципиальности, а из старого шаблона CMS. Читать прессу как оракул орфографии не стоит. Читать прессу как зеркало привычки — стоит: вы видите, насколько рынок ещё не переехал, и можете выехать раньше. В дизайне ранняя норма — это конкурентное преимущество, не педантизм.

Есть ещё политический слой, тонкий, но живой. После 2022 года украинский в интерфейсах и в рабочих чатах стал вопросом достоинства, а не только «локализации для UA». Писать по действующему правописанию в этой атмосфере — элементарная гигиена продукта. Это не пафос. Это тот же жест, что контраст 4.5:1 в тексте: никто не аплодирует, пока его нет, и все замечают, когда он исчезает.

Вопросы, которые мне задают на курсах и в чатах

Вебдизайн или веб-дизайн — как правильно в 2026 году? Правильно слитно: вебдизайн. Дефисная форма — наследство старых словарей и соседних языков, она больше не соответствует действующей редакции правописания. В заголовке вакансии, в дипломе и на визитке ставьте слитый вариант.

Почему тогда «интернет-магазин» пишется через дефис? Потому что інтернет — самостоятельное существительное, а веб в составе этих слов — нет. Два полноценных существительных клеим чёрточкой; префиксоид со вторым корнем пишем слитно. Это разные правила, а не исключение «для интернета».

Как писать UI UX в названии должности? Чище всего — UI/UX-дизайнер или отдельно UI-дизайнер и UX-дизайнер. Аббревиатура требует дефиса перед украинским словом. Вариант без чёрточки «UI UX дизайнер» выглядит как набор тегов, а не как название профессии.

Можно ли в резюме оставить английское web design? В англоязычном файле — да, это нормальный английский, два слова без дефиса. В украинском файле латиница в шапке допустима как дубль, но основное название профессии должно быть украинским: вебдизайнер. Не смешивайте «web-дизайнер» через дефис и две азбуки.

Словарь подчёркивает «вебсайт» как ошибку. Кому верить? Правописанию. Многие электронные словари ещё не обновили заголовки статей. Добавьте слово в собственный словарь проверки и сверяйтесь с официальным изданием «Наукової думки» 2019 года, а не с волнистым подчёркиванием в Docs.

Вебдизайнерка — это нормально? Да. Женские названия профессий в украинском нормативны и всё чаще стоят в вакансиях. Склоняйте как обычное существительное на -ка: вебдизайнерки, вебдизайнерці, з вебдизайнеркою.

Советы из мастерской редактора

• Заведите в студии одностраничный глоссарий с пятью столбцами: термин, правильно, неправильно, пример предложения, где употребляем. Новичок закрывает 80 % сомнений за минуту, не тегая копирайтера в Slack в полночь.
• Вычищайте дефис не «вообще», а пакетом: шаблон КП, футер сайта, страница «О нас», поля ATS, баннеры вакансий, подписи в LinkedIn. Одна пропущенная страница снова разносит старую форму по интернету.
• В Figma-макетах украинские строки проверяйте так же, как контраст: отдельным проходом перед хендофом. Кнопка «Замовити веб-дизайн» на герое — это уже не орфография в документе, это баг интерфейса.
• Для клиентских текстов держите запас украинских соответствий: посадкова сторінка, зручність користування, користувацький інтерфейс, вебсайт. Англицизм оставляйте там, где без него теряется точность для профессиональной аудитории.
• Не бойтесь женских форм и не придумывайте жаргонных. Вебдизайнерка, проєктна менеджерка, ілюстраторка — это норма, а не «политика». «Дизайнерша» в коммерческом предложении — уже тон, который испортит даже идеальный кернинг.

Распространённые ошибки, за которые потом стыдно в портфолио

Ниже — не абстрактный «топ грехов», а формулировки, которые реально вылезают в брифах, на Dribbble в подписях и в резюме. У каждой есть причина, почему так делать не стоит.

• Веб-дизайн через дефис. Выглядит «как всегда», но противоречит действующей норме. Рекрутер, который сам писал НМТ, считывает это как невнимание к деталям — худший комплимент для человека, чья работа и есть внимание к деталям.
• Веб дизайн раздельно, с пробелом. Это уже не орфография сложного слова, а развал на два. В заголовке H1 такой пробел работает как дыра в сетке: глаз спотыкается, смысл «отрасль» растворяется.
• Веб-Дизайн с двух больших. Английский Title Case, перенесённый на украинское слово. У нас заголовки не капитализируют каждый корень. Пишем «Вебдизайн» в начале предложения и «вебдизайн» в середине.
• Web-дизайн через две азбуки. Гибрид «для международности» читается как недоделанный перевод. Либо полностью по-английски, либо полностью по-украински.
• Интернет магазин без дефиса. Здесь чёрточка как раз нужна. Убрав её «по аналогии с вебсайтом», вы применили правильное правило не к тому слову.
• Он-лайн с внутренним дефисом и онлайнкурс слитно. Первое устарело, второе слепило два разных слова. Держите: онлайн; онлайн-курс; курс онлайн.
• Проект через е. Правописание 2019-го дало проєкт. В паре с «веб-дизайн» это выдаёт текст, который никто не вычитывал после 2018 года.
• Юзабилити-тест без нужды в тексте для бабушки из аптеки. Англицизм не ошибка в профессиональном отчёте, но в интерфейсе государственной услуги он ставит барьер. Там лучше «проверка удобства».

Эти ошибки редко живут по одной. В большинстве случаев они ходят стаей: дефис, «проект», «он-лайн» и капслок в «UI UX». Исправьте одну — и рука уже видит остальное, как после того, как выровняли первый текстовый блок и вдруг заметили, что все отступы «дышат» криво.

Чек-лист перед публикацией текста о вебдизайне

Пройдитесь этим списком перед тем, как отдавать лендинг, вакансию или кейс. Это более быстрый аудит, чем полная вычитка, и он ловит 9 из 10 орфографических дыр именно в этой теме.

1. Все слова с частицей веб перед обычным корнем написаны слитно: вебдизайн, вебдизайнер, вебсайт, вебстраница, веброзробка, вебзастосунок.
2. Слова с інтернет + существительное имеют дефис: інтернет-магазин, інтернет-банкінг, інтернет-проєкт.
3. Онлайн и офлайн сами по себе слитно; перед существительным — дефис; после существительного — раздельно, без чёрточки.
4. Аббревиатуры стыкуются через дефис: UI-дизайн, UX-исследование, веб-API, HTML-вёрстка.
5. Падежи на месте: вебдизайну, вебдизайнера, на вебсайті, у веброзробці. Нет «вебдизайна» и «веб дизайнеру».
6. В документе одна система: либо «Figma» латиницей везде, либо «Фігма» везде. Названия сервисов без родового слова — с маленькой, если вы их украинизируете: ютуб, фейсбук.
7. «Проєкт» через є, «інтернет» с маленькой внутри предложения, нет «он-лайн» и «е-мейл».
8. Нет смеси «вебсайт» в первом абзаце и «веб-сайт» в третьем. Согласованность важнее идеального исключения.

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

Мини-кейс: как дефис едва не стоил студии тендера

В нашей практике мы сталкивались со случаем, когда продуктовая студия из Киева подавалась на редизайн кабинета городской услуги. Коммерческое предложение собирали ночью из старого шаблона 2017 года. На обложке стояло «Концепция веб-дизайна», в содержании — «веб дизайн кабинета», в смете — «web-дизайн, 4 экрана». Три формы одного слова на восьми страницах. Тендерная комиссия формально оценивала опыт и смету, но в письменной обратной связи после поражения появилась фраза, которую менеджерка потом пересказывала с глазами в пол: «документация производила впечатление небрежной».

Мы тогда сели не с «уроком украинского», а с тем же аудитом, что и для UI: найти все инстансы компонента и заменить мастер-компонент. Шаблон КП, шаблон договора, подписи в письмах, страница команды, 12 открытых вакансий. После этого новое предложение для другого города уже имело «вебдизайн кабинета услуги», «4 экрана вебсайта», «UX-исследование». Тендер выиграли. Никто в комиссии не написал «спасибо за слитное написание». Просто текст перестал выглядеть собранным из трёх черновиков. Иногда орфография — это лишь аккуратный автолейаут для слов.

Ключевые инсайты

• Действующая норма с 30 мая 2019 года: частица веб- в сложных словах пишется слитно, поэтому правильно — вебдизайн, вебдизайнер, вебсайт, вебстраница.
• Інтернет как самостоятельное существительное даёт дефис: інтернет-магазин. Это другое правило, а не противоречие.
• С аббревиатурой или собственным именем чёрточка возвращается: веб-API, UI-дизайн, UX-дизайнер.
• Онлайн слитно; онлайн-курс через дефис; курс онлайн — раздельно. «Он-лайн» уже не живёт.
• Словарные карточки и автопроверка часто отстают от правописания. Эталон — официальное издание «Наукової думки» 2019 года, не красное подчёркивание в Docs.
• В резюме, вакансии и брифе согласованность важнее разовой «правильной» строки: одна форма на всех страницах, как один мастер-компонент кнопки.

Орфография вебдизайна — не отдельная наука для отличников, а часть ремесла, рядом с сеткой, контрастом и подписью кнопки. Слово, написанное по действующей норме, исчезает из сознания читателя и оставляет место для смысла: для сценария, для оффера, для доверия к студии. Слово с дефисом 2004 года, наоборот, вылезает на первый план, как невыровненный блок в герое. Держите глоссарий, вычищайте шаблоны, не ссорьтесь со словарём в комментариях — просто обновите компонент. И дальше уже можно спорить о кернинге, а не о чёрточке между «веб» и «дизайн».