PSD to HTML — как это делают?

Question

[goodknight]

Здравствуйте. В последнее время очень много вижу заказов на PSD to HTML верстку.
И заказы-то эти от 5 до 40$, от 1 до 20 страниц. Причем не за страницу 5$, а за целый "сайт".
В общем, очень маленькие цены.
Я не очень знаком с такого вида работой и занимаюсь немного другим, но, меня интересует вопрос.

Что используют те люди, что откликаются на подобные заказы, разве есть какие-то хоть чуть-чуть качественные и валидные утилиты для такого вида деятельности? Я погуглил, мне очень некачественный код выдало.
Руками пишут? С моей колокольни, это единственный способ, по которому можно такие заказы выполнять качественно. Но ведь это долго, учитывая, что сейчас хотят заказчики, там просто десятки пунктов почти в каждом из job posting.
Но ведь руками верстать это долго, это тяжело и совсем не тянет на 5$ за одну страничку.

Так вот, собственно, подкиньте немного инсайда, как этот процесс исполняется. Потому что я что-то в ступоре.

На Stackoverflow нашел самый заплюсованный ответ, что это делается руками
Но как же тогда исполнители берут так мало денег?

Спасибо.

Может, есть что-то, что немного упрощает процесс разработки руками? Ну кроме фреймворков.

Answer 1

[lnked]

5$ очень низкая цена, за 5 баксов я бы максимум сверастал второстепенную типовую страницу

Очень помогает в работе:
https://projectparfait.adobe.com/
Sublime Text + emmet

Answer 2

[Pavel K]

Заказал как-то раз за 10$ верстку одной странички.
В итоге - большая половина это вырезанные из макета блоки, расставленные по своим местам картинками с position: absolute;
Код не читаем полностью, как-будто шаблоны выдирали из разных мест.
Никаких html5 и css3, хотя для облегчение в тз это было указано.

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

Comments

[lnked]

надо понимать что качественную верстку за 5 - 10 баксов не закажешь)

[sapp]

Любопытно. А я как раз по 300р за страницу несколько раз заказывал вёрстку и получал довольно неплохой результат. Я полагал, что 300-500р это и есть нормальная расценка за вёрстку, нет? :))
А какие сейчас цены, просветите, пожалуйста? Как раз учу человечка верстать, будет полезно сориентировать его по расценкам за такую работу.

[Pavel K]

Готов отдавать по 3000 за основную страницу, 1000 за остальные.

[sapp]

@PavelK отдавать? т.е. как заказчик? хорошие расценки!

[Pavel K]

Да. Спасибо :-)

[SergZay]

@PavelK Не сочтите за рекламу, если есть работа. Готов выполнить.

[Pavel K]

@SergZay можно глянуть Ваши работы?

[goodknight]

@SergZay summon banhammer :-)

[SergZay]

@PavelK Skype: Patron_slonenok. Напишите в личку скину.

Answer 3

[Алексей Лебедев]

Конкуренция большая))) Многие верстают с Украины и Белорусии. У них цены гораздо ниже.
Раньше я сам верстал, теперь часто отдаю фрилансерам.

Comments

[goodknight]

Я про одеск.

[Сергей Протько]

5 баксов за 20 страниц? Даже беларусы будут гнушаться.

[CAMOKPYT]

@Fesor наверно все-таки 5 баксов за страницы, а но заказ сразу за 20 страниц итого 100 баксов, мало, но для большинства фрилансеров конечно большая сумма

[webus]

перевод страницы текста с русского на английский стоит от 1000 руб и выше. чем верстка хуже ? тот же перевод. 5 баксов за страницу это не за еду даже

[Lici]

Это не украинцы и белорусы, это индусы и селюки за такую цену работают.

[sapp]

@webus а где можно найти заказы на перевод с русского на английский по такой цене?

[webus]

@sapp у меня товарищ закончил инфак и вот только по такой цене делает переводы, не меньше

Answer 4

[Дмитрий Рихтер]

На сколько я знаю есть несколько способов:
1)банально берут PSD и разрезают его,после в самом фотошопе есть функция преобразовать в HTML и вуаля,сайт готов.После конечно еще можно поиграться что бы нормально все стояло.
2)С PSD вытягивают отдельные куски(допустим уже готовую кнопку в png/jpeg/bmp в каком угодно) формате и опять же кусками закидывают на сайт.Конечно это дольше чем первый способ,но намного эффективнее в плане красоты,если делают не криворукие,то все подогнать можно нормально.

Comments

[goodknight]

Т.е. голыми руками, например, в Tw Bootstrap, никто не делает? Сначала пользуются названными вами утилитами, а потом подгоняют под классы и селекторы нужного фреймворка?

[Дмитрий Рихтер]

Если ты работаешь с PSD,то единственный вариант который будет самый точный и целесообразный при написании ХОРОШЕГО сайта,это вытягивать от туда элементы по 1 и потом уже руками эти отдельные элементы подгонять.Других способов я лично не знаю)

[Дмитрий Рихтер]

Но опять же ,если так делать,то это займет тоже не мало времени...

Answer 5

[Tin Iven]

Я вот такую штуку видел - psd2htmlconverter.com/ru
Сам не верстальщик, не знаю насколько адекватный результат на выходе.
Но как минимум если такое существует - значит им кто-то пользуется.

Answer 6

[Tarlink]

В фотошопе нет функции преобразовать в html. Только руками делать надо. Для облегчения можно взять DreamWeaver, сделать там верстку и вставлять нарезанные из psd картинки. Может так быстрее будет.

Answer 7

[Singularity]

Годный детальный мануал
psd2cms.ru

Answer 8

[Денис]

От Adobe:
1) adobe.com/ru/products/muse.html
2) projectparfait.adobe.com

Answer 9

[il2il2]

3 года вопросу.
2021 г.: psd2html.portalit.ru
Не мгновенно и не адаптивно, но полезно. но работает.