{"id":160,"date":"2020-11-12T17:04:58","date_gmt":"2020-11-12T23:04:58","guid":{"rendered":"http:\/\/www.agenciaweb.mx\/blog\/?p=160"},"modified":"2021-02-22T11:52:52","modified_gmt":"2021-02-22T17:52:52","slug":"conceptos-basicos-de-tipografia","status":"publish","type":"post","link":"https:\/\/www.agenciaweb.mx\/blog\/2020\/11\/12\/conceptos-basicos-de-tipografia\/","title":{"rendered":"Conceptos b\u00e1sicos de tipograf\u00eda"},"content":{"rendered":"\n

Concepto etimol\u00f3gico<\/strong><\/h2>\n\n\n\n

La palabra tipograf\u00eda deriva del lat\u00edn \u201ctip\u00f3grafo\u201d que surge de la uni\u00f3n de tres componentes que son \u201ctipos\u201d que significa \u201cmolde\u201d y \u201cgraphos\u201d que se puede decir que alude a \u201cescribir o grabar\u201d y el sufijo \u201cia\u201d que es semejante a \u201ccualidad o acci\u00f3n\u201d.<\/p>\n\n\n\n

\u00bfTipograf\u00eda o fuente?<\/strong><\/h2>\n\n\n\n

Principalmente fuente y tipo de letra no es lo mismo, un tipo de letra es el conjunto de familia de esas letras y una fuente son todos los miembros de una misma familia.<\/p>\n\n\n\n

Por ejemplo<\/p>\n\n\n\n

Helv\u00e9tica Variantes (Regular, bold, Light, italic), cada una de ella es una fuente diferente, por lo cual la familia helv\u00e9tica es un tipo de letra.<\/p>\n\n\n\n

Helv\u00e9tica Bold se desglosa en:<\/p>\n\n\n\n

Tipo de letra + estilo + tama\u00f1o= Fuente<\/p>\n\n\n\n

Clasificaci\u00f3n de los diferentes tipos de familia<\/p>\n\n\n\n

Con serifa o remate
Sans serif o de palo seco
Monoespacio
\u00bfQu\u00e9 diferencia hay entre tipos de letras Serif y Sans Serif?<\/p>\n\n\n\n

Una fuente Serif es un tipo de letra que se usa en los medios de comunicaci\u00f3n tradicionales como los peri\u00f3dicos o los libros, suelen ser m\u00e1s legibles. La principal diferencia entre las letras Serif y Sans Serif es que las Serif tienen detalles adicionales en los bordes de los contornos de las fuentes. Un ejemplo cl\u00e1sico de fuente Serif es Times new Roman. Las fuentes Serif tambi\u00e9n se conocen como tipo Roman. Por otra parte, las fuentes Sans Serif son, literalmente, fuentes \u201csin Serif\u201d (Sans significa sin en franc\u00e9s). Los tipos de letra Sans Serif tambi\u00e9n se conocen como Grotesque o Gothic. Alg\u00fan buen ejemplo de letras tipo Sans Serif son Arial y Calibri<\/p>\n\n\n\n

La diferencia entre monoespacio y las tipograf\u00edas con serifa:<\/p>\n\n\n\n

Las tipograf\u00edas con serifa van adaptando el tama\u00f1o del espacio de cada uno de las letras, arreglo seg\u00fan la letra que le precede y antecede<\/p>\n\n\n\n

Las tipograf\u00edas monoespacio ocupan el mismo espacio sobre la superficie independientemente el car\u00e1cter o de la letra que represente.<\/p>\n\n\n\n

Lista top de fuentes<\/p>\n\n\n\n

Helv\u00e9tica
Arial
Georgia
Gotham
Myriad Pro
Futura
Playfair Display
Montserrat
Hablemos de terminolog\u00eda<\/p>\n\n\n\n

Punto: Es la unidad de medida general para las fuentes, 72 es equivalente a una pulgada.<\/p>\n\n\n\n

Interlineado: El espacio que existe entre dos l\u00edneas de texto, la distancia medida en puntos entre una l\u00ednea base y la siguiente superior o inferior.<\/p>\n\n\n\n

Tracking: El espacio entre caracteres a trav\u00e9s de todo un bloque de texto<\/p>\n\n\n\n

Kerning: Espacio que existe entre dos caracteres individualmente dentro de un bloque de texto.<\/p>\n\n\n\n

Consejos para combinaciones tipogr\u00e1ficas<\/strong><\/h2>\n\n\n\n

1.- Los opuestos se atraen, usar diferentes estilos, tama\u00f1os y pesos, har\u00e1 que podamos distinguir y categorizar la informaci\u00f3n a trasmitir.<\/p>\n\n\n\n


2.-Mezclar tipograf\u00edas sans serif y con serifas puede crear combinaciones visuales agradables.<\/p>\n\n\n\n


3.-Intenta invertir los roles para buscar esa combinaci\u00f3n que necesitas.<\/p>\n\n\n\n


4.-Aseg\u00farate de crear el mayor contraste entre los t\u00edtulos y el texto de los p\u00e1rrafos. No solo le dar\u00e1 dinamismo a tus textos si no que facilitar\u00e1 la lectura.<\/p>\n","protected":false},"excerpt":{"rendered":"

Concepto etimol\u00f3gico La palabra tipograf\u00eda deriva del lat\u00edn \u201ctip\u00f3grafo\u201d que surge de la uni\u00f3n de tres componentes que son \u201ctipos\u201d que significa \u201cmolde\u201d y \u201cgraphos\u201d que se puede decir que alude a \u201cescribir o grabar\u201d y el sufijo \u201cia\u201d que es semejante a \u201ccualidad o acci\u00f3n\u201d. \u00bfTipograf\u00eda o fuente? Principalmente fuente y tipo de letra […]<\/p>\n","protected":false},"author":1,"featured_media":161,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/posts\/160"}],"collection":[{"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":1,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/posts\/160\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/posts\/160\/revisions\/162"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/media\/161"}],"wp:attachment":[{"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.agenciaweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}