На чем делают прототипы веб-страниц?

Question

[Whings39]

Всем физкульт-привет. - Собираюсь наняться поработать верстальщиком. Неплохо дружу с HTML-CSS-jQuery-Bootstrap. - При необходимости сам работаю в "шопе", но не люблю разбираться в чужих макетах PSD, поскольку 90% "дизайнеров" лепят слои как попало, про 12-тиколоночную вспомогательную сетку слышать не хотят, и в таких случаях сам черт потом ногу сломит, чтобы перевести такой макет из PSD в HTML-CSS. - Тем не менее, в требованиях и к будущим "кадровым" верстальщикам, и к фрилансерам на "аутсорс" работодатели почти поголовно требуют опыт "нарезки и натягивания" из PSD макетов. - Я, честно говоря, думал что эпоха такого подхода а-ля "Попов, Захаренко, Смольянинов" закончилась, и отрисовывать кнопочки с тенями и градиентами теперь в фотошопе необязательно . - Тогда что же это: тренд такой - использовать "шоп" как инструмент прототипирования UI или кадровики просто "гонят" по привычке? - На чем сейчас реально и массово делают прототипы будущих веб-страниц? - Чем сейчас для этих целей пользуются?

Answer 1

[Дмитрий Энтелис]

Что то у Вас все в одной куче.
Wireframe можно делать хоть на бумаге, мне лично нравится ninjamock.com
Прототипы (кликабельные картинки из дизайна, не путать с версткой) можно например делать в invisionapp.com

Но

опыт "нарезки и натягивания" из PSD макетов

это то, чем собственно и должен заниматься в моем понимании верстальщик - делать html код из PSD макетов.
Я бы насторожился при слове "натягивание" - это все таки обычно делает программист (но опять же не всегда).

Answer 2

[Максим Шайхалов]

Мне кажется, вы немного запутались с терминологией.

Прототипы (вайфреймы, мокапы) могут делаться, к примеру, на бумаге. Могут в специализированном софте (типа Axure). Некоторые дизайнеры накидывают прототипы из готового UI кита прямо в Фотошопе (порочный подход, по-моему).

Макеты же дизайна рисуются в Фотошопе т.к. это непризнанный отраслевой стандарт для дизайна сайтов. Ну и как же без отрисовки кнопочек? Естественно, можно сразу фигачить код, но, имхо, это более затратно.

Comments

[Rrooom]

Устаревший отраслевой стандарт для дизайна сайтов.

[Валентин]

А какой инструмент лучше подойдет для конвейерного создания дизайнов сайтов?

[Максим Шайхалов]

@Rrooom Стандарт, пока он принят и используется в отрасли, — не устарел. Устаревший стандарт — уже более неиспользуемый и замененный чем-то новым. Насколько знаю, объемы верстки из PSD пока не думают падать. Так что хоронить его пока рано.

@gephaest Короткий ответ — любой инструмент. Более длинный ответ зависит о того что вы подразумеваете под «конвейерным созданием»: для кого это клепать 300 сайтов без дизайна на шаблонах, для кого то делать по 10 лендингов в месяц.

[Валентин]

@p1xel Я имею ввиду для студии, в которой делаются не шаблонные сайты, но не по полгода на проект

[Whings39]

@Rrooom @gephaest Вот и второй реалист посреди сонма ретроградов... - Как в этой связи не привести пример относительно апологетов PHP фреймворков, не замечающих, что CMS решают 99.99% запросов клиентов... - Тоже всё по полгода проекты пилят и деньги вытягивают под предлогом "эксклюзивности"

[Максим Шайхалов]

@gephaest Честно говоря, я сомневаюсь что на шаблонных проектах заморачиваются с проектированием (прототипированием). Обычно сразу фигачат дизайн «наживую» т.к. есть готовые паттерны для шаблонных задач + всегда поджимают сроки.

[Валентин]

@p1xel я же написал НЕ :). Когда под каждый проект рисуется новый дизайн.

[Максим Шайхалов]

@gephaest Я так и ответил =) Там роляют стандартные решения для стандартных задач. Под каждый проект свой дизайн, обычно в Фотошопе. Но дизайн — это всего лишь «шкурка». В итоге проекты работают по одной модели, но выглядят по-разному.

Answer 3

[Whings39]

@Rrooom Вот, и мне не нравится, что до сих пор из клиента выбиваются деньги на столь затратный процесс, как PSD -> HTML (если, конечно, не тяп-ляп к нему относиться) в условиях, когда в общем и целом в инете все уже давно "отдизайнено" и сверстано. - Мы видим в сети на 99.99% форки существующих версток. - Так давайте же честно себе признаемся, что мы все-таки форкаем и перестанем относиться к каждой новой верстке как к "дню сурка" или "грани реальности" или "на колу мочало, начинай сначала" (что кому больше нравится). - Есть тут кто-то, кто поделится опытом вполне себе приличной конвейерной верстки?

Answer 4

[Alex S]

я сам недавно относительно начал погружаться на глубину скиллов верстальщика и как потомственный админ много думал что ведь в наш век должны быть технологии которые рутину уберут из жизни. И оказалось что яндекс давно топает путём инноваторов и сделали вот такую штуку БЭМ которую ещё надо освоить. как я понял из описаний технологии то можно семимильными шагами колбасить шаблоны пачками. но вот про то откуда макет дизайна берётся пока недочиталк сожалению потому не подскажу. но наверное из того же PSD.

Answer 5

[Дмитрий Б]

AxureRP отличный инструмент для создания прототипов