Сейчас речь пойдёт о большом продукте, с множеством страниц.
1. Большой продукт скорее всего включает в себя разные проекты и подпроекты. Сформируйте для каждого отдельную папку (проект).
2. Держите каждую страницу в отдельном файле.
3. Внутри каждого файла постранично расформируйте различные версии. Я пришёл к тому, что у нас хранятся только 3 версии: deprecated, current, new. Так мы не путаемся в целой куче версий и не мучаем разрабов.
4. Если в версии new нужно повертеть несколько вариантов, то пусть в отдельных секциях, удобная штука.
5. Если макет имеет много состояний и каждое нужно показать разработчику, помещайте каждое новое состояние ниже предыдущего. Мобильные версии рядом.
Есть вариант все перевернуть и показывать состояния рядом, а мобилку ниже. Это не принципиально.
6. Ui-kit точно нужно разбить постранично на функциональные единицы: навигация, инпуты, кнопки, селекторы, табы, и т.д. При чем, каждая страница должна содержать только один блок. Версии я описываю на этой же странице. А вот дополнительные элементы выношу на отдельную страницу, которую обозначаю общепринятым символом, и мы с разработчиком понимаем, что туда ему лезть не надо.
(В следующих постах детальнее напишу о каких дополнительных элементах идёт речь).
Держите проект в чистоте и порядке🙂
Телеграм канал:
