Дизайн страниц сайта, сайтов. С чего начинать?

[Lynda.com] “Web Technology Fundamentals” — «Основы веб-технологий»
...
[Lynda.com] “Web Design Fundamentals” — «Основы веб дизайна»
...
«Создание веб–сайта. Курс молодого бойца»
habrahabr.ru/post/273795/
...
«Как я стала дизайнером за шесть месяцев»
vc.ru/p/kak-stat-dizaynerom-bez-spetsialnogo-obrazovaniya-na-primere-zvezdyi-youtube
...
«Как стать крутым веб-дизайнером? Все по полочкам: 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 дизайнерского портфолио»

Начинать надо с тех. задания...

Лучше практика.

К этому, прежде всего, должны быть способности!

Тут нужно вдохновение. Вдохновение, и понимание, мля, того, что хочешь создать!

Wix, там удобно но для начала хватит)))