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

Сначала, необходимо хорошо понимать, какая будет конечная ширина сайта. Если сайт должен быть отзывчивым, то можно создать несколько psd-макетов для каждой из разрешений экрана. Важно помнить о ширине контейнера, если вы верстаете на Bootstrap, то ширина контейнера может отличаться.

Вторым важным шагом является правильный выбор цветовой палитры. В psd-макете может быть множество оттенков только одного цвета, все они похожи, но отличаются светлотой или насыщенностью. В таком случае, необходимо избавиться от «лишних» оттенков и оставить только те, которые будут использоваться в дальнейшем при верстке. Также, необходимо выделить все иконки и изображения, из которых будут составлены спрайты.

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

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

На этом этапе можно считать psd-макет нарезанным и готовым к использованию при верстке. Не забывайте, что правильно нарезанный макет – это уже половина пути к успешной верстке сайта, поэтому не торопитесь и тщательно подготовьтесь к этому этапу. Удачи в верстке вашего онлайн магазина!