Front-end разработчик обязан уметь верстать в разных программах?

Question

[Alexey]

Некоторые макеты есть только для photoshop (.psd) а некоторые для фигмы (.sketch)
Я должен иметь 2 программы, уметь пользоваться обоими для верстки макетов?
Или как вообще быть, сейчас открыл видео верстка для новичков, тут человек верстает в photoshop
А у меня Figma, как быть? Конвертировать .psd в .sketch не очень идея, да и не люблю костыли

Comments

[Ankhena]

Фигма и Скетч это две разные вещи, не надо путать.

Вы можете отказываться работать с дизайнами в psd. Вас же не заставляют.
Ваш личный выбор.
Сейчас все больше и больше дизайнеров используют Фигму.

Верстальщик никому ничего не обязан до тех пор, пока не подписал договор и не взял проект в работу.
Хороший верстальщик может достойно сверстать что угодно и откуда угодно, хоть из jpg.

[Сергей delphinpro]

Ankhena,

Вы можете отказываться работать с дизайнами в psd. Вас же не заставляют.

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

[Ankhena]

Сергей delphinpro, это, конечно. Ещё олин аргумент для првышения своего уровня.

[Сергей delphinpro]

разработчик обязан уметь верстать в разных программах?

Верстать можно в одной программе – вашем любимом редакторе кода или IDE.
А в фотошопах и фигмах не верстают =) В них рисуют. А фронтэндеру достаточно просто уметь открывать эти программы и вытаскивать из них необходимые ассеты и тексты.
В фигме это делается максимально просто – выделил объект и на правой панели скопировал параметры или сохранил картинку/иконку. В фотошопе и иллюстраторе чуть замороченнее, но тоже не особо сложно. Освоить эти навыки можно за пару-тройку вечеров.

Answer 1

[iBird Rose]

я тебе больше скажу. остались еще дизайнеры, которые делают макеты в Corel)

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

Comments

[Alexey]

Можете подсказать что такое ассеты?

[Froggyweb]

Alexey,

что такое ассеты?

это используемые ресурсы картинка, иконка шрифт и пр...
заморачиваться не надо. нужно научиться просто верстать. Основной приоритет - figma. Пока освоишь верстку Photoshop может вообще уйти из веб, может что-то новое появится :)

[Alexey]

Froggyweb, сомневаюсь что за 1 месяц что-то новое появиться

[Роман Дворянов]

Встречал еще макеты в illustrator, фигма топчик)

Answer 2

[alexalexes]

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