5 Principios del diseño + Google Fonts

Google Fonts es un directorio interactivo de interfaces de programación de aplicaciones alojadas gratuitas para fuentes web iniciadas por Google. Google Fonts fue lanzado en 2010 y renovado en 2011 por Google para proporcionar una fundición de fuente abierta. Muchas de las fuentes se publican bajo la licencia de fuente abierta SIL 1.1, mientras que algunas se publican bajo la licencia de Apache, ambas son licencias de software libre.  En este proyecto he intentado lograr diferentes tipos de estilos de diseño de tipografía usando google fuentes que se basan en diferentes principios de diseño. También he proporcionado el formato de fuente detallado para cada estilo y cómo se puede lograr.

Principios del diseño

 

“Los principios del diseño son las ideas fundamentales y los elementos que se pueden aplicar para lograr un diseño exitoso”.

01

Espacio en blanco

En el diseño de la página, la ilustración y la escultura, el espacio en blanco se denomina a menudo espacio negativo. Es la parte de una página sin marcar: márgenes, canales y espacio entre columnas, líneas de tipo, gráficos, figuras o objetos dibujados o representados. El término surge de la práctica de diseño gráfico, donde los procesos de impresión generalmente utilizan papel blanco. El espacio blanco no debe ser considerado meramente espacio “vacío” – es un elemento importante del diseño que permite que los objetos en él existan en absoluto; el equilibrio entre positivo (o no blanco) y el uso de espacios negativos es clave para la composición estética. El uso inexperto del espacio en blanco, sin embargo, puede hacer que una página aparezca incompleta.

Google Fonts Used – Montserrat & Lato

02

Simetría

La simetría en el lenguaje cotidiano se refiere a un sentido de proporción y equilibrio armonioso y hermoso. En matemáticas, la “simetría” tiene una definición más precisa, que un objeto es invariante a cualquiera de varias transformaciones; incluyendo la reflexión, rotación o escalamiento. Aunque estos dos significados de “simetría” a veces se pueden distinguir, están relacionados, por lo que aquí se discuten juntos.

Google Fonts used –  Playfair Display & Open Sans

03

Contraste

Planificación de un diseño coherente y similar es un aspecto importante del trabajo de un diseñador para hacer visible su punto focal. Demasiada similitud es aburrida, pero sin similitud elementos importantes no existirán y una imagen sin contraste es sin incidentes, por lo que la clave es encontrar el equilibrio entre similitud y contraste.

Google Fonts Used –  Oswald Raleway

04

La regla de los tercios

La regla de los tercios es una “regla general” o directriz que se aplica al proceso de componer imágenes visuales tales como diseños, películas, pinturas y fotografías. La directriz propone que una imagen debe imaginarse dividida en nueve partes iguales por dos líneas horizontales igualmente espaciadas y dos líneas verticales equidistantes, y que los elementos com-posicionales importantes deben colocarse a lo largo de estas líneas o sus intersecciones. Los defensores de la técnica afirman que alinear un sujeto con estos puntos crea más tensión, energía e interés en la composición que simplemente centrar el sujeto.
Google Fonts Used – Oranienbaum & Neuton

05

Alineación

La alineación es el acto de mantener los objetos de diseño alineados, no sólo vertical u horizontalmente, sino a través de cualquier plano lineal. La alineación también se hace, respectivamente, es decir, un elemento de diseño se posiciona con respecto a otro elemento dentro de la misma estructura.

Google Fonts used – Fjalla One & Prata

Fuente: 5 Google Fonts Trends and Combinations
Crédito de las imágenes: Abhishek Garg