OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts/lang-es: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (switch to Translation template)
(sync'ed with verstion [ID#32409] - font size)
Line 1: Line 1:
<noinclude>
<noinclude>
{{OLPC}}
{{OLPC}}
{{Translation | lang = es | source = OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts | version = 20071 | source_display = OLPC-HIG-Text and Fonts}}
{{Translation | lang = es | source = OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts | version = 32409 | source_display = OLPC-HIG-Text and Fonts}}
</noinclude>
</noinclude>
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
Line 7: Line 7:
| p_page=Colors
| p_page=Colors
| c_section=The Sugar Interface | c_page=Text and Fonts
| c_section=The Sugar Interface | c_page=Text and Fonts
| n_page=Rollovers}}
| n_page=Toolbars}}


<div id="Fonts"/>
<div id="Fonts"/>
Line 13: Line 13:
==={{:OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts/lang-es/title}}===
==={{:OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts/lang-es/title}}===


[http://en.wikipedia.org/wiki/Bitstream_Vera Bitstream Vera Sans]
[http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGS Sans]


<div id="Sizes"/>
<div id="Sizes"/>
====Tamaños====
=====Tamaños=====


[[Image:Sugar-font.png|thumb|218px|right|Tipografía de los menús de Sugar]]
[[Image:Sugar-font.png|thumb|218px|right|Tipografía de los menús de Sugar]]
[[Image:Sugar-font.png|thumb|218px|right|The font used in Sugar menus]]
[[Image:Sugar-font.png|thumb|218px|right|The font used in Sugar menus]]


La pantalla de la OLPC es de 200PPP; por lo tanto un punto&mdash;1/72 de pulgada o 0.035cm&mdash;es justo un poco menos de 3 píxeles (2.78 píxeles). Por lo tanto una tipografía de 12 puntos tiene aproximadamente 33 píxeles. Estamos adoptando un tamaño estándar para los menús de Sugar (usando [http://en.wikipedia.org/wiki/Bitstream_Vera Bitstream Vera Sans]) de 11-píxeles x altura; 13-píxeles de altura ascendente; y 5-píxeles de descendente. En esos términos que son en puntos de tamaño, aproximadamente una tipografía de 9 puntos (era una de 19 puntos en el Illustrator sobre Mac). Es bastante legible. Estaremos estudiando otras tipografías, ej. Arábigas y Tailandesas, y también buscando un versión más grande para el uso con chicos mas jóvenes en la interfaz.
La pantalla de la OLPC es de 200PPP (''DPI''); por lo tanto un punto&mdash;1/72 de pulgada o 0.035cm&mdash;es justo un poco menos de 3 píxeles (2.78 píxeles). Por lo tanto una tipografía de 12 puntos tiene aproximadamente 33 píxeles. Estamos adoptando un tamaño estándar de 7pts. para la interfaz de Sugar (usando [http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGS Sans]). Es bastante legible. Esto se traduce en un tamaño de letras aproximadamente de 19.45 pt en Adobe Illustrator, que basa sus unidades en la pantalla tradicional de 72PPP. Cuando se preparen simulacros de pantallas, siempre se debe recordar el hacer la conversión a la resolución de la pantalla de la laptop multiplicando por el valor constante de 0.36.

<font size="1"><blockquote>The OLPC display is 200DPI; therefore one point&mdash;1/72 inch&mdash;is just less than 3 pixels (2.78 pixels). Hence a 12pt font would be roughly 33 pixels. We are settling on a default size for Sugar menus (using [http://en.wikipedia.org/wiki/Bitstream_Vera Bitstream Vera Sans]) of an 11-pixel x height; 13-pixel ascender height; and 5-pixel descender height. In terms of that that is in point size on the actual display, about a 9 point font (it was a 19 point font in Illustrator on the Mac). It is quite legible. We will be looking at other faces, e.g., Arabic and Thai, and also looking into a large-type version of the interface for the younger children.</blockquote></font>
Estaremos estudiando otras tipografías, ej. Arábigas y Tailandesas, y también buscando un versión más grande para el uso con chicos mas jóvenes en la interfaz.
<br clear="all"/> <!--prevents image pushing title out-->
<font size="1"><blockquote>The OLPC display is 200DPI; therefore one point&mdash;1/72 inch&mdash;is just less than 3 pixels (2.78 pixels). We are settling on a default font size of 7pts. for the Sugar UI (using [http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGS Sans]). It is quite legible. This translates to a font size of approximately 19.45 pt in Adobe Illustrator, which bases its units on the traditional 72DPI display. For the purposes of preparing activity GUI mockups, you must always remember to make the conversion to the laptops' display resolution by multiplying by a constant factor of 0.36.

We will be looking at other faces, e.g., Arabic and Thai, and also looking into a large-type version of the interface for the younger children.</blockquote></font>
<br clear="all"/>


<div id="Readability"/>
<div id="Readability"/>
====Legibilidad====
=====Legibilidad=====


Dadas las particularidades únicas de la pantalla de la OLPC, técnicas específicas para el trazado de texto brindaran resultados mucho mejores que otros. El modo dual de la pantalla tiene una resolución de 1200x900 (200ppp) en modo no iluminado (escala de grises), pero solamente ~800x600 (133ppp) en modo cromático. Por lo tanto, de no ser lo suficientemente grandes, las tipografías dibujadas en modo no iluminado y sin valores cromáticos aparecerán más nítidas y legibles.
Dadas las particularidades únicas de la pantalla de la OLPC, técnicas específicas para el trazado de texto brindaran resultados mucho mejores que otros. El modo dual de la pantalla tiene una resolución de 1200x900 (200ppp) en modo no iluminado (escala de grises), pero solamente ~800x600 (133ppp) en modo cromático. Por lo tanto, de no ser lo suficientemente grandes, las tipografías dibujadas en modo no iluminado y sin valores cromáticos aparecerán más nítidas y legibles.
Line 37: Line 41:
| p_page=Colors
| p_page=Colors
| c_section=The Sugar Interface | c_page=Text and Fonts
| c_section=The Sugar Interface | c_page=Text and Fonts
| n_page=Rollovers}}
| n_page=Toolbars}}

Revision as of 00:28, 10 April 2007


  Esta página está supervisada por el equipo de OLPC.
  Traducción de OLPC-HIG-Text and Fonts original  
  english | español | 한국어   +/- cambios  

Texto y Tipografía

DejaVu LGS Sans

Tamaños
Tipografía de los menús de Sugar
The font used in Sugar menus

La pantalla de la OLPC es de 200PPP (DPI); por lo tanto un punto—1/72 de pulgada o 0.035cm—es justo un poco menos de 3 píxeles (2.78 píxeles). Por lo tanto una tipografía de 12 puntos tiene aproximadamente 33 píxeles. Estamos adoptando un tamaño estándar de 7pts. para la interfaz de Sugar (usando DejaVu LGS Sans). Es bastante legible. Esto se traduce en un tamaño de letras aproximadamente de 19.45 pt en Adobe Illustrator, que basa sus unidades en la pantalla tradicional de 72PPP. Cuando se preparen simulacros de pantallas, siempre se debe recordar el hacer la conversión a la resolución de la pantalla de la laptop multiplicando por el valor constante de 0.36.

Estaremos estudiando otras tipografías, ej. Arábigas y Tailandesas, y también buscando un versión más grande para el uso con chicos mas jóvenes en la interfaz.

The OLPC display is 200DPI; therefore one point—1/72 inch—is just less than 3 pixels (2.78 pixels). We are settling on a default font size of 7pts. for the Sugar UI (using DejaVu LGS Sans). It is quite legible. This translates to a font size of approximately 19.45 pt in Adobe Illustrator, which bases its units on the traditional 72DPI display. For the purposes of preparing activity GUI mockups, you must always remember to make the conversion to the laptops' display resolution by multiplying by a constant factor of 0.36. We will be looking at other faces, e.g., Arabic and Thai, and also looking into a large-type version of the interface for the younger children.


Legibilidad

Dadas las particularidades únicas de la pantalla de la OLPC, técnicas específicas para el trazado de texto brindaran resultados mucho mejores que otros. El modo dual de la pantalla tiene una resolución de 1200x900 (200ppp) en modo no iluminado (escala de grises), pero solamente ~800x600 (133ppp) en modo cromático. Por lo tanto, de no ser lo suficientemente grandes, las tipografías dibujadas en modo no iluminado y sin valores cromáticos aparecerán más nítidas y legibles.

Due to the unique design of the OLPC display, particular techniques for text rendering will provide much better results than others. The dual mode display has a resolution of 1200x900 (200 dpi) in luminance mode, but only ~800x600 (133 dpi) in chrominance mode. Therefore, unless they are sufficiently large, fonts rendered with luminance and no chroma will appear sharper and more readable.

Adicionalmente, la pantalla tiene una mayor resolución de píxeles negros que blancos. Esto resulta así del hecho que cada píxel tiene una parte de color que contiene la información solamente del rojo, verde o azul. Para lograr el blanco, la parte roja, verde y azul deben trabajar conjuntamente; si están apagadas, el color de la parte es negro de por si. Por lo tanto, recomendamos el uso de texto negro sobre un fondo blanco para mayor legibilidad del texto pequeño.

Additionally, the display has higher resolution in black pixels than in white pixels. This results from the fact that each pixel has a color part which contains either red, green, or blue information. In order to create white, red, green and blue parts must all work together; when off, each of the color parts is black on its own. Therefore, we recommend the use of black text on a white background for best readability of fine text.