OLPC Human Interface Guidelines/The Sugar Interface/Icons/lang-es: Difference between revisions

From OLPC
Jump to navigation Jump to search
(first draft of this /lang-es page)
 
m (Reverted edits by 190.43.135.75 (Talk) to last version by Xavi)
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
{{OLPC}}
{{TranslatedFrom | original=[[OLPC Human Interface Guidelines/The Sugar Interface/Icons|OLPC HIG-Icons]]}}
{{Translation | lang = es | source = OLPC Human Interface Guidelines/The Sugar Interface/Icons | version = 42166 | source_display = OLPC-HIG-Icons}}
<font size="1">Based on [http://wiki.laptop.org/index.php?title=OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Icons&oldid=20590 2007-01-11 15:19:14] edition /
[http://wiki.laptop.org/index.php?title=OLPC_Human_Interface_Guidelines%2FThe_Sugar_Interface%2FIcons&diff=current&oldid=20590 diff to current].</font>
</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%;">
{{hig-subnav-intra-lang | lang=es
{{hig-subnav-intra-lang | lang=es
| p_page=Layout Guidelines | p_page_lang=Lineamientos de Diagramación
| p_page=Layout Guidelines
| c_section=The Sugar Interface | c_page=Icons | c_page_lang=Iconos
| c_section=The Sugar Interface | c_page=Icons
| n_page=Colors | n_page_lang=Colores}}
| n_page=Colors}}
<!--
<!--


Line 15: Line 14:


-->
-->
{{anchor|Icons}}
===Iconos===
<!--===Iconos===-->
<font size="1"><span id="anchor_name">Icons</span></font>
==={{:OLPC Human Interface Guidelines/The Sugar Interface/Icons/lang-es/title}}===


{{anchor|Categories of Icons}}
====Categorias de Iconos====
====Categorías de Iconos====
<font size="1"><span id="anchor_name">Categories of Icons</span></font>


{{anchor|The XO}}
=====El XO=====
=====El XO=====
<font size="1"><span id="anchor_name">The XO</span></font>


[[Image:xo_s.png|left]]
[[Image:xo_s.png|left]]


Los iconos que representan Personas tienen un estatus especial en las laptops. Referidos en general como ''XOs'', ellos representan a los chicos y sus laptops en el Vecindario de la malla, y por extension al proyecto OLPC y sus objetivos de poner una laptop en las manos de cada chico.
Los iconos que representan Personas tienen un estatus especial en las laptops. Referidos en general como ''XOs'', ellos representan a los niños y sus laptops en el Vecindario de la malla, y por extensión al proyecto OLPC y sus objetivos de poner una laptop en las manos de cada niño. Cada niño elegirá el trazo y color para su XO, que serán los colores que se aplicarán a los íconos de cualquier Actividad u Objeto que creen.
{{ Translated text |
<font size="1"><blockquote>The icons which represent People have special status on the laptops. Referred to generally as the XOs, they represent the children and their laptops on the mesh Neighborhood, and furthermore represent the OLPC project and its goals to place a laptop in the hands of every child.</blockquote></font>
The icons which represent People have special status on the laptops. Referred to generally as the XOs, they represent the children and their laptops on the mesh Neighborhood, and furthermore represent the OLPC project and its goals to place a laptop in the hands of every child. Each child will select a stroke and fill color for their XO, and their chosen colors will then apply to the icons of any Activities or Objects they create.
| display = block }}


{{anchor|Activity Icons}}
=====Iconos de Actividades=====
=====Iconos de Actividades=====
<font size="1"><span id="anchor_name">Activity Icons</span></font>


{{anchor|Object Icons}}
=====Iconos de Objetos=====
=====Iconos de Objetos=====
<font size="1"><span id="anchor_name">Object Icons</span></font>


[[Image: clipping.png|left]]
[[Image: clipping.png|left]]


{{anchor|Action Icons}}
=====Iconos de Acciones=====
=====Iconos de Acciones=====
<font size="1"><span id="anchor_name">Action Icons</span></font>


{{anchor|Active vs. Inactive Icons}}
====Iconos Activos vs. Inactivos====
====Iconos Activos vs. Inactivos====
<font size="1"><span id="anchor_name">Active vs. Inactive Icons</span></font>


Puede ocurrir en muchas situaciones que algunos elementos de la interface se encuentren inactivos. Sugar especifica un estilo visual consistente para representar los conceptos de ausencia e inactividad. Los elementos inactivos son botones que no accionables actualmente, o controles que estan temporalmente desabilitados. Los elementos ausentes son iconos de objetos que representan personas o cosas que no se encuentran actualmente presentes; por ejemplo, una descarga incompleta, o un amigo invitado que todavia no se ha unido a la actividad.
Puede ocurrir en muchas situaciones que algunos elementos de la interfaz se encuentren inactivos. Sugar especifica un estilo visual consistente para representar los conceptos de ausencia e inactividad. Los elementos inactivos son botones que no accionables actualmente, o controles que están temporalmente deshabilitados. Los elementos ausentes son iconos de objetos que representan personas o cosas que no se encuentran actualmente presentes; por ejemplo, una descarga incompleta, o un amigo invitado que todavía no se ha unido a la actividad.
{{ Translated text |
<font size="1"><blockquote>Many instances may arise in which some elements of the interface are inactive. Sugar specifies a consistent visual style to represent the concepts of absence and inactivity. Inactive elements are buttons that are not currently actionable, or controls that are temporarily disabled. Absent elements are object icons that represent people or things which aren't actually present at the moment; for instance, an incomplete download, or an invited friend who hasn't yet joined the activity.</blockquote></font>
Many instances may arise in which some elements of the interface are inactive. Sugar specifies a consistent visual style to represent the concepts of absence and inactivity. Inactive elements are buttons that are not currently actionable, or controls that are temporarily disabled. Absent elements are object icons that represent people or things which aren't actually present at the moment; for instance, an incomplete download, or an invited friend who hasn't yet joined the activity.
| display = block }}


Generalmente, las interfaces representan dicha inactividad por medio de el grisado. Por supuesto, dado que la laptop tambien opera en una escala de grises, dicha distincion por color ''no debe'' ser usada bajo ninguna circunstancia. De hecho, Sugar tomara ventaja de los graficos vectoriales usados para representar a los objetos y botones inactivos con un contorno blanco y sin color de relleno.
Generalmente, las interfaces representan dicha inactividad por medio del agrisado. Por supuesto, dado que la laptop también opera en una escala de grises, dicha distinción por color ''no debe'' ser usada bajo ninguna circunstancia. De hecho, Sugar tomara ventaja de los gráficos vectoriales usados para representar a los objetos y botones inactivos con un contorno blanco y sin color de relleno.
{{ Translated text |
<font size="1"><blockquote>Generally, interfaces represent such inactivity through grayed out imagery. Of course, since the laptop also operates in grayscale mode, such a color distinction ''must not'' be used under any circumstances. Instead, Sugar will take advantage of the vector graphics used for rendering objects and buttons by rendering inactive ones as a white outlined stroke, with no fill color.</blockquote></font>
Generally, interfaces represent such inactivity through grayed out imagery. Of course, since the laptop also operates in grayscale mode, such a color distinction ''must not'' be used under any circumstances. Instead, Sugar will take advantage of the vector graphics used for rendering objects and buttons by rendering inactive ones as a white outlined stroke, with no fill color.
| display = block }}


{{anchor|Active}}
=====Activo=====
=====Activo=====
<font size="1"><span id="anchor_name">Active</span></font>


{{anchor|Inactive}}
=====Inactivo=====
=====Inactivo=====
<font size="1"><span id="anchor_name">Inactive</span></font>


{{anchor|Icon Design Guidelines}}
====Lineamientos para el Diseño de Iconos====
====Lineamientos para el Diseño de Iconos====
<font size="1"><span id="anchor_name">Icon Design Guidelines</span></font>


{{anchor|Icon Format}}
=====Formato del Icono=====
=====Formato del Icono=====
<font size="1"><span id="anchor_name">Icon Format</span></font>


Para su uso en Sugar, todos los íconos diseñados deben ser provistos en el [http://es.wikipedia.org/wiki/Scalable_Vector_Graphics formato SVG]. Dado que todos los íconos existen como vectores, el escalamiento y coloreado dinamico ocurre sin ninguna degradacion. Esto permite la representacion de íconos en varios tamaños dependiendo del contexto de la interface. Adicionalmente, esto provee un soporte dinamico para un coloreado de actividades y objetos basados en los colores elegidos por cada chico para su XO.
Para su uso en Sugar, todos los íconos diseñados deben ser provistos en el [http://es.wikipedia.org/wiki/Scalable_Vector_Graphics formato SVG]. Dado que todos los íconos existen como vectores, el escalamiento y coloreado dinámico ocurre sin ninguna degradación. Esto permite la representación de íconos en varios tamaños dependiendo del contexto de la interfaz. Adicionalmente, esto provee un soporte dinámico para un coloreado de actividades y objetos basados en los colores elegidos por cada chico para su XO.
{{ Translated text |
<font size="1"><blockquote>All icons designed for use in Sugar must be provided in [http://en.wikipedia.org/wiki/SVG SVG format]. Since all icons exist as vectors, dynamic scaling and coloring of the icons occurs without any degradation. This allows variably sized representations of particular icons to exist depending on context in the interface. Additionally, this provides support for dynamic coloring of activity and object icons based upon a child's chosen XO colors.</blockquote></font>
All icons designed for use in Sugar must be provided in [http://en.wikipedia.org/wiki/SVG SVG format]. Since all icons exist as vectors, dynamic scaling and coloring of the icons occurs without any degradation. This allows variably sized representations of particular icons to exist depending on context in the interface. Additionally, this provides support for dynamic coloring of activity and object icons based upon a child's chosen XO colors.
| display = block }}


{{anchor|Icon Sizes}}
=====Tamaño de Iconos=====
=====Tamaño de Iconos=====
<font size="1"><span id="anchor_name">Icon Sizes</span></font>
[[Image: standard_icon_size.png|thumb|105px|left]]
[[Image: standard_icon_size.png|thumb|105px|left]]


Los iconos deben ser desarrollados y guardados en un tamaño estandar (''S - standard''), aunque su tamaño y apariencia actual en la interface cambie dinamicamente. Cuando sean desarrollados en el tamaño estandar (''S''), los iconos deben entrar holgadamente dentro de una sub-celda de 3 x 3 segura para iconos de una celda estandar de una grilla de 75px, como esta especificado en la [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es|seccion de diagramación]].
Los iconos deben ser desarrollados y guardados en un tamaño estándar (''S - standard''), aunque su tamaño y apariencia actual en la interfaz cambie dinámicamente. Cuando sean desarrollados en el tamaño estándar (''S''), los iconos deben entrar holgadamente dentro de una sub-celda de 3 x 3 segura para iconos de una celda estándar de una grilla de 75px, como esta especificado en la [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines/lang-es|sección de diagramación]].
{{ Translated text |
<font size="1"><blockquote>Icons should be developed and saved at Standard (S) size, though their actual size and appearance in the interface may change dynamically. When developed at standard size, icons should fit loosely within the 3 x 3 icon-safe subcell of a standard 75px grid cell, as specified in the [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines|layout section]].</blockquote></font>
Icons should be developed and saved at Standard (S) size, though their actual size and appearance in the interface may change dynamically. When developed at standard size, icons should fit loosely within the 3 x 3 icon-safe subcell of a standard 75px grid cell, as specified in the [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines|layout section]].
| display = block }}


Cabe destacar que cuando la interface retamaña los iconos, los bordes (o filetes) no permanecen necesariamente proporcionales al tamaño general del icono. Esto garantiza que el peso del borde permanece suficientemente visible en todos los tamaños y asi poder representar su peso y color, aunque esto puede limitar la granularidad con la cual usar los bordes, que pueden fusionarse en tamaños pequeños. La siguiente tabla relaciona los varios tamaños de iconos con su correspondientes factores de escala y el peso de los bordes. Recomendamos probar sus iconos en los tamaños XS, S, y M para poder ajustar sus apariencias para una optima legibilidad.
Cabe destacar que cuando la interfaz retamaña los iconos, los bordes (o filetes) no permanecen necesariamente proporcionales al tamaño general del icono. Esto garantiza que el peso del borde permanece suficientemente visible en todos los tamaños y así poder representar su peso y color, aunque esto puede limitar la granularidad con la cual usar los bordes, que pueden fusionarse en tamaños pequeños. La siguiente tabla relaciona los varios tamaños de iconos con sus correspondientes factores de escala y el peso de los bordes. Recomendamos probar sus iconos en los tamaños XS, S, y M para poder ajustar sus apariencias para una optima legibilidad.
{{ Translated text |
<font size="1"><blockquote>Notice that when the interface scales your icons, strokes do not necessarily scale proportionally to the overall icon size. This ensures that the stroke weight remains visible enough at all sizes to convey its weight and color, but it may also limit the granularity with which you use strokes, which could begin to blend together at smaller sizes. The following chart relates the various icon sizes to their corresponding scale factors and stroke weights. We strongly suggest that you try rendering your icons at XS, S, and M sizes in order to tweak their appearance for optimal legibility.</blockquote></font>
Notice that when the interface scales your icons, strokes do not necessarily scale proportionally to the overall icon size. This ensures that the stroke weight remains visible enough at all sizes to convey its weight and color, but it may also limit the granularity with which you use strokes, which could begin to blend together at smaller sizes. The following chart relates the various icon sizes to their corresponding scale factors and stroke weights. We strongly suggest that you try rendering your icons at XS, S, and M sizes in order to tweak their appearance for optimal legibility.
| display = block }}


{|border=1 cellpadding=1 cellspacing=0 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
{|border=1 cellpadding=1 cellspacing=0 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
|+Tabla de Comparacion de Tamaños de Iconos<font size="1"><blockquote>Icon Size Comparison Chart</blockquote></font>
|+Tabla de Comparación de Tamaños de Iconos{{ Translated text |Icon Size Comparison Chart| display = block }}
!style="background:#cccccc;"|Tamaño del Icono<font size="1"><blockquote>Icon Size</blockquote></font>!!style="background:#cccccc;"|Factor de Escala<font size="1"><blockquote>Scaling Factor</blockquote></font>!!style="background:#cccccc;"|Peso de Trazo<font size="1"><blockquote>Stroke Weight</blockquote></font>
!style="background:#cccccc;"|Tamaño del Icono{{ Translated text |Icon Size| display = block }}!!style="background:#cccccc;"|Factor de Escala{{ Translated text |Scaling Factor| display = block }}!!style="background:#cccccc;"|Peso de Trazo{{ Translated text |Stroke Weight| display = block }}
|-
|-
|XS
|XS
Line 95: Line 107:
|-
|-
|XL
|XL
|3.0
|2.75
|6.0pt
|6.0pt
|}
|}


{{anchor|Strokes & Fills}}
=====Trazos & Rellenos=====
=====Trazos & Rellenos=====
<font size="1"><span id="anchor_name">Strokes & Fills</span></font>


{|border=1 cellpadding=1 cellspacing=0 style="float: right; width: 175px; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
Todos los iconos son dibujados en dos colores: trazos y relleno. El color del trazo y relleno utilizados para un icono son determinados por los chicos, ya que corresponden a los colores escogidos por ellos para sus XOs. Con lo cual, los colores que se elijan para guardar los iconos es arbitrariamente irrelevante. Sin embargo, cabe destacar que cualquier relleno que coincida con el color de un trazo cuando sean dinamicante dibujados tomaran su color.
!style="background:#D6784C"|Referencia API
<font size="1"><blockquote>All icons render in two colors: stroke and fill. The actual stroke and fill colors that an icon renders in are determined by the children, since they correspond to the colors they have chosen for their XOs. As such, the colors in which you choose to save your icon are arbitrary. However, note that any fills that have the same color as your strokes will dynamically take on their color when rendered.</blockquote></font>
|-
|[[Sugar Architecture/API/sugar.shell.view.stylesheet|Module: sugar.shell.view.stylesheet]]
|}
<font size="1">
{|border=1 cellpadding=1 cellspacing=0 style="float: right; width: 175px; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
!style="background:#D6784C"|API Reference
|-
|[[Sugar Architecture/API/sugar.shell.view.stylesheet|Module: sugar.shell.view.stylesheet]]
|}
</font>

Todos los iconos son dibujados en dos colores: trazos y relleno. El color del trazo y relleno utilizados para un icono son determinados por los chicos, ya que corresponden a los colores escogidos por ellos para sus XOs. Con lo cual, los colores que se elijan para guardar los iconos es arbitrariamente irrelevante. Sin embargo, cabe destacar que cualquier relleno que coincida con el color de un trazo cuando sean dinámicamente dibujados tomará su color.
{{ Translated text |
All icons render in two colors: stroke and fill. The actual stroke and fill colors that an icon renders in are determined by the children, since they correspond to the colors they have chosen for their XOs. As such, the colors in which you choose to save your icon are arbitrary. However, note that any fills that have the same color as your strokes will dynamically take on their color when rendered.
| display = block }}


Todos los trazos en un icono de actividad a tamaño "S" deben tener un peso de 3.5pt. Todos los iconos deben tener un relleno primario que represente su forma general. Ademas no hay un limite a la cantidad de trazos y rellenos usados; no todos los trazos deberan tener relleno, y no todos los rellenos deberan tener bordes.
Todos los trazos en un icono de actividad a tamaño "S" deben tener un peso de 3.5pt. Todos los iconos deben tener un relleno primario que represente su forma general. Además no hay un límite a la cantidad de trazos y rellenos usados; no todos los trazos deberán tener relleno, y no todos los rellenos deberán tener bordes.
{{ Translated text |
<font size="1"><blockquote>All strokes within an "S" activity icon must have a line weight of 3.5pt. All icons should have a primary fill which represents its overall shape. In addition, any number of supplemental strokes and fills may be used; not all strokes within an icon must have fills, and not all fills must have strokes.</blockquote></font>
All strokes within an "S" activity icon must have a line weight of 3.5pt. All icons should have a primary fill which represents its overall shape. In addition, any number of supplemental strokes and fills may be used; not all strokes within an icon must have fills, and not all fills must have strokes.
| display = block }}


{{hig-subnav-intra-lang | lang=es
{{hig-subnav-intra-lang | lang=es
| p_page=Layout Guidelines | p_page_lang=Lineamientos de Diagramación
| p_page=Layout Guidelines
| c_section=The Sugar Interface | c_page=Icons | c_page_lang=Iconos
| c_section=The Sugar Interface | c_page=Icons
| n_page=Colors | n_page_lang=Colores}}
| n_page=Colors}}

Latest revision as of 04:33, 9 March 2010


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

Iconos

Categorías de Iconos

El XO
Xo s.png

Los iconos que representan Personas tienen un estatus especial en las laptops. Referidos en general como XOs, ellos representan a los niños y sus laptops en el Vecindario de la malla, y por extensión al proyecto OLPC y sus objetivos de poner una laptop en las manos de cada niño. Cada niño elegirá el trazo y color para su XO, que serán los colores que se aplicarán a los íconos de cualquier Actividad u Objeto que creen.

The icons which represent People have special status on the laptops. Referred to generally as the XOs, they represent the children and their laptops on the mesh Neighborhood, and furthermore represent the OLPC project and its goals to place a laptop in the hands of every child. Each child will select a stroke and fill color for their XO, and their chosen colors will then apply to the icons of any Activities or Objects they create.

Iconos de Actividades

Iconos de Objetos
Clipping.png

Iconos de Acciones

Iconos Activos vs. Inactivos

Puede ocurrir en muchas situaciones que algunos elementos de la interfaz se encuentren inactivos. Sugar especifica un estilo visual consistente para representar los conceptos de ausencia e inactividad. Los elementos inactivos son botones que no accionables actualmente, o controles que están temporalmente deshabilitados. Los elementos ausentes son iconos de objetos que representan personas o cosas que no se encuentran actualmente presentes; por ejemplo, una descarga incompleta, o un amigo invitado que todavía no se ha unido a la actividad.

Many instances may arise in which some elements of the interface are inactive. Sugar specifies a consistent visual style to represent the concepts of absence and inactivity. Inactive elements are buttons that are not currently actionable, or controls that are temporarily disabled. Absent elements are object icons that represent people or things which aren't actually present at the moment; for instance, an incomplete download, or an invited friend who hasn't yet joined the activity.

Generalmente, las interfaces representan dicha inactividad por medio del agrisado. Por supuesto, dado que la laptop también opera en una escala de grises, dicha distinción por color no debe ser usada bajo ninguna circunstancia. De hecho, Sugar tomara ventaja de los gráficos vectoriales usados para representar a los objetos y botones inactivos con un contorno blanco y sin color de relleno.

Generally, interfaces represent such inactivity through grayed out imagery. Of course, since the laptop also operates in grayscale mode, such a color distinction must not be used under any circumstances. Instead, Sugar will take advantage of the vector graphics used for rendering objects and buttons by rendering inactive ones as a white outlined stroke, with no fill color.

Activo

Inactivo

Lineamientos para el Diseño de Iconos

Formato del Icono

Para su uso en Sugar, todos los íconos diseñados deben ser provistos en el formato SVG. Dado que todos los íconos existen como vectores, el escalamiento y coloreado dinámico ocurre sin ninguna degradación. Esto permite la representación de íconos en varios tamaños dependiendo del contexto de la interfaz. Adicionalmente, esto provee un soporte dinámico para un coloreado de actividades y objetos basados en los colores elegidos por cada chico para su XO.

All icons designed for use in Sugar must be provided in SVG format. Since all icons exist as vectors, dynamic scaling and coloring of the icons occurs without any degradation. This allows variably sized representations of particular icons to exist depending on context in the interface. Additionally, this provides support for dynamic coloring of activity and object icons based upon a child's chosen XO colors.

Tamaño de Iconos
Standard icon size.png

Los iconos deben ser desarrollados y guardados en un tamaño estándar (S - standard), aunque su tamaño y apariencia actual en la interfaz cambie dinámicamente. Cuando sean desarrollados en el tamaño estándar (S), los iconos deben entrar holgadamente dentro de una sub-celda de 3 x 3 segura para iconos de una celda estándar de una grilla de 75px, como esta especificado en la sección de diagramación.

Icons should be developed and saved at Standard (S) size, though their actual size and appearance in the interface may change dynamically. When developed at standard size, icons should fit loosely within the 3 x 3 icon-safe subcell of a standard 75px grid cell, as specified in the layout section.

Cabe destacar que cuando la interfaz retamaña los iconos, los bordes (o filetes) no permanecen necesariamente proporcionales al tamaño general del icono. Esto garantiza que el peso del borde permanece suficientemente visible en todos los tamaños y así poder representar su peso y color, aunque esto puede limitar la granularidad con la cual usar los bordes, que pueden fusionarse en tamaños pequeños. La siguiente tabla relaciona los varios tamaños de iconos con sus correspondientes factores de escala y el peso de los bordes. Recomendamos probar sus iconos en los tamaños XS, S, y M para poder ajustar sus apariencias para una optima legibilidad.

Notice that when the interface scales your icons, strokes do not necessarily scale proportionally to the overall icon size. This ensures that the stroke weight remains visible enough at all sizes to convey its weight and color, but it may also limit the granularity with which you use strokes, which could begin to blend together at smaller sizes. The following chart relates the various icon sizes to their corresponding scale factors and stroke weights. We strongly suggest that you try rendering your icons at XS, S, and M sizes in order to tweak their appearance for optimal legibility.

Tabla de Comparación de Tamaños de Iconos
Icon Size Comparison Chart
Tamaño del Icono
Icon Size
Factor de Escala
Scaling Factor
Peso de Trazo
Stroke Weight
XS 0.5 2.25pt
S 1.0 3.5pt
M 1.5 4.0pt
L 2.0 4.5pt
XL 2.75 6.0pt

Trazos & Rellenos
Referencia API
Module: sugar.shell.view.stylesheet

API Reference
Module: sugar.shell.view.stylesheet

Todos los iconos son dibujados en dos colores: trazos y relleno. El color del trazo y relleno utilizados para un icono son determinados por los chicos, ya que corresponden a los colores escogidos por ellos para sus XOs. Con lo cual, los colores que se elijan para guardar los iconos es arbitrariamente irrelevante. Sin embargo, cabe destacar que cualquier relleno que coincida con el color de un trazo cuando sean dinámicamente dibujados tomará su color.

All icons render in two colors: stroke and fill. The actual stroke and fill colors that an icon renders in are determined by the children, since they correspond to the colors they have chosen for their XOs. As such, the colors in which you choose to save your icon are arbitrary. However, note that any fills that have the same color as your strokes will dynamically take on their color when rendered.

Todos los trazos en un icono de actividad a tamaño "S" deben tener un peso de 3.5pt. Todos los iconos deben tener un relleno primario que represente su forma general. Además no hay un límite a la cantidad de trazos y rellenos usados; no todos los trazos deberán tener relleno, y no todos los rellenos deberán tener bordes.

All strokes within an "S" activity icon must have a line weight of 3.5pt. All icons should have a primary fill which represents its overall shape. In addition, any number of supplemental strokes and fills may be used; not all strokes within an icon must have fills, and not all fills must have strokes.