Что должен знать веб-дизайнер для того, чтоб максимально облегчить задачу верстальщикам?
0) GRID! - это первое и незыблемое правило слаженной работы дизайнера и верстальщика. Если в макете присутствует сетка 50% вопросов решается. 
1) Основы HTML CSS. Чтобы дизайнер понимал поведение элементов на странице. 
2) Проблемы рендеринга браузеров и проблему идентичности пикселя. Опять же образно. 
3) Понимание mobile-first и desktop-first это решит проблемы с версткой отрисованных макетов в плане позиций элементов. 
4) Принцип работы анимации js/canvas, чтобы понимать что хрен верстак сделает 7 красных перпендикулярных линий превращающихся в котенка.
Ооо, у меня для вас отличная лекция есть, прям по вашей теме:
https://www.youtube.com/watch?v=lW4uzJp6uIg