Что должен знать web дизайнер?

Для начала научаться, а потом уже искать заказы.
...
Если по грамотному.
Тебе дадут техническое задание (или нужно будут его разработать).
И контент (или придется использовать «рыбу»).
...
Если настоящий front end designer то естественно результатом должна быть не просто «картинка», а готовый html макет.
Деление работы между дизайнером и разработчиком:
drive.google.com/file/d/0Bysomm7xbGqkTW1kZ1I0RHJtek0/view?usp=sharing
...
Учится примерно так:
...
[Lynda.com] “Web Technology Fundamentals” — «Основы веб-технологий»
...
[Lynda.com] “Web Design Fundamentals” — «Основы веб дизайна»
...
«Создание веб–сайта. Курс молодого бойца»
habrahabr.ru/post/273795/
...
«Как я стала дизайнером за шесть месяцев»
habrahabr.ru/post/312744/
...
«Как стать крутым веб-дизайнером? Все по полочкам: UI/UX, Wireframing, правила хорошего тона, организация работы, вёрстка, самообучение»
webdesign-master.ru/blog/web-design/2016-05-29-kak-stat-krutym-web-dizajnerom.html
...
«Чёрточки: только ли тире, минус и дефис?»
habrahabr.ru/post/20588/
...
[Lynda.com] “Foundations of Typography: Color, Contrast, and Scale” — «Основы типографики: цвет, контраст и масштабирование»
...
[Lynda.com] “Foundations of Color” — «Основы цвета»
...
[Lynda.com] “Foundations of Layout and Composition” — «Основы разметки и композиции»
...
[Lynda.com] “Photoshop CC One-on-One: Fundamentals” — «Один на один с Photoshop CC. Основы.»
...
[Lynda.com] “Photoshop CC One-on-One: Intermediate” — «Один на один с Photoshop CC. Средний уровень.»
...
[Lynda.com] “Photoshop CC One-on-One: Advanced” — «Один на один с Photoshop CC. Продвинутый уровень.»
...
[Lynda.com] “Photoshop CC One-on-One: Mastery” — «Один на один с Photoshop CC. Мастер.»
...
[Lynda.com] “Responsive Design Fundamentals” — «Основы адаптивного дизайна»
...
[Lynda.com] “User Experience Fundamentals for Web Design” — «Основы пользовательского опыта для веб-дизайнеров»
...
[Lynda.com] “Foundations of Branding for Designers” — «Основы брендинга для дизайнеров»
...
[Lynda.com] “Foundations of Logo Design” — «Основы дизайна логотипа»
...
«Анализ и разработка макета веб–сайта с нуля [РАБОЧИЙ ЦИКЛ ПРОЕКТИРОВАНИЯ]»
primeliber.com/Osmanov%20Emil/analiz-i-razrabotka-maketa-veb-sajta-s-nulya-rabochij-tsikl-proektirovaniya
...
«Дизайнь как верстальщик»
habrahabr.ru/post/311800/
...
«О чём должен помнить веб–дизайнер»
github.com/nicothin/web-design
...
«Требования к PSD–макетам»
github.com/andrey-hohlov/psd-templates-requirements
...
«Подготовка макета к верстке, или Правила хорошего поведения дизайнера»
popel-studio.com/blog/article/design-layout-prepare.html
...
[Lynda.com] “Building and Maintaining Your UX Design Portfolio” — «Создания и поддержка вашего UX дизайнерского портфолио»
...

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

Веб дизайнер - это человек, который делает МАКЕТ сайта в фотошопе и потом отдает заказчику. И все! Верстать сайт ДИЗАЙНЕРУ не нужно. Знать нужно только фотошоп ну и иметь представление о том какой сайт красивый - а какой - нет)

Веб дизайнер должен знать и уметь многое, например:
1. Как использовать визуальный контент при создании дизайна сайта http://a1z.ru/veb-dizajn/458-kak-ispolzovat-vizualnyj-kontent-pri-sozdanii-dizajna-sajta.html
2. Создание интерактивного сайта: 7 тенденций веб-дизайна http://a1z.ru/veb-dizajn/390-sozdaniye-interaktivnogo-sayta-6-tendentsiy-veb-dizayna-2015.html
3. Разработка web сайта в стиле Flat дизайна http://a1z.ru/veb-dizajn/380-razrabotka-web-sayta-v-stile-flat-dizayna.html
4. Что такое адаптивный сайт? Основные принципы создания адаптивного дизайна http://a1z.ru/veb-dizajn/372-chto-takoye-adaptivny-sayt-sozdaniye-adaptivnogo-sayta.html
Это и многое-многое другое. Удачи в обучении и приобретении новых навыков!