{"id":1802,"date":"2023-08-25T23:10:13","date_gmt":"2023-08-26T02:10:13","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1802"},"modified":"2023-08-25T23:11:37","modified_gmt":"2023-08-26T02:11:37","slug":"conociendo-la-interfaz-rusa","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/conociendo-la-interfaz-rusa\/","title":{"rendered":"Conociendo la interfaz rusa"},"content":{"rendered":"\n
\"\"
gimz.io<\/a><\/figcaption><\/figure>\n\n\n\n

La interfaz elegida se trata de la p\u00e1gina web de una agencia de comunicaci\u00f3n y branding para compa\u00f1\u00edas y startups llamada Gimz, surgida en 2021. La empresa es de Rusia y en su web se puede optar para ver en idioma ruso o ingl\u00e9s. Esta p\u00e1gina funciona como un cat\u00e1logo para mostrar los trabajos realizados con diferentes clientes, como tambi\u00e9n para establecer sus principios y creencias como empresa.<\/p>\n\n\n\n

El uso tipogr\u00e1fico de la interfaz se reduce principalmente a dos familias pero que, examinando el inspector del navegador, vimos que se tratan de fuentes customizadas con leves modificaciones. En principio, al usar la herramienta identificadora de fuentes, figuran las familias Segoe UI, Roboto, Ubuntu y Arial, adem\u00e1s de dos customizadas y que admiten el alfabeto cirilico. Sin embargo, en la p\u00e1gina podemos ver que en realidad solo hay dos familias, una para titulares y otra para cuerpo de texto. Ambas son tipograf\u00edas sans serif, siendo la del cuerpo de texto la familia Roboto con peque\u00f1os ajustes personalizados. La otra, para titulares, se trata de una fuente customizada que no parece coincidir con ninguna del listado de fuentes encontradas en la p\u00e1gina. <\/p>\n\n\n\n

La fuente Roboto resulta ser una familia muy utilizada y recomendada para el dise\u00f1o de interfaces, ya que es clara y legible para todo tipo de pantallas. Adem\u00e1s, dado el tipo de empresa y apariencia que se le quiere dar a esta web, esta fuente es ideal porque brinda un aspecto limpio y moderno. Luego tenemos la fuente de los titulares, el cual podemos ver que es lo que m\u00e1s peso tiene dentro de la interfaz. Este estilo tipogr\u00e1fico remite claramente a la vanguardia constructivista rusa de inicios del siglo XX. En un contexto de guerra, el constructivismo surge como un estilo basado en la simplicidad, que rechaza los excesos decorativos y ornamentales, considerados propios del arte burgu\u00e9s. Inspirado por el cubismo y futurismo, predominan las l\u00edneas puras, las formas geom\u00e9tricas y una paleta de colores muy reducida. Hay una gran manipulaci\u00f3n de la tipograf\u00eda, siendo esta de palo seco, con predominancia en las may\u00fasculas, y los titulares hechos con grandes caracteres, incluso con letras dibujadas o elaboradas por los propios dise\u00f1adores. <\/p>\n\n\n\n

\"\"
Obra del fot\u00f3grafo y dise\u00f1ador gr\u00e1fico Aleksandr R\u00f3dchenko (1891-1956).<\/figcaption><\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"
Ejemplo de patr\u00f3n textil llevado a cabo por Varvara Stepanova en los a\u00f1os ’20 vs. Miscel\u00e1neas utilizadas en la web de Gimz.<\/figcaption><\/figure>\n\n\n\n

En cuanto al an\u00e1lisis que podemos hacer desde un eje compositivo, y con esta referencia a la vanguardia mencionada, vemos que el elemento m\u00e1s predominante es la tipograf\u00eda utilizada para los t\u00edtulos, la cual acompa\u00f1a al estilo del logo de la marca. Estos son los primeros elementos que vemos al entrar a la web, siendo el logo el que m\u00e1s atenci\u00f3n capta debido a la animaci\u00f3n realizada, con una s\u00f3lida entrada en diagonal de las letras. Este ser\u00eda un uso de la tipograf\u00eda como imagen y funciona como base estructuradora de la interfaz a la hora de ubicar el resto de elementos. En el costado inferior de este logo se encuentra el slogan de la marca y, en diagonal a esto, al costado superior, vemos el men\u00fa y los dos idiomas en los que est\u00e1 disponible la p\u00e1gina. Vemos as\u00ed c\u00f3mo la web propone un orden de lectura en direcciones diagonales.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

A lo largo de todo el recorrido de la interfaz podemos notar que el eje principal que estructura la pantalla es el horizontal, ya que los elementos est\u00e1n dispuestos a lo largo de todo el eje. Luego, lo que marca el punto de ubicaci\u00f3n para los elementos en el eje vertical es, como dicho anteriormente, la posici\u00f3n de las letras del logo en el inicio de la interfaz. Estos funcionan como tres bloques consistentes que ayudan a dar esta imagen firme e imponente a la hora de realizar la estructura de la informaci\u00f3n, adem\u00e1s de apoyarse en el estilo tipogr\u00e1fico elegido y customizado ya mencionado. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Podemos notar que la imagen est\u00e1 en segundo plano, siendo los titulares de los proyectos el foco principal de lectura de la interfaz. La p\u00e1gina est\u00e1 lograda en el idioma ruso y explota su dise\u00f1o en la versi\u00f3n desktop ya que presenta menos errores compositivos y de contraste, se nota que no es adrede ya que para el idioma ruso funciona de mejor manera y para la versi\u00f3n en ingl\u00e9s no se tuvo en cuenta que el cuerpo de texto iba a variar de tama\u00f1o, generando problemas de contraste atentando con la legibilidad en ciertos momentos de interacci\u00f3n, no permitiendo la lectura.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

FUENTES:<\/p>\n\n\n\n