{"id":1001,"date":"2017-02-16T12:44:05","date_gmt":"2017-02-16T18:44:05","guid":{"rendered":"http:\/\/www.crec.mx\/ispring\/?p=1001"},"modified":"2017-02-16T12:51:38","modified_gmt":"2017-02-16T18:51:38","slug":"elegir-la-tipografia-proyecto","status":"publish","type":"post","link":"http:\/\/www.crec.mx\/ispring\/2017\/02\/16\/elegir-la-tipografia-proyecto\/","title":{"rendered":"\u00bfY ahora qu\u00e9 tipo de letra uso en mi curso?"},"content":{"rendered":"<p><iframe loading=\"lazy\" style=\"border: none; overflow: hidden;\" src=\"https:\/\/www.facebook.com\/plugins\/share_button.php?href=http%3A%2F%2Fwww.crec.mx%2Fispring%2F2017%2F02%2F16%2Felegir-la-tipografia-proyecto%2F&amp;layout=button_count&amp;mobile_iframe=true&amp;width=91&amp;height=20&amp;appId\" width=\"91\" height=\"20\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p style=\"text-align: justify;\">En el art\u00edculo <em><a href=\"http:\/\/www.crec.mx\/ispring\/2016\/08\/25\/los-4-aspecto-importantes-al-construir-una-reticula-cursos-e-learning\/\" data-saferedirecturl=\"https:\/\/www.google.com\/url?hl=es-419&amp;q=http:\/\/www.crec.mx\/ispring\/2016\/08\/25\/los-4-aspecto-importantes-al-construir-una-reticula-cursos-e-learning\/&amp;source=gmail&amp;ust=1487347901261000&amp;usg=AFQjCNFBnSdTcLvJWkk4qWZ022pyJ2dK1w\">-Los 4 aspectos m\u00e1s importantes al construir una ret\u00edcula para cursos e-learning-,<\/a><\/em> hablamos sobre el uso de una ret\u00edcula para nuestros proyectos, en esta ocasi\u00f3n vamos a tratar con el tema de la tipograf\u00eda, el uso de las fuentes y la jerarqu\u00eda tipogr\u00e1fica.<\/p>\n<p style=\"text-align: justify;\">El alfabeto est\u00e1 construido por un conjunto de s\u00edmbolos (letras), por medio de los cuales nos comunicamos mediante la escritura, utilizamos dichos s\u00edmbolos de una forma ordenada, para que, mediante la lectura podamos entender lo que se quiere comunicar.<\/p>\n<p style=\"text-align: justify;\"><strong>\u00bfQu\u00e9 es una fuente tipogr\u00e1fica?<\/strong><\/p>\n<p style=\"text-align: justify;\">Una fuente tipogr\u00e1fica es un conjunto de caracteres (letras, n\u00fameros, caracteres especiales, signos de puntuaci\u00f3n) que est\u00e1n conformados por caracter\u00edsticas similares, estos elementos son las que los identifican dentro de la misma fuente, como el alto y ancho, la curvatura, entre otros elementos que comparten en su estructura. En el universo de la tipograf\u00eda existen dos grandes grupos de fuentes que se distinguen por sus caracter\u00edsticas generales, con remates (<strong><em>serif<\/em><\/strong>, en ingl\u00e9s) y sin remates (<strong><em>san serif<\/em><\/strong>, en ingl\u00e9s). Las fuentes <em>serif<\/em> llevan un sus extremos un ornamento o remate que ayudan a la lectura en textos impresos. Las fuentes <em>san serif<\/em> no tienen estos ornamentos y se recomiendan para textos que \u00fanicamente se van a visualizar en pantalla.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1002\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_01-1024x557.jpg\" alt=\"\" width=\"624\" height=\"339\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_01-1024x557.jpg 1024w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_01-300x163.jpg 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_01-768x418.jpg 768w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_01.jpg 1119w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong>\u00bfQu\u00e9 es una familia tipogr\u00e1fica?<\/strong><\/p>\n<p style=\"text-align: justify;\">Al igual que las personas, cada fuente tipogr\u00e1fica posee caracter\u00edsticas propias que la hacen \u00fanica, en este sentido, una familia tipogr\u00e1fica es un conjunto de fuentes, que poseen rasgos que las hace diferenciar entre una y otra, pero conservando caracter\u00edsticas que las hace formar parte de esa familia. Existen familias tipogr\u00e1ficas que tiene \u00fanicamente una fuente, esto pasa principalmente en ciertos tipos de letras que se hacen ex profeso para alg\u00fan proyecto en especifico o fuentes que se les conoce como \u2013de Fantas\u00eda-, y existen familias con dos o m\u00e1s fuentes, cuantas m\u00e1s fuentes contenga la familia, mayor usabilidad le podemos dar en nuestro proyecto, ya que nos dar\u00e1 un mayor n\u00famero de recursos a la hora de determinar la jerarqu\u00eda tipogr\u00e1fica dentro de nuestro proyecto e-learning.<\/p>\n<p style=\"text-align: justify;\">Las caracter\u00edsticas que pueden tener las fuentes dentro de una familia, pueden ser:<\/p>\n<ul style=\"text-align: justify;\">\n<li><strong>Negritas (bold)<\/strong><\/li>\n<li><em>Cursivas (Italic)<\/em><\/li>\n<li><strong><em>Una combinaci\u00f3n de ambas<\/em><\/strong><\/li>\n<li>Liviana (light \/ slim)<\/li>\n<li>Condensada (condensed)<\/li>\n<li>Extendida (extended)<\/li>\n<\/ul>\n<p>Entre otras m\u00e1s.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1003\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_02.jpg\" alt=\"\" width=\"468\" height=\"756\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_02.jpg 468w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_02-186x300.jpg 186w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong>\u00bfQu\u00e9 es la jerarqu\u00eda tipogr\u00e1fica?<\/strong><\/p>\n<p style=\"text-align: justify;\">Como vimos en nuestro art\u00edculo <em><a href=\"http:\/\/www.crec.mx\/ispring\/2016\/08\/25\/los-4-aspecto-importantes-al-construir-una-reticula-cursos-e-learning\/\" data-saferedirecturl=\"https:\/\/www.google.com\/url?hl=es-419&amp;q=http:\/\/www.crec.mx\/ispring\/2016\/08\/25\/los-4-aspecto-importantes-al-construir-una-reticula-cursos-e-learning\/&amp;source=gmail&amp;ust=1487347901261000&amp;usg=AFQjCNFBnSdTcLvJWkk4qWZ022pyJ2dK1w\">-Los 4 aspectos m\u00e1s importantes al construir una ret\u00edcula para cursos e-learning-,<\/a><\/em> la estructura de una ret\u00edcula nos dar\u00e1 ciertas pautas para determinar la jerarqu\u00eda de la tipograf\u00eda que vamos a emplear. Darle una jerarqu\u00eda a los textos es una gu\u00eda que permite, tanto al dise\u00f1ador instruccional como al usuario del curso, tener una mejor lectura de los contenidos, ya que visualmente debemos diferenciar la importancia de los textos, de manera que causen un mayor impacto, es importante generar este contraste tipogr\u00e1fico, para que el curso no sea visualmente aburrido y el usuario pierda el inter\u00e9s por lo que est\u00e1 leyendo.<\/p>\n<p style=\"text-align: justify;\">En un <strong>primer nivel<\/strong> jer\u00e1rquico podemos encontrar los <strong>t\u00edtulos<\/strong>, los cuales deben tener un mayor tama\u00f1o con respecto del resto de los textos, debemos tomar en cuenta la composici\u00f3n de nuestra ret\u00edcula, para no exagerar el tama\u00f1o y que se pierda el equilibrio visual que la ret\u00edcula nos est\u00e1 proporcionando.<\/p>\n<p style=\"text-align: justify;\">Un <strong>segundo nivel<\/strong> puede comprender <strong>subt\u00edtulos <\/strong>o informaci\u00f3n adicional, regularmente no es m\u00e1s grande que los t\u00edtulos (aunque pueden existir excepciones) y nos ayuda a resaltar ciertos textos los cuales tienen una importancia mayor que el contenido general.<\/p>\n<p style=\"text-align: justify;\">Y un <strong>tercer nivel<\/strong> es el <strong>-Contenido General<\/strong>&#8211; en el cual debemos determinar un tama\u00f1o para el resto del texto, para que este se adapte a nuestra ret\u00edcula y que las cajas de texto no se vean, ni tan llenas ni tan vac\u00edas y con ello lograr un equilibrio visual que permita a los usuarios del curso, tener una lectura c\u00f3moda.<\/p>\n<p style=\"text-align: center;\">Ejemplo sin jerarqu\u00eda tipogr\u00e1fica<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1004\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_03-1024x577.png\" alt=\"\" width=\"624\" height=\"352\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_03-1024x577.png 1024w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_03-300x169.png 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_03-768x432.png 768w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_03.png 1188w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: center;\">Ejemplo con jerarqu\u00eda tipogr\u00e1fica<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1005\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_04-1024x576.png\" alt=\"\" width=\"624\" height=\"351\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_04-1024x576.png 1024w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_04-300x169.png 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_04-768x432.png 768w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_04.png 1224w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: justify;\">En proyectos e-learning podemos agregar un <strong>cuarto nivel<\/strong>, esto se debe a que en ocasiones llegamos a tener pantallas en las que, seg\u00fan el modelo pedag\u00f3gico que estemos utilizando, el texto que contiene nuestra pantalla no es muy extenso, en este caso podemos utilizar un tama\u00f1o de letra mayor, incluso que el tama\u00f1o que estamos usando en los t\u00edtulos, esto con el fin de dar mayor \u00e9nfasis al texto, y que la composici\u00f3n dentro de nuestra pantalla no se vea afectada por espacios en blanco que puedan desviar la atenci\u00f3n de nuestros usuarios.<br \/>\nPor ejemplo:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1006\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_05-1024x576.png\" alt=\"\" width=\"624\" height=\"351\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_05-1024x576.png 1024w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_05-300x169.png 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_05-768x432.png 768w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_05.png 1224w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: justify;\">Como recomendaci\u00f3n adicional, debemos recordar que hay detalles que debemos cuidar dentro de nuestra ret\u00edcula, uno de ellos <strong><em>son los m\u00e1rgenes<\/em><\/strong>, tenemos que considerar una distancia razonable, para evitar que nuestras cajas de texto queden muy pegadas a las orillas de nuestra pantalla, esto le dar\u00e1 una mejor presentaci\u00f3n a nuestro proyecto, ya que nos ayudar\u00e1 a que visualmente tenga un buen equilibrio.\u00a0 Aunque no existe una distancia establecida, debemos confiar en nuestro sentido com\u00fan y buscar que nuestros m\u00e1rgenes cumplan la funci\u00f3n de enmarcar nuestra \u00e1rea de trabajo. Tambi\u00e9n debemos cuidar los m\u00e1rgenes interiores, los cuales van a delimitar la distancia que hay entre las cajas de texto, para evitar que queden muy juntas y la lectura se vuelva complicada.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1007\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_06-1024x575.png\" alt=\"\" width=\"624\" height=\"350\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_06-1024x575.png 1024w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_06-300x169.png 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_06-768x432.png 768w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2017\/02\/img_06.png 1226w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/p>\n<p style=\"text-align: justify;\"><b><span lang=\"ES\">\u00bfC\u00f3mo elegir la fuente para tu proyecto?<\/span><\/b><\/p>\n<p style=\"text-align: justify;\">Aunque no existe una regla escrita para tener la mejor elecci\u00f3n de la fuente, la \u00fanica constante es que para todos los proyectos que se vayan a ver \u00fanicamente en pantalla, ya sean p\u00e1ginas web, blogs o cursos on-line, <strong><em>las fuentes san serif son las ideales<\/em><\/strong> para una buena lectura, ya que su sencillez permite que al usuario no se le canse la vista a la hora de la lectura de los textos.<\/p>\n<p style=\"text-align: justify;\">Otro aspecto que debemos tomar en cuenta al momento de elegir una fuente, es que sea acorde a la identidad de nuestro proyecto, esto ayuda a que en la parte visual se genere un equilibrio entre la ret\u00edcula, la composici\u00f3n, los textos y todo el material audiovisual que usemos como recursos gr\u00e1ficos, y con ello lograr un mayor impacto y atenci\u00f3n a los contenidos, ya que tendremos menos distracciones a la vista del usuario.<\/p>\n<p style=\"text-align: justify;\">Tambi\u00e9n en ocasiones, los dise\u00f1adores instruccionales que trabajan en proyectos para ciertos clientes, suele suceder que este,\u00a0tiene una fuente institucional, lo m\u00e1s recomendable es apegarse a la identidad gr\u00e1fica que ya tiene tu cliente, y pedirle la fuente que usa regularmente, esto con el fin de no cambiar la identidad de la marca para la que se est\u00e1 realizando el proyecto.<\/p>\n<p style=\"text-align: justify;\">Actualmente existen una gran cantidad de sitios web\u00a0que nos ofrecen fuentes de descarga libre entre las que podemos elegir, y es f\u00e1cil perderse entre tantas opciones que nos ofrecen, s\u00f3lo recuerda tener en cuenta estos aspectos a la hora de elegir la tipograf\u00eda para tu curso.<\/p>\n<p style=\"text-align: justify;\">\u00bfTe gust\u00f3 este art\u00edculo? Comp\u00e1rtelo con tus amigos.<\/p>\n<p><iframe loading=\"lazy\" style=\"border: none; overflow: hidden;\" src=\"https:\/\/www.facebook.com\/plugins\/share_button.php?href=http%3A%2F%2Fwww.crec.mx%2Fispring%2F2017%2F02%2F16%2Felegir-la-tipografia-proyecto%2F&amp;layout=button_count&amp;mobile_iframe=true&amp;width=91&amp;height=20&amp;appId\" width=\"91\" height=\"20\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el art\u00edculo -Los 4 aspectos m\u00e1s importantes al construir una ret\u00edcula para cursos e-learning-, hablamos sobre el uso de una ret\u00edcula para nuestros proyectos, en esta ocasi\u00f3n vamos a tratar con el tema de la tipograf\u00eda, el uso de las fuentes y la jerarqu\u00eda tipogr\u00e1fica. El alfabeto est\u00e1 construido por un conjunto de s\u00edmbolos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1009,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,5],"tags":[],"class_list":["post-1001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-e-learning","category-estudio-de-caso"],"_links":{"self":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":3,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/1001\/revisions"}],"predecessor-version":[{"id":1012,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/1001\/revisions\/1012"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/media\/1009"}],"wp:attachment":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/media?parent=1001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/categories?post=1001"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/tags?post=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}