{"id":61,"date":"2015-03-31T02:25:30","date_gmt":"2015-03-31T05:25:30","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=61"},"modified":"2015-03-31T02:27:08","modified_gmt":"2015-03-31T05:27:08","slug":"dica-04-tipografia-defina-uma-escala","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/dica-04-tipografia-defina-uma-escala\/","title":{"rendered":"Dica #04 Tipografia \u2013 Defina Uma Escala"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/www.origamid.com\/codex\/wp-content\/uploads\/2015\/03\/04_escala.png\" alt=\"04_escala\" \/>\n<p>11, 14, 18, 24, 36, 48, 60. Definir uma escala tipogr\u00e1fica \u00e9 t\u00e3o importante quanto definir as cores do site.<\/p>\n<p>Existem escalas cl\u00e1ssicas como a que encontramos pr\u00e9 programadas em softwares como o Photoshop e escalas que v\u00e3o desde a propor\u00e7\u00e3o \u00e1urea at\u00e9 as notas musicais.<\/p>\n<p>Independente da escala, siga essas regras e tudo ficar\u00e1 bem:<\/p>\n<p>1 &#8211; Seis \u00e9 um bom n\u00famero. Seis escalas diferentes s\u00e3o suficientes para trabalhar a hierarquia da informa\u00e7\u00e3o de um site.<\/p>\n<p>2 &#8211; Contraste \u00e9 rei. Define uma escala em que o contraste entre um tamanho e outro seja totalmente vis\u00edvel. Uma escala que re\u00fane tamanhos como 14, 15 e 16 n\u00e3o \u00e9 uma boa escala, pois estes s\u00e3o muito parecidos. Tamanhos parecidos n\u00e3o possuem contraste e por isso n\u00e3o enriquecem a hierarquia da p\u00e1gina.<\/p>\n<p>A escala \u00e9 fundamental e se apoio em um dos mais b\u00e1sicos princ\u00edpios do design que \u00e9 a REPETI\u00c7\u00c3O.<\/p>\n<p>Ent\u00e3o se voc\u00ea definir um tamanho para os textos de bot\u00f5es, mantenha ele por todo o site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>11, 14, 18, 24, 36, 48, 60. Definir uma escala tipogr\u00e1fica \u00e9 t\u00e3o importante quanto definir as cores do site. Existem escalas cl\u00e1ssicas como a que encontramos pr\u00e9 programadas em softwares como o Photoshop e escalas que v\u00e3o desde a propor\u00e7\u00e3o \u00e1urea at\u00e9 as notas musicais. Independente da escala, siga essas regras e tudo ficar\u00e1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/61"}],"collection":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":2,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/61\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}