Más información sobre Bootstrap y Material Design
Bootstrap
En 2011, un grupo de ingenieros de Twitter decidió crear Bootstrap como una solución interna para sus problemas de programación. Técnicamente, su plan era crear una herramienta sin cierta estructura de código.
Cada codificador puede tener su propia forma de crear sus obras de arte. Esto generalmente conduce a algunas incertidumbres cuando otro programador, digamos un principiante, intenta leer el código. Debido a eso, Mark Otto y Jacob Thorton de Twitter diseñaron Bootstrap, una forma de convencer a los programadores de unificar sus patrones de escritura del código y evitar crear diferencias en el proceso. Los beneficios que Bootstrap aportó a su trabajo diario fueron simplemente invaluables.
Cuando los chicos de Twitter se dieron cuenta de su verdadero potencial, decidieron lanzarlo como un proyecto de código abierto. Con la ayuda de Github y miles de otros programadores, solo tomó unos meses marcar a Bootstrap como la herramienta de desarrollo front-end más popular para crear proyectos web móviles receptivos.
¿Qué es exactamente Bootstrap?
Imagínelo como una caja de herramientas que contiene una serie de funciones y elementos útiles que podrían ser útiles en el proceso de creación de su sitio web.
Te permite elegir la herramienta que más te guste, además puedes estar seguro de que ninguno de estos elementos chocará entre sí. Es como unir piezas de rompecabezas, pero en este caso, cada rompecabezas encaja con otro.
Las herramientas que ha imaginado en nuestra caja de herramientas de arranque son HTML, CSS y JS combinados. Material Design para Bootstrap es el mejor ejemplo de cómo Bootstrap está en constante desarrollo y cuánto se puede agregar con la ayuda de patrones de diseño y funcionalidad de Google Material Design.
Material Design
Material Design es un lenguaje de diseño, originado en Google, que se utiliza intensamente en proyectos de interfaz para el sistema Android. Puede preguntar por qué se usa. La respuesta es simple is ya es una herramienta madura y organizada que corresponde a la usabilidad y legibilidad. Además, se está desarrollando y cambiando dinámicamente. El resultado es una herramienta que puede ser una combinación perfecta para pantallas, así como el punto de partida para personas sin experiencia en el diseño de UI/UX.
La base de MD ya está bien establecida por diseñadores de sitios web y UI/UX que han trabajado en ella durante mucho tiempo. Lo que lo distingue de otras herramientas, es el hecho de que puede usarlo en cada tipo de proyecto en el que está trabajando actualmente porque es fácil encontrar prácticas recomendadas en cada conjunto de proyectos. Las convenciones ponen énfasis en:
Los materiales como metáfora — en este contexto, es una metáfora del espacio para la hoja y la tinta. Las cosas reales que se utilizan en esta herramienta son la luz y el espacio, apoyados por atributos espaciales únicos que se distinguen en el campo de las formas digitales. Las características de MD son las sombras que están muy extendidas. Refleja el comportamiento de cosas reales que existen en la realidad
, lo que significa an un incentivo de MD es la impresión de diseño, que refleja en una cuadrícula muy bien diseñada, la importancia de la tipografía y los colores.
Movimiento & Animación MD MD no solo admite una forma estática de diseño de impresión, sino que también incluye los medios digitales, basados en las leyes de la física. Nos da la posibilidad de conciliar la utilidad con la estética, que es muy importante hoy en día.
Una de las metáforas más importantes en MD es un material que tiene su posición en el espacio en el eje Z, por lo que podemos decir si está más cerca o más lejos de un usuario. La metáfora se refiere al llamado valor de elevación. Lo que es interesante, es el hecho de que este valor simula posiciones más altas y más bajas en el espacio mediante sombreado adecuadamente seleccionado.
¿Qué más es importante en los atributos de diseño de materiales?
-Colores distintivos y bien elegidos
-Iconos simples y fáciles de usar
– Gráficos e imágenes que son un punto de referencia adicional para el contenido
– Tipografía simple, pero al mismo tiempo elegante basada en la fuente Roboto