Что веб-дизайнеру нужно знать о вёрстке (HTML+CSS)
Усі статті, обговорення, новини про Front-end — в одному місці. Підписуйтеся на телеграм-канал!
Приветствую всех. Я не веб-дизайнер и не разработчик. Вёрстку знаю довольно поверхностно, дизайном увлекаюсь, возможно, буду изучать.
Веб-дизайн — имею в виду картинки + UI.
Что уже успел заметить и осознать:
1) Чем легче сайт и меньше кода, тем лучше. Вроде очевидно, но можно писать тома.
2) .svg легче .jpg и .png, но стилизация в CSS ещё легче чем .svg. Лучше, если можно обойтись CSS, а что не получается или очень сложно — сначала в векторе и только потом в растре.
3) Геометрия в CSS. Что это, и что можно сделать без особого выворота мозга. Сюда же: тени, градиенты и проч.
4) Понимать структуру и архитектуре сайта (в HTML), иметь представление о БЭМ.
5) Семантические теги. Не могу объяснить кратко почему я их упоминаю, но считаю, что знать и понимать желательно.
6) Bootstrap, Flexbox, CSS Grid. До flexbox и grid я пока не добрался, поэтому на примере Bootstrap. Как минимум, знать его сетку, а также вид и принципы работы его основных стандартных компонентов и js-элементов: например, Navbar и Carousel.
7) При более концептуальной разработке, приблизительно понимать, что можно сделать без JS, а что нет или очень сложно. Это для того, чтобы минимизировать использование JS, но, конечно, не в ущерб функциональности.
Вопросов два:
Что не так?
и
Что ещё?
И ещё один: сейчас есть тенденция к full stack дизайнерам. Насколько она сильна? Кто что думает на этот счёт, особенно в аспекте фриланса?
Я отношусь скорее скептически, думаю, лучше разделять.
14 коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів