OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es

From OLPC
< OLPC Human Interface Guidelines‎ | The Sugar Interface‎ | Layout Guidelines
Revision as of 21:14, 20 February 2007 by Xavi (talk | contribs) (first draft of this /lang-es page)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Template:TranslatedFrom Based on 2006-12-18 17:08:22 edition / diff to current.

Lineamientos de Diagramación

Layout Guidelines

La Grilla del Sistema

The Grid System

Manteniendo el aspecto visual llano y simple de la interface de Sugar, hemos diseñado todos los elementos de la interface directamente sobre un grilla. El sistema funciona basicamente como un plano el cual permite el posicionamiento ordenado dentro de sus bordes. La grilla consiste de una matriz de 12x16 celdas cuadradas.

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 12x16 array of square tiles.

El siguiente diagrama muestra a la pantalla particionada en celdas. Aun mas, las celdas marcadas en azul indican las areas apropiadas para barras de herramientas. Notese la exclusion de las esquinas, que son reservadas como esquinas activas para poder invocar al Marco. Con el objeto de evitar posibles invocaciones erroneas, ningun boton debe ser posicionado en estas posiciones. Si bien todos los bordes son apropiadas para el posicionamiento de las barras de herramientas, recomendamos el uso del borde superior e izquierdo para dicho objetivo, a no ser que circunstancias especificas sugieran lo contrario. Siguiendo estos lineamientos no solo permitira que el uso de una amplia variedad de actividades sea mas homogenea, sino que tambien reserva los bordes derechos e inferior para el uso de las barras de desplazamiento, permitiendo una navegacion mas 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.

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.

Grid.png

Considerando la pantalla en su maxima resolucion de 1200x900 pixels en modo iluminado (color), cada celda cuadrada es de 75x75 pixels. Cada celda a su vez esta compuesta por una matriz de 5x5 de 15 pixeles cada subcelda. Estas subceldas proveen los lineamientos para un mayor nivel de detalle. En general, el interior de una region de una celda de 3x3 es segura para iconos.

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.

Grid cell.png