desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Developing web - xhtml, css, web standards, usability, accessibility, web design, SEO, blogs and technology to develop the web

Neste primeiro artigo da série sobre tipologia na web e seu uso em sites , apresento algumas “questões tipográficas” e faço uma diferenciação entre termos comuns e frequentemente confundidos, como “tipologia”, “tipografia”, “tipo”, “fonte” e “fonte tipográfica”. In this first article in the series on typology of the web and its use on sites, presenting some "issues typographical" and I make a distinction between common terms and often confused, as "typology", "printer", "type", "source" and " text font. "

Sobre a série “Tipografia com foco ao web design” About the series "Typography with focus on web design"

Para conseguir um web design de qualidade, proveitoso e esteticamente agradável, útil ao fim a que se propõe e foi feito, são necessários diversos estudos e aprofundamentos em conhecimentos específicos. To achieve a web design quality, useful and aesthetically pleasing, useful for the purpose proposed and was done, several studies are needed and in deepening expertise. Certamente o estudo e conhecimento da tipografia deve figurar no know-how do desenvolvedor web . Certainly the study and knowledge of the printer must appear in the know-how of the web developer.

Esta série sobre tipografia com foco no web design , mesmo que sucinta, dá as bases para que qualquer pessoa tenha condições de continuar com estudos na área da tipografia, design para web e design , em geral. This series on typography focused on web design, even briefly, provides the basis for any person who is able to continue with studies in the area of printing, for web design and design in general. Além de tudo, como dito, ter conhecimentos sobre a área tipográfica e consciência de sua correta aplicação a designs para web é, certamente, uma das maneiras para se lograr sucesso em se fazer bons sites . Besides all, as said, have knowledge about the area and awareness of its typeface correct application designs for the web is certainly one of the ways to achieve success in doing good sites.

Considerações sobre a prática tipográfica na web Considerations on the practice typographical web

Os web sites , hot sites , mini sites , portais, sistemas web e softwares , campanhas online eo material encontrado na web , em geral, estão atualmente em uma fase de “amadurecimento”. The web sites, hot sites, mini sites, portals, web systems and software, online campaigns and material found on the web in general, are currently in a phase of "maturity". As pessoas ainda estudam as melhores técnicas e possibilidades sobre o desenvolvimento para web e, devido a esta área do conhecimento ainda ser relativamente recente, ainda não se tem posicionamentos oficiais a respeito - na verdade, nem nas áreas de conhecimento e estudos tradicionais -, o que resultado em uma produção em massa de um material que poderia ter mais qualidade do que se vê. People still studying the best techniques and possibilities for development on the web and because of this area of knowledge is still relatively new, still has not official positions about - actually, or in areas of traditional knowledge and studies - the which resulted in a mass production of a material that could have more quality than you see.

A relativa facilidade de contato com o desenvolvimento web e, até certo ponto, ausência de obstáculos para se adentrar no ramo - fora o fato da disseminação de cursos do tipo “Web Design em 6 meses”, que aparecem mais e mais -, todos estes figuram como incentivadores às pessoas. The relative ease of contact with the web development and, to some extent, lack of barriers to enter the industry - outside the fact of the spread of courses such as "Web Design in 6 months", which appear more and more - and all these listed as incentive to people.

Até certo ponto, isso é positivo, já que permite que todos os interessados aprendam coisas novas e, rapidamente, iniciem o desenvolvimento de seus próprios web sites de forma profissional, sendo remuneradas por seu trabalho. To some extent, this is positive, as it allows all interested to learn new things, and quickly initiate the development of their own web sites in a professional manner, and paid for their work.

Por outra perspectiva, “qualquer um” desenvolver web sites tem seus pontos negativos, já que, por um motivo ou por outro - e principalmente pelos certificados que recebem do tipo de curso que foi citado -, os ainda principiantes na arte de desenvolver a web não sabem dos pormenores desta profissão e sobre como o fato de estudar e aprender a cada dia para adquirir novos conhecimentos e atualizar os que já se tem, é essencial! For another perspective, "anyone" to develop web sites has its negative points because, for one reason or another - and especially by the certificates they receive the type of course that was said - and even beginners in the art of developing the web do not know the details of this profession and about the fact that study and learn every day to acquire new knowledge and upgrading those that already has, is essential!

E esta situação abarca, também, os inúmeros equívocos, falta de conhecimento e especulações sobre a correta utilização tipográfica no desenvolvimento de web sites e afins. And this includes, too, the many misconceptions, lack of knowledge and speculation about the correct use typeface in the development of web sites and the like. Tendo o ledo engano de que fazer o “mais ou menos” é o suficiente, os desenvolvedores não prestam a devida atenção à tipografia na web . Since the ledo make the mistake that "more or less" is enough, the developers do not provide proper consideration to the printer on the web. Frisando: o conhecimento e constantes estudos desta parte do desenvolvimento para web é muito importante para que os que se interessam seriamente pela área produzam designs web - e designs, em geral - melhores, que satisfaçam e agradem os visitantes dos sites que desenvolvem. Stressing: knowledge and studies in this part of the development to web is very important that those interested seriously by the area produce web designs - designs and, in general - better, satisfying and agradem visitors to the sites they develop.

Teoria antes da prática: explicação de termos relacionados à tipografia na web Theory before practice: explanation of terms related to printing on the web

Antes da prática, vem sempre a teoria. Before the practice, is always the theory. Sempre foi assim. It has always been so. Alunos de medicina passam anos lendo livros, vendo filmes e se informando de maneira diversas antes de operar alguém e nenhum estudante de engenharia constrói um prédio nos primeiros períodos faculdade. Students of medicine spend years reading books, watching movies and way of telling whether several before someone operate and no engineering student built a building right in the first period. O mesmo se aplica ao desenvolvimento para web : ninguém aprende a desenvolver bons sites - sites profissionais - em 6 meses… The same applies to web development: no one learns to develop good sites - sites professionals - in 6 months…

Então, é necessária teoria antes da prática. So is needed before the theory practice. É necessário que a correta definição dos termos da área sejam corretamente esclarecidos e aprendidos. It is necessary that the proper definition of the terms of the area are properly clarified and learned. Com isso, equívocos inoportunos e confusões desnecessárias são evitadas e um material com mais qualidade pode ser produzido. With this, inoportunos and misunderstandings are avoided unnecessary confusion and a material with better quality can be produced.

Diferença entre Tipologia e Tipografia Difference between Type and Typography

É comum haver confusão entre os termos “tipologia” e “tipografia”. It is common there confusion between the words "typology" and "printing". Não é “mal” de quem faz a confusão; a própria grafia e pronúncia são um pouco semelhantes e realmente podem causar confusão. It is not "evil" of who does the confusion; their spelling and pronunciation are somewhat similar and may actually cause confusion. Em um breve - mas muito bom - artigo sobre tipologia e tipografia , Sergio D Stefano , colunista do Webinsider , explica a diferença entre os termos: In a brief - but very good - article on type and typography, Sergio D Stefano, columnist for Webinsider, explains the difference between the words:

Uma grande bobagem que tenho ouvido ao longo dos anos é a insistência no uso do termo tipologia a para classificação de tipos. Much silly that I have heard over the years is the insistence on the use of the term typology for the classification of types. Tipologia na verdade é um termo pertencente à taxionomia, a ciência das classificações, o estudo das características das diferenças entre objetos e seres vivos de toda espécie. Type actually is a term belonging to the taxonomy, the science of classification, the study of the characteristics of the differences between objects and living creatures of every kind.

Nós temos a tipografia que, aí sim, é a arte e processo de criação de caracteres. We have a printer that, then yes, is the art and process of creating characters. A tipografia tem origem etimológica na implantação da impressão por tipos móveis na Europa, a partir do século XV. The printer has etymological origin in the deployment of printing by movable type in Europe from the fifteenth century. Portanto é a forma certa. So is the right way.

Na maioria das vezes pode parecer bobagem “ficas cismado” com falar uma palavra errada aqui, outra acolá, já que o que importa, mesmo, é enteder sobre o assunto, em suas diversas nuances. Most of the time may seem silly "Subject cismado" speak with one wrong word here, another there, because what matters, even, it enteder on the subject, in its various nuances. Entretanto, ao utilizar um termo errôneamente estamos, em primeiro lugar, errando - e fazer isso, por exemplo, na presença de um cliente, pode ser muito desgradável - e, depois, transmitindo um conhecimento errado , propagando um equívoco que, se tivéssemos estudado um pouquinho mais a respeito, teríamos evitado. However, by using a term errôneamente are, first, errando - and do so, for example, in the presence of a client, can be very desgradável - and then send a wrong note, spreading a misconception that if we had studied a little more about it, we would have avoided.

Então, para acabar de vez com este equívoco sobre tipologia e tipografia e, a partir de agora usar o termo correto, quando queremos dizer que estamos envolvidos em alguma atividade sobre a criação/estudo de tipos , usamos o termo tipografia . So, instead of to end with this misunderstanding on type and typography, and from now use the correct term, when we say that we are involved in any activity on the creation / study types, we use the term printing. Combinado? Combined? ;-)

Um pouco mais de informação sobre a Tipografia A little more information on Typography

Mais uma vez utilizando o bom conteúdo da Wikiédia, para expandir mais o tema transcrevo uma sucinta explicação sobre a Tipografia: Again using the proper content of Wikiédia, to expand further the theme transcrevo a brief explanation on Typography:

A tipografia (do grego typos - “forma” - e graphein - “escrita”) é a arte eo processo de criação na composição de um texto, física ou digitalmente. The printer (the Greek typos - "way" - and graphein - "writing") is the process of creating art and the composition of a text, physical or digitally. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa. As in graphic design in general, the main objective of the printer is to the structure and form to the statement printed. Tipografia também é um termo usado para a gráfica que usa uma prensa de tipos móveis. Typography is also a term used for imaging that uses a press types of furniture.

Na maioria dos casos, uma composição tipográfica deve ser especialmente legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os objetivos da sua publicação. In most cases, a composition should be especially readable typeface and visually engaging, without disregarding the context in which it is read and goals of its publication. Em trabalhos de design gráfico experimental (ou de vanguarda) os objetivos formais extrapolam a funcionalidade do texto, portanto questões como legibilidade, nesses casos, podem acabar sendo relativas. In experimental work of graphic design (or leading) the objectives formal extrapolam the functionality of the text, so issues such as readability, these cases may end up being related.

No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto ea relação entre texto e os elementos gráficos na página. In the use of printing the visual interest is achieved by the choice of sources typographical, composition (or layout) of text, the sensitivity to the tone of the text and the relationship between text and graphics on the page. Todos esses fatores são combinados para que o layout final tenha uma “atmosfera” ou “ressonância” apropriada ao conteúdo abordado. All these factors are combined so that the final layout has an "atmosphere" or "resonance" appropriate to the content addressed. No caso da mídia impressa, designers gráficos (ou seja, os tipógrafos) costumam se preocupar com a escolha do papel adequado, da tinta e dos métodos de impressão. In the case of printed media, graphic designers (ie printers) tend to worry about choosing the appropriate role of ink and methods of printing.

Apesar de estes conceitos e definições terem foco especialmente às mídias impressas, é perfeitamente possível e aceitável “adaptarmos” tudo e pensar sobre a tipografia com foco ao design web . Although these concepts and definitions have focused particularly on printed media, it is perfectly possible and acceptable "adapt" everything and think about the printer with a focus on web design. É importante, então, muito atenção a este assunto porque, com certeza, este é um dos assuntos mais úteis e bons de se tratar - e praticar - no desenvolvimento para web . It is important, so much attention to this matter because, of course, this is one of the most useful and good for the case - and practice - in development for Web.

“Tipo”, “Fonte” e “Fonte Tipográfica” "Type", "Source" and "Source Tipográfica"

Outros equívocos que são feitos quanto à terminologia tipográfica é a respeito dos termos tipo , fonte e fonte tipográfica - na verdade, os equívocos dizem respeito mais aos dois primeiros. Other mistakes that are made about the terminology typeface is on the terms type, source and source tipogr á is - actually, the more mistakes relate to the first two. Novamente, para sermos claros e precisos enquanto profissionais da web , não podemos cometer equívocos desnecessários e facilmente evitados. Again, to be clear and precise as a professional web, we can not commit unnecessary misunderstandings and easily avoided.

Fonte e Tipo , na verdade, querem dizer a mesma coisa. Source Type and, indeed, mean the same thing. Entretanto, devido ao mau uso do termo, principalmente por traduções mal-feitas de softwares estrangeiros para a língua portuguesa - editores de texto, por exemplo, usam o termo “fonte”, quando o correto deveria ser “tipo” -, o uso corrente e disseminação deste termo para designar tipos foi inevitável. However, due to misuse of the term, mainly by poorly-made translations of foreign software for the Portuguese language - text editors, for example, use the word "source", when the right should be "type" - the current use and dissemination of this term to describe types was inevitable. Tanto que, em explicação a este respeito , consta que a tradução para português de Portugal, nestes programas, ficou “ Tipo de Letra ” - que é o certo - ao invés de “ Tipo de Fonte ” - que é o equivocado. So, in explanation in this regard, is that the translation into Portuguese in Portugal, these programmes, was "type Letter" - that is true - instead of "type Source" - that is wrong.

E, quanto á “fonte tipográfica”, é usado para diferenciar e referenciar que se está falando sobre “fontes de tipos” ao invés das outras significações de “fonte”, como “fonte de informações” ou “fonte d’água”. And, as to "text font," is used to differentiate and identify who is talking about "sources of types" instead of the other meanings of "source" as "source of information" or "source of water."

Conclusão Conclusion

É importante, então, que se usem os termos corretos quando estivermos lidando com o estudo da tipografia e assuntos tipográficos, em geral, não fazendo confusão entre termos que, aparentemente, querem dizer a mesma coisa. It is important then that is using the correct terms when we are dealing with the study of the printer and typographical affairs, in general, not making confusion between terms that would appear to mean the same thing. “Fonte” virou sinônimo de “Tipo” principalmente em função de traduções famosas equivocadas, mas o correto é “ tipo de letra ” ao invés de “tipo de fonte”. "Source" became synonymous with "type" mainly in terms of translations famous wrong, but the right is "kind of letter" instead of "type of source."