{"id":2022,"date":"2023-08-25T22:23:06","date_gmt":"2023-08-26T01:23:06","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=2022"},"modified":"2023-08-25T22:23:07","modified_gmt":"2023-08-26T01:23:07","slug":"el-rol-de-netflix-sans","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/el-rol-de-netflix-sans\/","title":{"rendered":"El rol de Netflix Sans"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>En la actualidad usamos constantemente interfaces digitales ya sea para usos educativos, de entretenimiento, etc. Pero \u00bfQu\u00e9 es una interfaz? Es el medio que permite la interacci\u00f3n entre un usuario y dispositivos electr\u00f3nicos (sitio web; blog; aplicaci\u00f3n web; app mobile, etc.). En sus dise\u00f1os para facilitar la comprensi\u00f3n, la tipograf\u00eda es fundamental y en este caso se analiza su rol compositivo en los diferentes dispositivos en la interfaz Netflix.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La plataforma cuenta con elementos en la parte superior que agrupa el contenido, la configuraci\u00f3n y b\u00fasqueda r\u00e1pida (series, pel\u00edculas y tu lista), mientras que en la pantalla principal se muestra el contenido que ofrece Netflix y que a la vez es agrupada en diferentes categor\u00edas, donde el algoritmo puede ofrecer secciones seg\u00fan las preferencias de cada usuario. Tambi\u00e9n hay&nbsp; uso de iconos que acompa\u00f1an a la tipograf\u00eda, por ejemplo: para agregar contenido a mi lista aparece un \u201cm\u00e1s\u201d, para votar el contenido, la lupa para buscar, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1-1024x743.jpeg\" alt=\"\" class=\"wp-image-2116\" style=\"width:511px;height:371px\" width=\"511\" height=\"371\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1-1024x743.jpeg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1-300x218.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1-768x557.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1-1200x871.jpeg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/1.jpeg 1240w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/figure>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>Su propia tipograf\u00eda<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pese a que la primera jerarqu\u00eda visual sea gr\u00e1fica por las portadas, debido a su cantidad y tama\u00f1o, la tipograf\u00eda cumple un rol estructurante en la interfaz logrando facilitar la navegaci\u00f3n y organizaci\u00f3n, ya sea para encontrar la pel\u00edcula o serie por g\u00e9nero, visualizar las sinopsis de forma clara, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La fuente de \u201cNetflix Sans\u201d surgi\u00f3 con la necesidad de comunicar con una personalidad \u00fanica. El tipo de letra fue creado teniendo en cuenta tanto la est\u00e9tica como la funcionalidad y el resultado es una tipograf\u00eda limpia, legible y neutral.<br>El estilo se refleja en ciertas caracter\u00edsticas como en la letra <strong>t <\/strong>min\u00fascula en el asta ascendente, toma la caracter\u00edstica de la curvatura del logotipo.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Las variables usadas para jerarquizar el contenido:&nbsp;<\/strong><br><strong>Bold: <\/strong>T\u00edtulos y Subt\u00edtulos<br><strong>Regular: <\/strong>Texto-Contenido&nbsp;<\/li>\n\n\n\n<li><strong>Por tama\u00f1o:<\/strong><br><strong>Mayor<\/strong>: T\u00edtulos y subt\u00edtulos&nbsp;<br><strong>Menor<\/strong>: Texto&nbsp;<\/li>\n\n\n\n<li><strong>Por color:&nbsp;<\/strong><br><strong>Blanco:<\/strong> mayor importancia, contenido textual<br><strong>Gris:<\/strong> Subt\u00edtulos dentro del texto<br><strong>Verde:<\/strong> Porcentaje de recomendaci\u00f3n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" width=\"146\" height=\"206.64858042614875\" src=\"https:\/\/lh5.googleusercontent.com\/ndYSOelZMTM_p5xEl42gVk56sokXNp0x6PJAaLS4tNSE6pdLj2dOaxL7CP6zMqm5MFnsTnI41liLaxkKjDELs1pQ7bJ0WipoEP1Eu9zjXGHgDAiPfAb1kmBLF9WcQPT-9gRmSIRGbBPXUYFu9tGe0-o\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/t.jpeg\" alt=\"\" class=\"wp-image-2167\" style=\"width:181px;height:102px\" width=\"181\" height=\"102\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/t.jpeg 960w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/t-300x169.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/t-768x432.jpeg 768w\" sizes=\"auto, (max-width: 181px) 100vw, 181px\" \/><\/figure>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>Composici\u00f3n en diferentes dispositivos<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"268\" src=\"https:\/\/lh4.googleusercontent.com\/4c3s7L0Cx6Cz1YDpbc-O5NuyNKqjFSYg8qiqb_IAhsypTQ0ol9BpUd5Sly_3NrcbvyBZBBDMucZATxOlB27KrR9uPQfcz_noiOzSR5skqR1c2ZS5YK0oIXBenToCqd_EUG2Ql1JnmRSZEXy88rs3bcA\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al ser una plataforma que se puede utilizar en diferentes dispositivos, hay constantes en la composici\u00f3n, pero tambi\u00e9n variedad seg\u00fan la adaptabilidad en cada uno. Cuanto m\u00e1s grande sea la pantalla del dispositivo se puede apreciar mejor la tipograf\u00eda y ver un orden m\u00e1s claro que cuando es m\u00e1s peque\u00f1a.&nbsp;<br>Generalmente en el inicio los t\u00edtulos de las categor\u00edas usan la variable negrita y de un mayor tama\u00f1o visualizado de manera f\u00e1cil el tipo de contenido.<em> <\/em>En el caso de la enumeraci\u00f3n de los m\u00e1s populares, tienen mayor tama\u00f1o que los t\u00edtulos, pero al ser l\u00ednea no asume mayor importancia que las portadas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros-1024x734.jpeg\" alt=\"\" class=\"wp-image-2194\" style=\"width:434px;height:311px\" width=\"434\" height=\"311\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros-1024x734.jpeg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros-300x215.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros-768x551.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros-1200x860.jpeg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/numeros.jpeg 1240w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>En las series:<\/strong> Hay uso de jerarqu\u00edas de lectura (mayor contenido textual) el contenido est\u00e1 marginado a la izquierda, en todas se usa el color blanco, pero el gris queda relegado para otro tipo de informaci\u00f3n (g\u00e9nero, actores) y que al desplegarlas cambia la marginaci\u00f3n por una centrada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series-1024x578.jpeg\" alt=\"\" class=\"wp-image-2213\" style=\"width:435px;height:246px\" width=\"435\" height=\"246\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series-1024x578.jpeg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series-300x169.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series-768x434.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series-1200x678.jpeg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/series.jpeg 1383w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Computadoras<\/strong>: El orden de lectura es el mismo, pero debido a la mayor disponibilidad de espacio, el contenido es continuo, pero variando en las recomendaciones donde se usa el color verde para destacar el porcentaje.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.46.13-704x1024.jpeg\" alt=\"\" class=\"wp-image-2222\" style=\"width:219px;height:318px\" width=\"219\" height=\"318\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.46.13-704x1024.jpeg 704w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.46.13-206x300.jpeg 206w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.46.13-768x1118.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/WhatsApp-Image-2023-08-25-at-18.46.13.jpeg 874w\" sizes=\"auto, (max-width: 219px) 100vw, 219px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>En las pel\u00edculas:<em> <\/em><\/strong>Se respetan las jerarqu\u00edas anteriores, pero<strong><em> <\/em><\/strong>ya que no hay mayor contenido textual se usa el espacio para mostrar las recomendaciones de forma directa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/peliculas.jpeg\" alt=\"\" class=\"wp-image-2225\" style=\"width:289px;height:285px\" width=\"289\" height=\"285\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/peliculas.jpeg 831w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/peliculas-300x296.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/peliculas-768x757.jpeg 768w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Televisi\u00f3n<\/strong>: Simplifica la informaci\u00f3n de b\u00fasqueda con iconos del lado izquierdo, al igual que el contenido textual, el tama\u00f1o tipogr\u00e1fico se adapta y el orden de lectura se mantiene, solo si hay contenido relacionado se agrega un subt\u00edtulo o aparecer\u00e1 en la parte inferior al terminar el contenido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que se comience a ver un contenido se podr\u00e1n activar los subt\u00edtulos o cambiar el audio en el idioma que el usuario prefiera.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-1024x461.jpeg\" alt=\"\" class=\"wp-image-2230\" style=\"width:431px;height:194px\" width=\"431\" height=\"194\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-1024x461.jpeg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-300x135.jpeg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-768x346.jpeg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-1536x691.jpeg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos-1200x540.jpeg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/subtitulos.jpeg 1600w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Para concluir, es pertinente remarcar c\u00f3mo la tipograf\u00eda cumple un rol importante en la plataforma en su adaptabilidad compositiva seg\u00fan el dispositivo, a pesar de que el primer impacto sean las im\u00e1genes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fuentes:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/help.netflix.com\/es\/node\/412#:~:text=Netflix%20es%20un%20servicio%20de,dispositivo%20con%20conexi%C3%B3n%20a%20internet\"><strong>https:\/\/help.netflix.com\/es\/node\/412#:~:text=Netflix%20es%20un%20servicio%20de,dispositivo%20con%20conexi%C3%B3n%20a%20internet<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/brandemia.org\/netflix-estrena-su-propia-tipografia-la-netflix-sans\"><strong>https:\/\/brandemia.org\/netflix-estrena-su-propia-tipografia-la-netflix-sans<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.infobae.com\/tecno\/2023\/04\/02\/como-nacio-netflix-empezaron-alquilando-dvds-en-internet-para-ser-lideres-de-streaming\/#:~:text=En%202007%2C%20Netflix%20comenz%C3%B3%20a,televisi%C3%B3n%20directamente%20en%20sus%20computadoras.\">https:\/\/www.infobae.com\/tecno\/2023\/04\/02\/como-nacio-netflix-empezaron-alquilando-dvds-en-internet-para-ser-lideres-de-streaming\/#:~:text=En%202007%2C%20Netflix%20comenz%C3%B3%20a,televisi%C3%B3n%20directamente%20en%20sus%20computadoras.<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span id=\"docs-internal-guid-4d323dca-7fff-5d94-6899-02491a534630\"><div><span style=\"font-size: 12pt;font-family: Rosario, sans-serif;background-color: transparent;vertical-align: baseline\"><\/span><\/div><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En la actualidad usamos constantemente interfaces digitales ya sea para usos educativos, de entretenimiento, etc. Pero \u00bfQu\u00e9 es una interfaz? Es el medio que permite la interacci\u00f3n entre un usuario y dispositivos electr\u00f3nicos (sitio web; blog; aplicaci\u00f3n web; app mobile, etc.). En sus dise\u00f1os para facilitar la comprensi\u00f3n, la tipograf\u00eda es fundamental y en este [&hellip;]<\/p>\n","protected":false},"author":97,"featured_media":2530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[16],"eje":[4],"class_list":["post-2022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","comision-juan-flor","eje-composicion"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/users\/97"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=2022"}],"version-history":[{"count":6,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"predecessor-version":[{"id":2537,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2022\/revisions\/2537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2530"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=2022"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=2022"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}