Según la pregunta, actualmente estoy tratando de identificar una diferencia clara entre una Guía de estilo y una Biblioteca de patrones dentro del contexto del Diseño y desarrollo web.
Lógicamente, siento que tengo un entendimiento. He pasado mucho tiempo, en Internet, tratando de entender la diferencia, pero me ha nublado la comprensión. Parece que muchos de los aspectos tanto de la Guía de estilo como de la Biblioteca de patrones son intercambiables. Tal vez haya variaciones de terminología e interpretación, basadas en factores como la geografía y la industria.
Tal como lo entiendo actualmente, una Guía de estilo de un sitio web consistiría en factores como:
Mientras que una biblioteca de patrones consistiría en funciones reales en el sitio web, junto con su marcado HTML/CSS relevante, para funciones tales como:
En otras palabras, primero se crearía una Guía de Estilo y se convertiría en el 'Libro de Reglas', brindando todo el contexto relevante sobre cómo se debe abordar el sitio web. ¿Mientras que una biblioteca de patrones es un desglose de los elementos visuales del sitio web, que proporciona los detalles del marcado, donde no se incluye contexto?
Mi comprensión anterior se extrae principalmente de mi interpretación lógica de mi comprensión preexistente. Cualquier aclaración adicional, será muy bienvenida y apreciada.
Más o menos lo tienes ahí. Y definitivamente hay una necesidad de superposición entre los dos.
En general:
una guía de estilo (como su nombre lo indica) lo ayuda a determinar cómo diseñar las cosas de la manera adecuada para el sitio, la aplicación o el negocio. Hace que sea más fácil mantener la consistencia visual.
una biblioteca de patrones lo ayuda a descubrir cómo resolver problemas y presentar información de una manera adecuada para el sitio, la aplicación o el negocio. Facilita el mantenimiento de la usabilidad, la experiencia de usuario y la consistencia estructural.
Un ejemplo práctico: un patrón en la biblioteca de patrones para una publicación de producto puede detallar que muestra un título, un precio y una foto, y puede mostrar cómo diseñarlos (puede mostrar varias formas según el contexto). El formato del título, etc. será informado por la guía de estilo.
En cuanto a cuál viene primero: ambos necesitan alimentarse el uno al otro. En teoría, podría tener una biblioteca de patrones independiente del estilo, una que funcione con cualquier guía de estilo, en la práctica, aunque los dos estarán algo entrelazados.
La buena noticia es que ciertamente puede comenzar ambos de forma independiente. Puede comenzar a mirar la tipografía, el color, el espacio, etc. sin definir patrones, y puede comenzar a crear patrones sin saber qué fuente usará.
¡Supongo que el estilo del sitio web se trata del diseño y la apariencia de la página, y el patrón se refiere al formato del guión y el texto en general! Espero que esto ayude, y que un experto dé una mejor respuesta para todos nosotros.
Ryan
Alex Magill