В чем разница между Руководством по стилю веб-сайта и Библиотекой шаблонов?

Что касается вопроса, в настоящее время я пытаюсь определить четкую разницу между руководством по стилю и библиотекой шаблонов в контексте веб-дизайна и разработки.

Логически я чувствую, что у меня есть понимание. Я провел много времени в Интернете, пытаясь понять разницу, но это только затуманило мое понимание. Похоже, что многие аспекты руководства по стилю и библиотеки паттернов взаимозаменяемы. Возможно, существуют варианты терминологии и толкования, основанные на таких факторах, как география и промышленность.

Как я сейчас понимаю, руководство по стилю веб-сайта будет состоять из таких факторов, как:

  • Типография
  • Тон написанного контента
  • Использование логотипа
  • Цветовые схемы
  • Конечно, и другие аспекты

В то время как библиотека шаблонов будет состоять из реальных функций на веб-сайте вместе с соответствующей разметкой HTML/CSS для таких функций, как:

  • Текстовые поля
  • Меню/навигация
  • Макет
  • Отверстия от пуль
  • Плюс еще...

Другими словами, сначала будет создано Руководство по стилю, которое станет «Книгой правил», предоставляя весь соответствующий контекст того, как следует подходить к веб-сайту. Принимая во внимание, что библиотека шаблонов представляет собой разбивку визуальных элементов веб-сайта, предоставляющую детали разметки без учета контекста?

Мое понимание выше в основном основано на моей логической интерпретации моего предшествующего понимания. Любые дополнительные разъяснения будут приветствоваться и будут оценены.

Ответы (2)

Вы более-менее разобрались. И, безусловно, необходимо их совпадение.

В общем:

  • руководство по стилю (как следует из его названия) поможет вам понять, как оформить вещи так, чтобы они подходили для сайта, приложения или бизнеса. Это облегчает поддержание визуальной согласованности.

  • библиотека шаблонов поможет вам решить, как решить проблемы и представить информацию так, как это подходит для сайта, приложения или бизнеса. Это упрощает поддержание удобства использования, UX и структурной согласованности.

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

Что касается того, что на первом месте: они оба должны питать друг друга. Теоретически у вас может быть библиотека шаблонов, не зависящая от стиля, которая работает с любым руководством по стилю, но на практике они будут несколько переплетены.

Хорошей новостью является то, что вы, безусловно, можете начать оба независимо. Вы можете начать смотреть на типографику, цвет, пространство и т. д., не определяя шаблоны, и вы можете начать создавать шаблоны, не зная, какой шрифт вы будете использовать.

Не уверен, почему библиотека шаблонов когда-либо повлияла на руководство по стилю.
Потому что ничто никогда не «закончено». Я обнаружил, что новые паттерны и компоненты могут создать потребность в новых стилях, которые потом можно применять и исследовать более широко. (Строго говоря, вы совершенно правы - в идеале стиль и представление/структура должны быть разделены.)

Я предполагаю, что стиль веб-сайта касается макета и внешнего вида страницы, а шаблон касается формата сценария и текста в целом! Я надеюсь, что это поможет, и что эксперт даст лучший ответ для всех нас.