> For the complete documentation index, see [llms.txt](https://vladgolovach.gitbook.io/ui-ux_competencies/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/programming_and_coding/pc04.md).

# ПК4 Создание интерфейсных шаблонов, библиотек блоков-элементов, единых со средой разработки

Программирование и кодирование

## ◼︎ ПК4 Создание интерфейсных шаблонов, библиотек блоков-элементов, единых со средой разработки

В средних и больших (10+ страниц или экранов) продуктах интерфейс желательно строить на основе шаблонов: готовых и тиражируемых стилях, отдельных модулях и целых структурах экранов интерфейса. Такой интерфейс гораздо легче поддерживать и кодировать, а редизайн упрощается в разы - можно не переделывать интерфейс целиком, а улучшить отдельные конкретные модули.

Такой интерфейс требует той или иной системы шаблонирования и наименования объектов, а главное — поддержания связи между целевым кодом и дизайн-материалами (например, изображениями блоков для визуального дизайна). Собственно, и дизайн-материалы можно и нужно сделать шаблонируемыми через стили и стандартизированные объекты (например, символы в Bohemian Сoding Sketch).

Создание, поддержание и работа с такой системой и составляет сущность этой работы.

### ◼︎ Навыки и умения по уровням квалификации

1. Использовать готовую систему шаблонов, соблюдая все связанные с ней рабочие правила и процедуры.
2. Создавать, поддерживать и использовать многопользовательскую библиотеку дизайн-материалов, поддерживающую обновление всех целевых материалов при каждом обновлении отдельного элемента.
3. Создавать и поддерживать многопользовательскую библиотеку интерфейсных блоков и модулей, в которой дизайн-материалы напрямую связаны на исходный код продукта.