Вопрос тем, кому нужен сайт
Коллеги, я тут обнаружила, что под вёрсткой страниц сайта разные люди понимают разное, зачастую противоположное.
Не заглядывая в чужие ответы, напишите, пожалуйста:
1) что вы понимание под вёрсткой?
2) кто делает вёрстку, если нет отдельного верстальщика?
3)есть ли у вас опыт заказа такой услуги?
4) ждете ли вы от дизайнера, что он сделает вёрстку?
Зы. Всем заказчикам сайтов и исполнителям посвещается)
Автор вопроса: Elena Kovarskaya
Верстка – перевод PSD в HTML+CSS+JS, с адаптацией под различные устройства. Натягивание этого HTML на конкретный движок – больше программирование, потому что нужно четко понимать структуру базы данных, переменные, API и особенности работы CMS.
Некоторые граматеи и хопхоп специалисты считают, что верстка – это умение работать в конструкторах tilda, lpmotor, lpgenerator, bitrix24. Это не верстка, это создание сайта на конструкторе.
Сергей Болдырев вот меня всегда очень удивляло, когда я говорила, что занимаюсь версткой, а в ответ меня спрашивали, на каких конструкторах я работаю.
Но после того, как такие вопросы стали слишком часто повторяться, я-таки освоила несколько конструкторов, чтобы не казаться совсем уж динозавром.
Мне, как верстальщику, тоже интересно, кто же делает верстку все-таки?
Я лично под версткой понимаю превращение дизайн-макета страницы в рабочий сайт с помощью кода HTML, CSS и JS.
А все прочее – это только сборка блоков на конструкторах.
Elizaveta Burechovich а если используется,фреймворк, это верстка или нет?
Слишком много “прочего”: и программирование модулей, например, подключение 1с, онлайн кассы, защиты от спамеров, + наполнение контентом, гарантийная поддержка. Это точно не сборка блоков на конструкторе.
Виктор Охримчук но это уже и не верстка. А вопрос был про верстку все-таки.
Elizaveta Burechovich об этом и речь, что всё мною перечисленное тоже могут считать за верстку.
Ведь верстка сайта на тильде чаще подразумевает – полностью готовый сайт.
Есть верстка макета – её делает дизайнер.
Есть верстка страницы – её делает верстальщик
Антон Церяпкин есть нюанс, под версткой макета могут подразумевать верстку уже готового макета.
Виктор Охримчук задать наводящие вопросы и понять суть никто не мешает
Верстальщик получает на входе макеты дизайна из фотошопа или из фигмы + техзадание, а на выходе даёт набор файлов html / css / javascript / картинки / иконки, которые корректно отображают этот дизайн в разных браузерах и разных устройствах, верстальщик добавляет анимационные эффекты, отлаживает взаимодействие пользователя с элементами интерфейса (закладки, модальные окна, стрелочки, галереи, скроллы и так далее). НО в веб-верстку не входит программирование взаимодействия с базой данных, бизнес-логика, какие-то процессы со стороны сервера. Это уже бэкенд разработка. Вёрстку может сделать full-stack веб-разработчик. Иногда бывают и дизайнеры, которые помогают сверстать, но это редкость. И есть на рынке zero-code решения, в частности от Adobe, которые помогают сверстать визуально. ВОобще мощный тренд на zero-code сейчас.
спасибо! Прям крутой ответ!
Глеб Лепешкин совпало с вашим видением?
Елена Коварская да
Глеб Лепешкин а почему вы тогда про нарезку и дизайнера мне написали выше?
Елена Коварская у меня дизайнер этим занимался) могут быть и такие случаи
Глеб Лепешкин да, я не написал, обычно макеты нарезает верстальщик, ему просто больше понятно где какие блоки, каких размеров. Не совсем это дизайнерская задача)
Anton Budko как раз у меня дизайнер это делал (но это не правило)
За что люди любят Tilda, WordPress с его визуальными конструкторами и схожие решения – они снимают дичайший головняк с этой версткой, и позволяют для бизнеса собирать решения очень быстро.
Вёрстка – техническая работа. Верстальщик как не был автором книг и иллюстратором, так и сейчас – не дизайнер и не копирайтер.
Хороший пост
, на самом деле. Каждый второй заказчик до сих пор не видит разницы между: дизайнером, верстальщиком и программистом. Некоторые и между копирайтером и дизайнером
. Ещё ведь бывает верстальщик в полиграфии. И там сверстать макет немного другая работа. А веб верстальщик собирает сайт из дизайна, по кусочкам. Режет макет в фотошопе, например. А дальше кодирует каждый элемент. В итоге получается страница. Я учила 6 месяцев сама вёрстку, все эти манипуляции делала с лендингами и сайтами немного. Даже натягивала на движок для тренировки. Но это отдельная тема). Инструмент верстальщика – код, но объяснить действительно сложно. Есть на рынке многоликие люди, которые изучили разные направления и совмещают в работе. Но к качеству обычно вопросики.
Тут мало заказчиков отметились, поэтому скажу, что я вижу по продающим диалогам, когда речь идёт о дизайнерах.
1) Многие заказчики ожидают, что вёрсткой займётся дизайнер.
2) Тот факт, что дизайнер её не делает – это может быть основание для отказа от покупки его услуг.
Елена Коварская тут проблема в том, что заказчику неудобно сначала заказать дизайн в одном месте, а потом искать другого исполнителя, верстальщика. Удобнее сделать в одном агентстве/у одного фрилансера. Тем более, если человек не разбирается глубоко во всей этой каше.
И при определенных запросах (исходя из цели и функционала сайта) иногда вполне подойдет Тильда, где дизайнер и соберет (сверстает) свой дизайн в конструкторе.
И даже верстка — понятие растяжимое. Я в Вордпресс, например, могу что-нибудь закинуть не слишком заумное))), если сайт на чистом коде, то не лезу.
В общем и в целом вы хороший вопрос подняли. Каждый подразумевает что-то свое, путается в терминологии, которая не приведена к общему знаменателю. Отсюда и непонимание ху из ху))
Елена Коварская Бывает хуже. На днях клиент у дизайнера запросил услуги по копирайтингу
Заказчик: для меня верстка это 1) дизайнер сверстал в фигме внешний вид 2) программист собрал из этого с помощью всего, что он умеет, страницу. То есть мы должны сверстать дизайн, а программист сверстает страницу на основе тз дизайна
Ольга Нечаева многие заказчики не догадываются, что верстальщик – это скорее программист, чем дизайнер
Elena Kovarskaya Ну я до первого сайта тоже думала, что программисты дизайн делают. Теперь знаю, что нет. Но у меня сайты не на конструкторах
Многие думают, что программист и верстальщик это один многорукий человек)
1) нарезку верстальщиком дизайна, сделанного в люстре или фотошопе
2) может и дизайнер. +верстальщик
3) есть
Глеб Лепешкин что значит нарезку?
Елена Коварская разделение графики на блоки
Глеб Лепешкин спасибо за ответ
Лусше программисту дать, чем дизайнеру. Дизайнеры, как правило, плохие верстальщики
Граница между дизайнером и верстальщиком действительно постепенно стирается, потому что конструкторы стали настолько многофункциональными, что дизайнер может самостоятельно сделать полностью готовый сайт с анимацией, формами заявки, CRM и всем прочим. Именно поэтому клиенту гораздо проще обратиться к тому, кто сделает все и сразу, а не искать себе отдельно дизайнера, верстальщика и программиста. Другое дело, что к сожалению, конструктор освоить настолько просто, что сейчас просто засилье стандартных шаблонных “продающих лендингов” от “гуру маркетинга”, а действительно классных дизайнеров надо поискать.
Верстка – это форматирование заданного материала (тексты, картинки, видео) в соответствии с дизайном, средствами HTML и CSS. Соответствие с дизайном должно быть на разных разрешениях монитора.
Если нет отдельного верстальщика то верстку делает FrontEnd инженер. Если и его нет то FullStack инженер. Если и его нет, то тот – кто вам пишет сайт.
У меня богатый опыт со стороны исполнителя.
Дай бог, чтобы дизайнер разнес дизайн по слоям и объектам, а не предоставил все в формате jpg.
Серж Халиф “Дай бог, чтобы дизайнер разнес дизайн по слоям и объектам, а не предоставил все в формате jpg.” – ничего себе, у вас и такое бывало?!
1. Вёрстка – это создание веб-страниц с использованием HTML, CSS или JavaScript на основе макета.
2. Если речь не о конструкторах, то вёрстку делает верстальщик. Дизайнер создаёт только макет.
3. Нет.
4. Не жду.
Я верстаю лендинги на Геткурсе.
Эксперт даёт готовые тексты для разных блоков. Примерно пишет, где какая картинка (фото).
Я подбираю стандартные блоки под готовые тексты, програмирую и видоизменяю все с помощью css/html/js кода, потому как стандартные блоки в ГК очень “рогатенькие”. Это, если без дизайнера.
Если с дизайнером, то он делает полностью готовый макет, например, в Фигме по ТЗ эксперта, а я переношу в ГК, также, используя коды
Светлана Лобачева это сборкой лендинга называется. Верстается макет.
1) Я была уверена, что вёрстка это размещение элементов на сайте путем их двигания в разные стороны, ну как картинки мы двигаем мышкой
2) также была уверена, что кроме верстальщика, это делают дизайнеры, ведь речь о визуальной красоте
3)опыта заказа нет
Елена Коварская если в конструкторе сайтов , то примерно так и есть
Этот этап дизайн называется, в фотошопе или фигме это делают.
А потом верстают.
Я говорю, что делаю верстку. Проще говоря, это просто техническая сборка. Дизайн лежит на дизайнере, тексты на копирайтере, смыслы, воронка на маркетологе и т.д.
Ого, ну такого ещё не было… Как можно от дизайнера верску требовать? А от стоматолога не просите аппендицит удалить?
Alena Friedman я сегодня услышала, что дизайнер еще за контекстную рекламу отвечает, так что уж за верстку сам бог велел: онжедизайнер!
Мне как-то пришёл запрос “сверстать интернет магазин”.
Оказалось, что под вёрсткой имелось ввиду и дизайн, и программная настройка, и наполнение )
Сергей Семенов что?
Елена Коварская
Сори.
Вёрстка – это, когда есть дизайн и на его основе создаётся страница в сайте. Делает это верстальщик. В зависимости от сложности выдуманной красоты, можно либо взять готовые блоки конструктора, либо писать что-то с нуля. Но писать рекомендуется всё-таки сложные технологически элементы, а простую вёрстку лучше делать на конструкторе с адаптивом.
Елена Буланова а если нет верстальщика, то кто делает?
Елена Коварская То тот, кто умеет. Контент-менеджер иногда, иногда дизайнер, иногда сам владелец. Иногда ребёнок владельца, такое тоже наблюдала у клиентов своих
Тут же зависит от того, кто есть. Но должен верстальщик
Понимаю вёрстку как – заказчик говорит какие страницы/кнопки нужны, спец их располагает в нужном месте.
Катерина Стергиадис а ответь по пунктам)
Это дизайнер делает и называется дизайном.
У меня понимание верстки из опыта работы редактором газеты. Наш верстальщик переносил наши тексты и фото в макет и помогал нам не сойти с ума, сохраняя все, что не хотело влезать. Сейчас верстка для меня – размещение на сайте текстов и фото в рамках шаблона. С вариациями по оформлению. Все проекты практически на Тильде. + у верстки есть свои законы читабельности, правильности переносов и проч.
1) Перевод дизайна в html и css
2) Тот, кто это умеет профессионально
3) Да
4) Нет, если он не верстальщик, и да – если был договор и на верстку.
Потенциальные заказчики сайта, пишите, а? Покажите, как все в вашей голове устроено?
Вёрстка – это этап разработки сайта водопадом.
1. Верстка – это перевод макета из картинки в язык гипертекстовой разметки html
2. Иногда дизайнер умеет верстать, иногда – программист
3. Заказываем даже при наличии штатного верстальщика, когда перебор с проектами
4. Дизайнер должен понимать, как верстается макет, но верстка – это отдельная специализация, верстать должен верстальщик
Все ИМХО.
1. веб верстка это однозначно написание кода по макету (или по картинке).
Но есть нюансы, сейчас есть ну как минимум ТРИ техники верстки, в зависимости от того, что именно надо сверстать, и для каких целей.
Скажем, верстка сервиса типа гмейл, и верстка лендинга, это две большие разницы.
2. ну это нехороший подход, лучше не смешивать, но в принципе фронты и юиксеры верстают сами, иногда дизы, но это даже более неправильно чем программисту верстать.
3. ну не совсем заказ. Я неоднократно давал задание штатному верстальщику или фрилансеру, который у нас на тот момент работал.
В смысле я не занимался денежными вопросами, просто перенаправлял таски по верстке на человека, с которым ранее договорились, это очень эффективно.
4. категорически, нет. максимум чего жду, что дизайн будет пригоден под веб верстку, там например не нужно будет что-то изобретать с диагональными линиями.
– Ну просто очень много мне попадалось верстки от полиграфистов, которую либо ломать приходилось, либо верстать под фиксированное разрешение.
Пошло от ручной html вёрстки. Но сейчас парадигма сильно изменилась. Как говорится, дьявол в деталях, а профессионализм в терминах.
Я пока ответы не комментирую по существу, но вы уже можете увидеть громадный разрыв в них)
Это очень интересный феномен.