Jump to content

Верстаем отдаем, советы никому не раздаем.


advokatua
 Share

Recommended Posts

Хотелось бы услышать советы от опытных фрилансеров (если таковые имеются) насчет выполнения заказов по верстке.

 

Стадия 1. Суть проблемы такая. Дизайнер рисует кривой (или чуть-чуть кривой) макет и отдает заказчику. Заказчику все вроде как нравится или не все, но в целом большая часть работы его устраивает и полагает, что диз свое бабло отработал. Отдает ему деньги и пока-пока.

 

Стадия 2. Заказчик берет этот макет и идет на биржу искать верстальщика, который все это дело хорошенько заверстает. Пишет в описании работы, что ему нужна качественная, валидная, супермега-кроссбраузерная верстка под все браузеры, включая IE с версии 95 года и выше. Дополнительно указывается чтобы исполнитель был супер профи, придирчив к мелочам, и не просто сверстал, а возможно бы и дал совет по улучшению и т.д. т.п. И где-то тут всплывает основной камень преткновения.

 

Исполнитель с хорошим опытом и кучей положительных отзывов выбран. После верстки обещает 99.999% совпадение с PSD макетом. Он берет этот макет, допустим как на картинке ниже, и видит такую хрень:

1, 5) Нижнее подчеркивание у заголовков по-разному отступает у колонок.

2) Нижний <hr> обоих колонок находится на 2 пикселя выше, чем точно такой же вверху (с обоих сторон). 

3) Из-за (1) и (5) текст выезжает из колонки на пару пикселей. Собственно из-за этого проблемы могут бы со всем остальным содержимым (4).

 

uta.jpg

 

И встает вопрос что ему делать. Исправлять этот шабаш, на который он вовсе не нанимался или же верстать как есть? Если заказчик умеет пользоваться тулзой ПиксельПерфект, то ему не составит труда на выходе сверить исходный макет с тем, что получилось и он явно заметит далеко не 99.999% сходство, особенно когда кривостей не 1 и не 2. Получается при подобных правках, особенно когда что-то реально криво висит, исполнитель обязан информировать заказчика и тратить время на исправления косяков предыдущей инстанции. А нужно ли нам это и правильно ли это? Ведь если ты хочешь сделать все действительно хорошо, то ты должен быть не только верстальщиком, а еще и менеджером, который умеет быстро и хорошо объясняться.

 

При всем при том, если заказчик не совсем в теме или какой-нибудь там советской закалки, то у него может сложится вовсе отрицательное мнение о компетенции верстальщика, если он выдаст листинг подобных замечаний . Кто-то спросит почему? Да потому что некоторые могут считать, что верстальщик это гастарбайтер который берет кирпич и ставит его так, чтобы в итоге все получилось ровно как на картинке, а потому с какого перепугу этот гастарбайтер должен хорошо разбираться в дизайне и в добавок иметь наглость оспаривать какие-то моменты?

 

PS Видел сегодня условия что-то вроде:"нужен верстальщик, для которого верстка это основная специальность. Человек оркестр нас не интересует." Вот и выходит, что если даже в макете что-то будет действительно криво, то стоит ли брыкаться и становится человеком оркестром?

Edited by advokatua
Link to comment
Share on other sites

Хотелось бы услышать советы от опытных фрилансеров (если таковые имеются)

смотря кого считать опытным :)

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

 

Допустим, у заголовков разные отступы, я заказчику так и говорю, что они отличаются. Задаю вопрос: "надо один в один как на макете, или они должны быть одинаковы?". Желательно в письменном виде. И так по всем интересующим меня пунктам. И работать уже в соответствии с пожеланиями заказчика.

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

 

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

 

исполнитель обязан информировать заказчика

совершенно верно, чтобы не было разногласий. Остальное - по взаимной договоренности.

 

ты должен быть не только верстальщиком, а еще и менеджером, который умеет быстро и хорошо объясняться

на фрилансе без этого никак, это одна из особенностей :) И надо уметь себя показать, зарекомендовать, чтобы у заказчика не возникало сомнений в твоей профпригодности. Если слишком много разногласий, то лучше вовсе не браться за работу, а если начал - довести до логического конца и только после этого отказаться от дальнейшего сотрудничества.

  • Like 1
Link to comment
Share on other sites

PS Видел сегодня условия что-то вроде:"нужен верстальщик, для которого верстка это основная специальность. Человек оркестр нас не интересует

 

Неужели таковые еще где-то требуются? Куда ни глянь, везде обратная ситуация (вакансии на всяких джобах или задания для фрилансеров).

 

 

Link to comment
Share on other sites

смотря кого считать опытным

Имелось в виду, что человек работал на фрилансе и мог стыкаться с подобными вопросами/проблемами.

Благодарю за исчерпывающий ответ. 

 

Неужели таковые еще где-то требуются?

Дал бы ссылку, но что-то не могу уже найти. С утра видел. 

Edited by advokatua
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Mondeus
      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. 
      .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  

    • By Mix9
      есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 
      .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; } .video_text{ text-align: justify-all; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .slidan_videos{ margin: 0px 10px 0px 20px; overflow: auto; width: auto; margin-bottom: 50px; display: flex; flex-direction: row; justify-content: space-around; } <div class="content"> <div class = slidan_videos> <div class = video> <div> <a href = 'ссылка'><img class="img" src=""картинка"></a> </div> <div class = video_button_text> <div class = avatarka_div> <a href="ссылка" target="_blank"><img class = avatarka src="картинка"></a> </div> <div class = video_text_div> <p class = video_text><a href="ссылка">текст</a></p> </div> </div> </div>
    • By Andy_Code
      Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)
    • By vladdvin
      Верстаю макет с Фигмы - https://www.figma.com/file/2rdy1qjBTl7D6BAC8S4qlf/Webovio?node-id=0%3A1. Наверстал
      CSS
      В результате отображается следующая картинка

      в режиме инструментов разработчика. А вне режима вообще отображает

      Подскажите как добиться отображения текста как на макете.
    • By RaiderCoder
      Здравствуйте , сделал макет сайта для интернет магазина . Но столкнулся с проблемой при верстке кнопок на главной странице и не нашел информации как можно уместить текст + несколько картинок в одну кнопку. Знает кто решение и реалезуемо оно вообще ?

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy