Human Interface Guidelines/The Sugar Interface/Text and Fonts - Revision history

FGrose: moved Design Team/Human Interface Guidelines/The Sugar Interface/Text and Fonts to Human Interface Guidelines/The Sugar Interface/Text and Fonts: restructure

2009-07-07T13:26:39Z

moved Design Team/Human Interface Guidelines/The Sugar Interface/Text and Fonts to Human Interface Guidelines/The Sugar Interface/Text and Fonts: restructure

← Older revision	Revision as of 09:26, 7 July 2009
(No difference)

FGrose at 16:06, 5 July 2009

2009-07-05T16:06:19Z

← Older revision		Revision as of 12:06, 5 July 2009
Line 1:		Line 1:
	<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%;">
	<noinclude>{{Translations}}</noinclude>		<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
	{{hig-subnav-intra\|p_page=Colors\|c_section=The Sugar Interface\|c_page=Text and Fonts\|n_page=Toolbars}}		{{hig-subnav-intra\|p_page=Colors\|c_section=The Sugar Interface\|c_page=Text and Fonts\|n_page=Toolbars}}

Dfarning: DesignTeam/Human Interface Guidelines/The Sugar Interface/Text and Fonts moved to Design Team/Human Interface Guidelines/The Sugar Interface/Text and Fonts

2009-04-08T03:45:06Z

DesignTeam/Human Interface Guidelines/The Sugar Interface/Text and Fonts moved to Design Team/Human Interface Guidelines/The Sugar Interface/Text and Fonts

← Older revision	Revision as of 23:45, 7 April 2009
(No difference)

FGrose at 18:04, 21 March 2009

2009-03-21T18:04:48Z

← Older revision		Revision as of 14:04, 21 March 2009
Line 28:		Line 28:
	[[Category:Sugar]]		[[Category:Sugar]]
	[[Category:Fonts]]		[[Category:Fonts]]
	[[Category:Design ~~Gang~~]]		[[Category:Design]]
	[[Category:Graphic Design]]		[[Category:Graphic Design]]

Dfarning-bot: OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Text and Fonts: Robot: moved page

2009-02-05T02:35:28Z

OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Text and Fonts: Robot: moved page

← Older revision	Revision as of 22:35, 4 February 2009
(No difference)

Dfarning: 18 revisions

2009-02-04T19:24:47Z

18 revisions

New page

<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
<noinclude>{{Translations}}</noinclude>
{{hig-subnav-intra|p_page=Colors|c_section=The Sugar Interface|c_page=Text and Fonts|n_page=Toolbars}}

===Fonts===

[http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGC Sans]

====Sizes====

[[Image:Sugar-font.png|thumb|218px|right|The font used in Sugar menus]]

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 [http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGC 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.
<br clear="all"/>

====Readability====

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.

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. Furthermore, a grey background limits the readability of the display in sunlight. Therefore, we recommend the use of black text on a white background for best readability of fine text, and color on white for larger print.

{{hig-subnav-intra|p_page=Colors|c_section=The Sugar Interface|c_page=Text and Fonts|n_page=Toolbars}}
</div>

[[Category:Sugar]]
[[Category:Fonts]]
[[Category:Design Gang]]
[[Category:Graphic Design]]

18.85.47.55 at 18:47, 15 December 2008

2008-12-15T18:47:07Z

← Older revision		Revision as of 14:47, 15 December 2008
Line 24:		Line 24:

	{{hig-subnav-intra\|p_page=Colors\|c_section=The Sugar Interface\|c_page=Text and Fonts\|n_page=Toolbars}}		{{hig-subnav-intra\|p_page=Colors\|c_section=The Sugar Interface\|c_page=Text and Fonts\|n_page=Toolbars}}
			</div>

	[[Category:Sugar]]		[[Category:Sugar]]

AuntiMame at 23:40, 2 September 2008

2008-09-02T23:40:34Z

← Older revision		Revision as of 19:40, 2 September 2008
Line 29:		Line 29:
	[[Category:Fonts]]		[[Category:Fonts]]
	[[Category:Design Gang]]		[[Category:Design Gang]]
	~~[[Category:Graphics]]~~
	[[Category:Graphic Design]]		[[Category:Graphic Design]]

AuntiMame: added Design Gang categories

2008-08-31T00:27:13Z

added Design Gang categories

← Older revision		Revision as of 20:27, 30 August 2008
Line 28:		Line 28:
	[[Category:Sugar]]		[[Category:Sugar]]
	[[Category:Fonts]]		[[Category:Fonts]]
			[[Category:Design Gang]]
			[[Category:Graphics]]
			[[Category:Graphic Design]]

128.113.248.136: /* Fonts */ Changed LGS to LGC, as it stands for Latin, Greek, Cyrillic. LGS does not exist.

2007-11-28T23:21:26Z

Fonts: Changed LGS to LGC, as it stands for Latin, Greek, Cyrillic. LGS does not exist.

← Older revision		Revision as of 19:21, 28 November 2007
Line 5:		Line 5:
	===Fonts===		===Fonts===

	[http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu ~~LGS~~ Sans]		[http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGC Sans]

	====Sizes====		====Sizes====
Line 11:		Line 11:
	[[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]]

	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 [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.		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 [http://dejavu.sourceforge.net/wiki/index.php/Main_Page DejaVu LGC 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.		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.