Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es - Revision history

FGrose at 21:34, 11 July 2009

2009-07-11T21:34:17Z

← Older revision		Revision as of 17:34, 11 July 2009
Line 1:		Line 1:
	<noinclude>		<noinclude>
	{{Translation \| lang = es \| source = ~~Design_Team/~~Human_Interface_Guidelines/The Sugar Interface/Layout Guidelines \| version = ~~54922~~ \| source_display = ~~OLPC-~~HIG-Layout Guidelines}}		{{Translation \| lang = es \| source = Human_Interface_Guidelines/The Sugar Interface/Layout Guidelines \| version = 32592 \| source_display = HIG-Layout Guidelines}}
	</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 10:		Line 10:
	{{anchor\|Layout Guidelines}}		{{anchor\|Layout Guidelines}}
	<!--===Lineamientos de Diagramación===-->		<!--===Lineamientos de Diagramación===-->
	==={{:~~Design Team/~~Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===		==={{:Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===

	{{anchor\|The Grid System}}		{{anchor\|The Grid System}}

FGrose: moved Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es to Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es: restructure

2009-07-07T13:16:15Z

moved Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es to Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es: restructure

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

Dfarning: fix broken links

2009-04-09T00:40:27Z

fix broken links

← Older revision		Revision as of 20:40, 8 April 2009
Line 1:		Line 1:
	<noinclude>		<noinclude>
	~~{{OLPC}}~~		{{Translation \| lang = es \| source = Design_Team/Human_Interface_Guidelines/The Sugar Interface/Layout Guidelines \| version = 54922 \| source_display = OLPC-HIG-Layout Guidelines}}
	{{Translation \| lang = es \| source = ~~OLPC Human Interface Guidelines~~/The Sugar Interface/Layout Guidelines \| version = 54922 \| source_display = OLPC-HIG-Layout Guidelines}}
	</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%;">

Dfarning: fix camelcase links

2009-04-08T03:58:57Z

fix camelcase links

← Older revision		Revision as of 23:58, 7 April 2009
Line 11:		Line 11:
	{{anchor\|Layout Guidelines}}		{{anchor\|Layout Guidelines}}
	<!--===Lineamientos de Diagramación===-->		<!--===Lineamientos de Diagramación===-->
	==={{:~~DesignTeam~~/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===		==={{:Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===

	{{anchor\|The Grid System}}		{{anchor\|The Grid System}}

Dfarning: DesignTeam/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es moved to Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es

2009-04-08T02:57:03Z

DesignTeam/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es moved to Design Team/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es

← Older revision	Revision as of 22:57, 7 April 2009
(No difference)

Dfarning-bot: Robot: Automated text replacement (-:OLPC Human Interface Guidelines +:DesignTeam/Human Interface Guidelines)

2009-02-05T03:37:39Z

Robot: Automated text replacement (-:OLPC Human Interface Guidelines +:DesignTeam/Human Interface Guidelines)

← Older revision		Revision as of 23:37, 4 February 2009
Line 11:		Line 11:
	{{anchor\|Layout Guidelines}}		{{anchor\|Layout Guidelines}}
	<!--===Lineamientos de Diagramación===-->		<!--===Lineamientos de Diagramación===-->
	==={{:~~OLPC~~ Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===		==={{:DesignTeam/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===

	{{anchor\|The Grid System}}		{{anchor\|The Grid System}}

Dfarning-bot: OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es: Robot: moved page

2009-02-05T02:33:19Z

OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es moved to DesignTeam/Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es: Robot: moved page

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

Dfarning: 6 revisions

2009-02-04T22:11:01Z

6 revisions

New page

<noinclude>
{{OLPC}}
{{Translation | lang = es | source = OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines | version = 54922 | source_display = OLPC-HIG-Layout Guidelines}}
</noinclude>
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
{{hig-subnav-intra-lang | lang=es
| p_page=Input Systems
| c_section=The Sugar Interface | c_page=Layout Guidelines
| n_page=Icons}}

{{anchor|Layout Guidelines}}

==={{:OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es/title}}===

{{anchor|The Grid System}}
====La Grilla del Sistema====

Manteniendo el aspecto visual llano y simple de la interfaz de Sugar, hemos diseñado todos los elementos de la interfaz directamente sobre una grilla. El sistema funciona básicamente como un plano el cual permite el posicionamiento ordenado dentro de sus bordes. La grilla consiste de una matriz de 16x12 celdas cuadradas.
{{ Translated text |
In keeping with the simple, flat visual style of the Sugar interface, we have designed all of the interface elements on a straightforward grid system. The system functions like a basic floorplan which allows interface elements to tile neatly within its boundaries. The grid consists of a 16x12 array of square tiles.
| display = block }}

El siguiente diagrama muestra a la pantalla dividida en celdas. Aun más, las celdas marcadas en azul indican las áreas apropiadas para barras de herramientas. Nótese la exclusión de las esquinas, que son reservadas como esquinas activas para poder invocar al Marco. Con el objeto de evitar posibles invocaciones erróneas, ningún botón debe ser posicionado en estas posiciones. Si bien todos los bordes son apropiados para el posicionamiento de las barras de herramientas, recomendamos el uso del borde superior e izquierdo para dicho objetivo, a no ser que circunstancias específicas sugieran lo contrario. Siguiendo estos lineamientos no solo permitirá que el uso de una amplia variedad de actividades sea más homogéneo, sino que también reserva los bordes derechos e inferior para el uso de las barras de desplazamiento, permitiendo una navegación más simple (cuando esta sea necesaria) dentro del panel primario. Si bien la tecla de Agarrar provee el medio primario para desplazar, preservando este espacio para la barras de desplazamiento como un indicador visual aumentara la usabilidad.
{{ Translated text |
The diagram below shows the screen dissected into cells. Furthermore, the cells highlighted in blue indicate the areas suitable for activity toolbars. Note the exclusion of the corners, which are reserved for the hot corners which invoke the frame. In order to prevent accidental invocation, no buttons should be placed in these locations. Though all edges of the screen are suitable for placing toolbars, we recommend that the top and left edges of the screen serve as the primary location for them unless circumstances specifically suggest an alternative. Conforming to these guidelines will both make the variety of activities supported on the laptop feel more consistent, and also reserves the right and bottom edges for scroll bars, making navigation (when required) within the primary pane much simpler. Though the grab key provides the primary means for panning, preserving these edges for scroll bars even as visual indicators will increase usability.
| display = block }}

[[Image:Grid.png]]

Considerando la pantalla en su máxima resolución de 1200x900 píxeles en modo iluminado (color), cada celda cuadrada es de 75x75 píxeles. Cada celda a su vez esta compuesta por una matriz de 5x5 de 15 píxeles cada sub-celda. Estas sub-celdas proveen los lineamientos para un mayor nivel de detalle. En general, el interior de una región de una celda de 3x3 es seguro para iconos.
{{ Translated text |
Considering the screen at its maximum resolution of 1200x900 pixels in luminance mode, each square tile is 75x75 pixels in size. Each cell is comprised of a 5x5 array of 15 pixel subcells. These subcells provide layout guidelines at a finer level of detail. In general, the 3x3 subcell interior region is icon-safe.
| display = block }}

[[Image:Grid_cell.png]]

{{hig-subnav-intra-lang | lang=es
| p_page=Input Systems
| c_section=The Sugar Interface | c_page=Layout Guidelines
| n_page=Icons}}