Ответ очевиден. Начать верстать. Хотя бы малость. Я понимаю, это сложно, лениво, за то ваш скил, станет очень крутым. Попробуйте записаться на курс в
html академии. А так же, постоянно спрашивать и спрашивать разработчиков, но после, проверять, а то многое могут вам наврать, что бы не пришлось потом делать)))
А так же искать для себя ресурсы, где разработчики выкладывают различного рода приколюхи и эффекты на css, js.
Читать новостные ресурсы, на подобие хабра и
css live,
css tricks.
Вот пример сайтов, где есть клёвые реализации всяких эффектов:
https://codyhouse.co/
tympanus.net/codrops
Ресурсов очень много, чем больше будете изучать, тем больше сможете и как дизайнер. У вас в голове появится тонна различных идей, для реализации подобного рода эффектов в своих проектах, а так же, со временем, ваше мышление будет меняться. Т.к. вы уже на этапе создания макета будете знать, что можно, а что будет сложно и в итоге, лучше будет отказаться от данной идеи.
По поводу js, хз, по мне так - это сложный вопрос. Вам особо не нужно его знать, ибо он не делает магии. Наверно вам, как дизайнеру, нужны будут от js только 3 вещи.
1) Работа с svg - анимации тоже делаются при помощи js
2) Работа c canvas - эта штука работает только при помощи js
3) Ajax - вы должны представлять, что это такое и как вы можете им воспользоваться. Но не грубите
Учить то, как пишется это на js вам не нужно, но знать, что он может, для вашей работы, нужно!
И на последок
caniuse.com/. Этот сервис скажет вам о поддержке браузерами различных возможностей. По типу поддержке css свойств. Вбиваете свойство в поиск и смотрите, как оно поддерживается браузерами.
Пример 
