freeCodeCamp/guide/russian/user-experience-design/pattern-libraries/index.md

4.8 KiB
Raw Blame History

title localeTitle
Pattern Libraries Библиотеки шаблонов

Библиотеки шаблонов

Библиотека шаблонов представляет собой набор элементов дизайна многоразового пользовательского интерфейса. Поскольку эти элементы ui многократно используются многократно на веб-сайте, веб-приложении или программном приложении, они навязывают структуру посредством согласованности. Это упрощает использование сайта или приложения.

Несколько общих элементов ui, найденных в библиотеке шаблонов:

  • меню
  • Кнопки
  • Макеты страниц
  • Пользовательские анимации
  • формы

Преимущества шаблонных библиотек

Пол Боаг из своего блога Boagworld.com объясняет основные причины создания библиотеки шаблонов:

  1. «Библиотека шаблонов обеспечивает согласованный пользовательский интерфейс».
  2. «Библиотека шаблонов облегчает повторное использование».
  3. «Библиотека шаблонов упрощает обслуживание».

Библиотеки шаблонов против систем проектирования и стилей

Легко путать библиотеки шаблонов с системами проектирования и руководствами по стилям. В этой статье Зак Резерфорд для UXPin разъясняется разница между тремя:

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

Библиотека шаблонов - подкласс в системе проектирования, это набор шаблонов проектирования для использования в компании.

Руководство по стилю. Еще один подкласс в системе проектирования, эта статическая документация описывает саму систему проектирования: как продукты должны выглядеть и выглядеть, использовать случаи для шаблонов пользовательского интерфейса, правильные типографские шкалы и т. Д.

Дополнительная информация:

Примеры библиотеки образцов

Mailchimp

IBM Design Language

Microsoft

Материальный дизайн Google

Шаблоны пользовательского интерфейса

Мобильные шаблоны

BBC GEL

статьи

«Библиотеки шаблонов» Наташи Хоккей для Prototypr.io

«Библиотеки шаблонов: что они и зачем вам нужно» от Meghan Lazier для Designlab

«Создание библиотеки шаблонов» Ребекки Соренсен для сумо-логики

«Начало работы с библиотеками шаблонов» Анны Дебенхам для A List Apart

«Взятие библиотеки шаблонов на следующий уровень» Виталия Фридмана для журнала Smashing