[gnome-devel-docs] continue to fill out and refine
- From: Allan Day <allanday src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-devel-docs] continue to fill out and refine
- Date: Thu, 14 Aug 2014 21:40:21 +0000 (UTC)
commit 3b8fa4be8010d4c695823e5e4e7360392fc86efc
Author: Allan Day <allanpday gmail com>
Date: Thu Aug 14 22:40:03 2014 +0100
continue to fill out and refine
hig3/C/action-bars.page | 39 ++++
hig3/C/application-menus.page | 2 +-
hig3/C/figures/action-bars.png | Bin 0 -> 7328 bytes
hig3/C/figures/menu-bar.png | Bin 0 -> 3584 bytes
hig3/C/figures/src/figures.svg | 309 ++++++++++++++++++++++++--
hig3/C/figures/toolbar.png | Bin 0 -> 4837 bytes
hig3/C/grids.page | 4 +-
hig3/C/header-bars.page | 2 +-
hig3/C/lists.page | 61 ++++--
hig3/C/menu-bars.page | 26 ++-
hig3/C/patterns.page | 2 +-
hig3/C/progress-bars.page | 17 ++
hig3/C/{sidebars.page => sidebar-lists.page} | 4 +-
hig3/C/toolbars.page | 35 +++
hig3/C/ui-elements.page | 15 +-
15 files changed, 462 insertions(+), 54 deletions(-)
---
diff --git a/hig3/C/action-bars.page b/hig3/C/action-bars.page
new file mode 100644
index 0000000..75b6dfb
--- /dev/null
+++ b/hig3/C/action-bars.page
@@ -0,0 +1,39 @@
+<page xmlns="http://projectmallard.org/1.0/"
+ type="topic"
+ id="action-bars">
+
+ <info>
+ <link type="guide" xref="patterns" group="action-bars"/>
+ <credit type="author">
+ <name>Allan Day</name>
+ <email>aday gnome org</email>
+ </credit>
+ <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
+ </info>
+
+<title>Action bars</title>
+
+<media type="image" mime="image/png" src="figures/action-bars.png"/>
+
+<p>An action bar is a horizontal container that is placed along the bottom edge of a window. It is used to
present actions for the content that is displayed above.</p>
+
+<section id="when-to-use">
+<title>When to use</title>
+
+<p>Use an action bar when content items are primarily displayed for editing or management. Since they
prominently display potential actions, action bars are not appropriate if content is generally viewed and not
edited. In these cases, potential actions can be placed within a <link xref="header-bar-menu">header bar
menu</link> instead.</p>
+
+<p>Action bars can be shown temporarily, when a <link xref="selection-mode">selection</link> or edit mode is
active.</p>
+
+</section>
+
+<section id="guidelines">
+<title>Guidelines</title>
+
+<list>
+<item><p>Group sets of similar functionality together, by aligning them to the left and right of the action
bar, or by using separators. The most commonly used items should be placed on the left.</p></item>
+<item><p>Try to separate potentially destructive actions, and <link
xref="buttons#suggested-and-destructive">style them appropriately</link>.</p></item>
+</list>
+
+</section>
+
+</page>
diff --git a/hig3/C/application-menus.page b/hig3/C/application-menus.page
index 2736399..32573b0 100644
--- a/hig3/C/application-menus.page
+++ b/hig3/C/application-menus.page
@@ -11,7 +11,7 @@
<include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
</info>
-<title>Application Menus</title>
+<title>Application menus</title>
<media type="image" mime="image/png" src="figures/application-menu.png"/>
diff --git a/hig3/C/figures/action-bars.png b/hig3/C/figures/action-bars.png
new file mode 100644
index 0000000..39e70ec
Binary files /dev/null and b/hig3/C/figures/action-bars.png differ
diff --git a/hig3/C/figures/menu-bar.png b/hig3/C/figures/menu-bar.png
new file mode 100644
index 0000000..0fb3098
Binary files /dev/null and b/hig3/C/figures/menu-bar.png differ
diff --git a/hig3/C/figures/src/figures.svg b/hig3/C/figures/src/figures.svg
index 25bc2b0..a7ec3d7 100644
--- a/hig3/C/figures/src/figures.svg
+++ b/hig3/C/figures/src/figures.svg
@@ -195,20 +195,20 @@
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
- inkscape:zoom="0.70710678"
- inkscape:cx="901.0389"
- inkscape:cy="2702.5625"
+ inkscape:zoom="1"
+ inkscape:cx="4835.3946"
+ inkscape:cy="3248.6774"
inkscape:document-units="px"
- inkscape:current-layer="layer2"
+ inkscape:current-layer="layer1"
showgrid="false"
inkscape:snap-bbox="true"
inkscape:snap-nodes="false"
inkscape:window-width="1920"
- inkscape:window-height="1135"
+ inkscape:window-height="1133"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1"
- showguides="true"
+ showguides="false"
inkscape:guide-bbox="true"
showborder="true"
inkscape:showpageshadow="false">
@@ -219,6 +219,22 @@
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="4349,3215"
+ id="guide51896" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="4391,3209"
+ id="guide51902" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="4433,3210"
+ id="guide51904" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="4486,3208"
+ id="guide51910" />
</sodipodi:namedview>
<metadata
id="metadata4224">
@@ -456,7 +472,7 @@
height="538"
x="2521"
y="-1066.6378"
- inkscape:export-filename="/home/aday/Dropbox/Public/hig/anatomy.png"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<text
@@ -603,7 +619,7 @@
height="538"
x="161"
y="-2012.6377"
- inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/header-bar.png"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/grids.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
</g>
@@ -8784,7 +8800,10 @@
x="2644.5"
y="-1015.1377"
rx="9"
- ry="9" />
+ ry="9"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
<rect
y="-974.1377"
x="2644.5"
@@ -8792,11 +8811,17 @@
width="685"
id="rect9256"
style="fill:#eeeeec;fill-opacity:1;stroke:#a7a7a7;stroke-width:0.99999994;stroke-linecap:square;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
- mask="none" />
+ mask="none"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
<g
style="fill:#888a85;display:inline"
transform="translate(3301.0016,-1002.6377)"
- id="g9258">
+ id="g9258"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
<g
transform="translate(-60,-518)"
id="g9260"
@@ -8841,14 +8866,20 @@
style="fill:none;stroke:#a7a7a7;stroke-width:0.99999988px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;display:inline"
d="m 3288.5,-1003.143 0,17.0103"
id="path9278"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
<text
xml:space="preserve"
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell
Bold"
x="2986.8633"
y="-989.80078"
id="text9356"
- sodipodi:linespacing="125%"><tspan
+ sodipodi:linespacing="125%"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90"><tspan
sodipodi:role="line"
id="tspan9358"
x="2986.8633"
@@ -8859,10 +8890,16 @@
width="499"
height="371.83337"
x="2737.5"
- y="-959.97119" />
+ y="-959.97119"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
<g
transform="matrix(2.6777778,0,0,2.6777778,4828.7889,-1277.3965)"
- id="g9366">
+ id="g9366"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
<rect
style="fill:#babdb6;fill-opacity:1;stroke:none"
id="rect9368"
@@ -8922,7 +8959,10 @@
</g>
<g
id="g9433"
- transform="translate(1100,-700)">
+ transform="translate(1100,-700)"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/action-bars.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
<rect
y="70.862305"
x="1544.5"
@@ -12063,7 +12103,10 @@
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:square;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;display:inline"
/>
<g
id="g46763"
- transform="translate(60,-680)">
+ transform="translate(60,-680)"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/check-boxes.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
<g
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
@@ -19543,7 +19586,10 @@ N6fNaXPanF6NFAfm/z+FlEDRBifQ+AAAAABJRU5ErkJggg==
</g>
<g
id="g51618"
- transform="translate(-44,-2)">
+ transform="translate(-44,-2)"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/grids.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
<rect
ry="9"
rx="9"
@@ -20755,5 +20801,232 @@ N6fNaXPanF6NFAfm/z+FlEDRBifQ+AAAAABJRU5ErkJggg==
</g>
</g>
</g>
+ <rect
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ y="-2251.6377"
+ x="4319"
+ height="278"
+ width="278"
+ id="rect51792"
+
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:square;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;display:inline"
/>
+ <rect
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ y="-2232.1377"
+ x="4338.5"
+ height="239"
+ width="239"
+ id="rect51794"
+
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#babdb6;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
/>
+ <rect
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+
style="color:#000000;fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:#babdb6;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+ id="rect51796"
+ width="239"
+ height="80"
+ x="4338.5"
+ y="-2232.1377" />
+ <text
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ sodipodi:linespacing="125%"
+ id="text51806"
+ y="-2212.3499"
+ x="4347.8208"
+
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ xml:space="preserve"><tspan
+ y="-2212.3499"
+ x="4347.8208"
+ id="tspan51808"
+ sodipodi:role="line">File</tspan></text>
+ <path
+
style="fill:none;stroke:#d6d6d6;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 4339.5039,-2202.1378 236.9922,0"
+ id="path51886"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <text
+ xml:space="preserve"
+
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ x="4389.8208"
+ y="-2212.3499"
+ id="text51898"
+ sodipodi:linespacing="125%"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90"><tspan
+ sodipodi:role="line"
+ id="tspan51900"
+ x="4389.8208"
+ y="-2212.3499">Edit</tspan></text>
+ <text
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ sodipodi:linespacing="125%"
+ id="text51906"
+ y="-2212.3499"
+ x="4432.8599"
+
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ xml:space="preserve"><tspan
+ y="-2212.3499"
+ x="4432.8599"
+ id="tspan51908"
+ sodipodi:role="line">View</tspan></text>
+ <text
+ xml:space="preserve"
+
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ x="4485.8599"
+ y="-2212.3499"
+ id="text51912"
+ sodipodi:linespacing="125%"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/menu-bar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90"><tspan
+ sodipodi:role="line"
+ id="tspan51914"
+ x="4485.8599"
+ y="-2212.3499">Help</tspan></text>
+ <rect
+
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:square;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;display:inline"
+ id="rect52218"
+ width="278"
+ height="278"
+ x="4699"
+ y="-2251.6377"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <rect
+
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#babdb6;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+ id="rect52220"
+ width="239"
+ height="239"
+ x="4718.5"
+ y="-2232.1377"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <rect
+ y="-2232.1377"
+ x="4718.5"
+ height="80"
+ width="239"
+ id="rect52222"
+
style="color:#000000;fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:#babdb6;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ inkscape:connector-curvature="0"
+ id="path52228"
+ d="m 4719.5039,-2202.1378 236.9922,0"
+
style="fill:none;stroke:#d6d6d6;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1"
/>
+ <image
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ width="24"
+ height="24"
+
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAA/BJREFU
+SIm1lUuMFFUUhr9z+1XV3QMDQw+MmMjgBIywkhh14cLEhSsTYsLCBXHFykeMOzdg4sa41YWYoAuJ
+JoYwMAmaqBOMokaEABIjjIY4MMPAvMf09KPuvcdFVfV0TRONJp7OSd+q6v7/8//n3LqiqvyfkU8X
+p784fV9e5S31/oD3WgQlJVdVRORPQSbU608W9+3c7cVPDh06FMEbJkY47O9FICnI2JnRDx5+aM/B
+4R0PGmNMzw+ds0TW0m63mL491ZqePFvfOfTrWK16vtVuzOzNF6rn+vp2fsTgqSv3VOCcPbBzeMQ0
+W028d3jv41SP9w4UjDGUiiVG7p8rjQw2Su36nYONpQkJB49Qn3nz8WJpYCR/d//x3ODJEz0E1rqi
+iGBthKri1aOqqI+/vfdENsK3LxFFX1Et/IJvXZOw9hrl2otAzjQW393fV+z3dmb/fH7bybMAZk2B
+A7RTuXpFU5JkDgwRudYZ/MqHLM2OY11IuOVlAMKBF4giuDM5/tzs1Hef3vqh/Nh6i9CkoR3g5AOa
+ECzSXvqY/uHjFKtPZZtpQmp7roKu0FgY3TI38dIoMLSmwFpQYs9VE6KkegVFMaxQLD1AY+4YqLvH
+zDhwdVbnT/pcLriUscj6ZMpSBaT7I10JSEBp45P45nlWbr6axdYmuAUWbryCXb04W9u+7/WsRdZl
+4JKLGFritWcz3tTIF0K8RuDmQAC1qDZB63i7TFDuv9jw/o9CtgcuCyxJ0UjX7T6cDmOjgHwxQO0k
+q0vjNOY/ozzwDOHGRxATaHN1YX7rrssL6xTYxAhBRRGRNaL0iYBlH4WNz7I8+TbLt96nVN5KWB1g
+Zeod7l6fQ5HVyqahI+m/ehQoICJx5SapX7p0SD8u9zybd+3G+BuILgFQGRziy69/9yNbZ3YP7j0+
+1UNgE4Jc8poQkQRYslYJCJtwPI33S4hfAJRiZQeXr72n31/YMH/40TW3swoExORi+0U62SFMbOqE
+2YIyED83lU6R3ZGZIkEwXcA9majpNEaTmUu2unP2bwic71QqIhgxiEnBTYYk7T9dGzIu0nZDxiI7
+BH6NPfa/c5VObAIeE5qElDQBa//BonRnZU85j8fEBOoyE5W+u9YscuTXHSUdAu995L3mk/U6/+MN
+Id3+pxRdtVjndH52OiPDJJYUGs3W5z9fveIr5Sp91Q1UK31UylXKYYUwKBMGIUEpJCgFXRkSBHFO
+/HadqB39ePTo0YyGvMTzVxsbPXWiUa/XgnL4hHqfi1UnTYx962ps+iw1Co2i6MK5b84dA7aJyE1V
+9ZCcySJSBLYDhZ4u/buwwLSqNtMbnUNfRHpP+v8QaeVp/AXo8yMgZE94CwAAAABJRU5ErkJggg==
+"
+ id="image52242"
+ x="4733"
+ y="-2189.1377" />
+ <image
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ width="24"
+ height="24"
+
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAA+5JREFU
+SIm1lttvVFUUh7+9zzkd7FiUljKFYjs4NVCv5aIVL1iNRDQBgoJcotGEEB980hhfjX+A8UHjA4oP
+EpHEQCkRq6BJTVNjEIwWpRA7U1AKaZDKOTPTznTffGgZWgoymrBeVs46a6/v/NbaZ2cL5xw30vxy
+E9d9WNFike85XORJ93b71rHD/wvQ1dXla1fY45xbMzk+M6hn9aMv0j34CaOZW575onMfvu/jnMM5
+hye9/bEg/lxbW5u+JmCieMf8+bc9mWxI4UmJEAIhBO9/fJamOS1kKjrpOdnL0sWtVFfPwjmHMZY/
+B0+tSqczHV1dXWsnQ6YADIW9qQVNK+vq5gVaKYwUSCmRUpZyxITP53PE4zdhrMU5x/x5DRW+9Ff2
+nezbC6y5KkBrszo2I0aUvYjn+fiej+f7+FcZled5CCkR1mKsIT+SpTIeD5RSq6/ZImstsYoZZE6l
+kROtEUIipOBKGziVIcpexBiDtRZrDcnG27HWTsmbBpBSopWmvr6eIAhKSq60RG2C6ppZKKUoFAqc
+PXcWrc31AUJKtNZ4no9AgGPaIoAoG+H5EqUVSilGRkcwRpehQIwDzmR/Y8fR16gMZvLYgs3TAEfO
+t3P45G6qglraEtuQIzXosgBSopTms963eOqhZ6mKVXPgxx3TAP3iIC89/Tqnw2N8+/12HhSvIoUs
+U4HSaKs4X+xnJBZjy4o36T7RXsp75N5VrFi0nhOjX9OfPYKzMUaLowRBUJ6CQqFAs1vLN93vkmyu
+IUoO0bpwXSmvuiHgSG4nmdP9/NE3zD35l3EBBEHF9QFaa+5ftgyl7+Ou4SXs/PUNwr9/YeTui8yO
+LQDgr8IAvx8/gzl/K+vnvkNtZSOJOXPKUGAs2mj60/309PRwZnAQyXLC+h84GvaRujMCB+m+QUy6
+nhkDLXTyHalUiifaHieZLOM/MFrjhKV1+QO0lt5sHHfD466tDqgDHr68Vtmxq27p6S0yhuHhYZa0
+LOXmqioCPyAIKiZ8MF5MqYn9P4bSilw2y08/H0UpVYYCownDiGKxSLFYZGAgQzqTpil1B8lkEmBS
+rIlkcnwuYRihtMKaMoYchmEpls5k2LzpBT7dtZPeY72l+PMbNrK3fc8kQIhSY+UoMERhVIotWtjM
+7Jpatm19hWKxUIrnctkpxaIw+vcWCSES2z/6AM/zpijI5XMcPPQVfSeOUyhcBnieR2NjY+k5DMPS
+ySqESDjnhq5UUGu0ufBl54GacJKCxoYG8vk8i1sWT/kyISTxeOUkQETH/n1Yay8AtcAQgLh0qxBC
+JIC5gNi0ZcMhY2wN/8E8T17YvevzlYADzl1SIG70teUff/EtmeplxccAAAAASUVORK5CYII=
+"
+ id="image52244"
+ x="4776"
+ y="-2189.1377" />
+ <image
+ inkscape:export-ydpi="90"
+ inkscape:export-xdpi="90"
+ inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/toolbar.png"
+ width="24"
+ height="24"
+
xlink:href="data:image/png;base64,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
+"
+ id="image52246"
+ x="4818"
+ y="-2189.1377" />
</g>
</svg>
diff --git a/hig3/C/figures/toolbar.png b/hig3/C/figures/toolbar.png
new file mode 100644
index 0000000..7b469c2
Binary files /dev/null and b/hig3/C/figures/toolbar.png differ
diff --git a/hig3/C/grids.page b/hig3/C/grids.page
index 07278db..43e1cc6 100644
--- a/hig3/C/grids.page
+++ b/hig3/C/grids.page
@@ -20,7 +20,9 @@
<section id="when-to-use">
<title>When to use</title>
-<p>Since the grid view utilises an image for each item it presents, it is best suited to content that has a
visual component, such as documents or photos.</p>
+<p>Since the grid view utilises an image for each item it presents, it is best suited to content that has a
visual component, such as documents or photos. If content items don't have a visual component, a <link
xref="lists">list view</link> might be more appropriate.</p>
+
+<p>Grids and lists can be combined, to offer different views of the same content. This can be useful if
content items have additional metadata associated with them, such as creation dates or authorship.</p>
</section>
diff --git a/hig3/C/header-bars.page b/hig3/C/header-bars.page
index 2d5f2c8..44c444d 100644
--- a/hig3/C/header-bars.page
+++ b/hig3/C/header-bars.page
@@ -12,7 +12,7 @@
</info>
-<title>Header Bars</title>
+<title>Header bars</title>
<media type="image" mime="image/png" src="figures/header-bar.png"/>
diff --git a/hig3/C/lists.page b/hig3/C/lists.page
index 3ec6b87..e685403 100644
--- a/hig3/C/lists.page
+++ b/hig3/C/lists.page
@@ -13,14 +13,14 @@
<title>Lists</title>
-<p>Lists are a basic user interface element, that can be used to present information, content items, or
controls. There are two primary types of list in GNOME 3: standard lists and tables.</p>
+<p>Lists are a basic user interface element that can be used to present information, content items, or
controls. There are two primary types of list in GNOME 3: standard lists and tables.</p>
-<p>Sidebar lists are a separate design pattern which also make use of a list.</p>
+<p><link xref="sidebar-lists">Sidebar lists</link> are a separate design pattern which also make use of a
list.</p>
<section id="when-to-use">
<title>When to use</title>
-<p>A list is an appropriate way to present content items that have a distinct name. If the content is visual
in nature, such as with photos or videos, you might want to consider using a grid instead.</p>
+<p>A list is an appropriate way to present content items that have a distinct name as their primary
identifier. If the content is visual in nature, such as with photos or videos, you might want to consider
using a <link xref="grids">grid</link> instead.</p>
<p>In some cases, it is advantageous to show both a list and a grid view for the same content items. Used in
this way, a list view allows additional information to be displayed about the content through columns of
information.</p>
@@ -29,31 +29,29 @@
<section id="standard-lists">
<title>Standard lists</title>
-<p>Used for simple lists, where the number of columns is low, sorting by every column is not required, and
changing the sort order is relatively uncommon.</p>
+<p>Standard lists are most common list type, and should generally be used in favour of tables.</p>
-<p>Rows have separators. Sorting is acheived by using a control outside the list itself.</p>
-
-<p>In general, standard lists should be used in favour of tables.</p>
+<p>In standard lists, each row is divided by separators, and changing the sort order is acheived by using a
control outside the list itself.</p>
<section id="styles">
<title>Styles</title>
-<media type="image" mime="image/png" src="figures/list-styles.png"/>
+<p>Standard lists have two styles: full-width and embedded. Full-width lists fill the width of their
container. This keeps visual complexity to a minimum.</p>
+
+<p>Embedded lists have padding between them and their container. They are appropriate when the list contains
columns of information which need to be kept close together for readability purposes. Embedded lists can also
be used when a window contains several lists at once.</p>
-<p>Standard lists have two styles: embedded and full-width.</p>
+<media type="image" mime="image/png" src="figures/list-styles.png"/>
</section>
<section id="editable-lists">
<title>Editable lists</title>
-<media type="image" mime="image/png" src="figures/editable-lists.png"/>
-
-<p>If the number of items is short, a list row can be used as an add button. If the list is long, the add
button can be placed in a <link xref="header-bars">header bar</link> or or <link xref="action-bars">action
bar</link>.</p>
+<p>Editable lists allow a user to add or remove items from the list (for this reason, they are sometimes
known as add/remove lists). Both full-width and embedded lists can be editable.</p>
-<p>This approach to editable lists can be used for both full-width or embedded lists.</p>
+<p>Each row contains a remove button. If the number of items is short, the final list row should be used as
an add button. Alternatively, if the list is long, the add button can be placed in a <link
xref="header-bars">header bar</link> or or <link xref="action-bars">action bar</link>.</p>
-<p>Don't attach toolbars to embedded lists.</p>
+<media type="image" mime="image/png" src="figures/editable-lists.png"/>
</section>
</section>
@@ -90,10 +88,33 @@
</section>
-<section id="row-behaviour">
-<title>Row behaviour</title>
+<section id="row-behavior">
+<title>Row behavior</title>
+
+<p>Depending on the type of list, rows have different behaviors when they are clicked or pressed. There are
three types of list in this regard:</p>
+
+<table>
+<thead>
+<tr>
+<td><p>List Type</p></td>
+<td><p>Row Behavior</p></td>
+</tr>
+</thead>
+<tr>
+<td><p>Navigation</p></td>
+<td><p>Selecting a row opens the corresponding item, whether it is by browsing to a new view or opening a
dialog. This pattern is common for lists of content items, or for presenting groups of settings.</p></td>
+</tr>
+<tr>
+<td><p>Select</p></td>
+<td><p>The list item is selected when it is clicked or pressed. This approach is often used for selecting
one of a series of configuration options. In the case of <link xref="drop-down-lists">drop-down lists</link>,
one option is always selected. The selected row is indicated by a check mark.</p></td>
+</tr>
+<tr>
+<td><p>Edit</p></td>
+<td><p>Selecting the row item turns the row into a text entry field, which allows the item to be
edited.</p></td>
+</tr>
+</table>
-<p>Click to open or click to select. Selection mode can be used for lists where opening and selecting is
both required.</p>
+<p>Navigation style lists can be combined with <link xref="selection-mode">selection mode</link> in order to
allow rows to be both opened and manipulated. Using double-click to open list items should be avoided, since
it is undiscoverable and is incompatible with touch input.</p>
</section>
@@ -101,13 +122,13 @@
<title>General guidelines</title>
<list>
-<item><p>Differentiate the different types of information using different alignments, text colors and
weights. Highlight the most important and relevant information by giving other information a lighter weight
and/or color.</p></item>
+<item><p>Differentiate the different types of information using different alignments, <link
xref="typography">text colors and weights</link>. Highlight the most important and relevant information by
giving other information a lighter weight and/or color.</p></item>
<item><p>Be careful not to overpopulate lists with different columns and elements, and ensure that you only
use them to present essential information.</p></item>
<item><p>As a rule of thumb, avoid using several lists in the same window, particularly primary
windows.</p></item>
<item><p>Do not use lists with less than about five items, unless the number of items may increase over
time. For options lists, check boxes or radio buttons can be used as an alternative in this case.</p></item>
<item><p>Ensure that lists are ordered to be helpful to those who are using them. Recent documents might be
more useful than alphabetically ordered documents, or contacts that are online might be more interesting than
those who are offline, for example.</p></item>
-<item><p>If you use icons in your list, use symbolic icons. The lower visual footprint of these icons will
mean that they do not visually overload or dominate your list.</p></item>
-<item><p>If the list is long, make it possible to search it using the standard GNOME search design
pattern.</p></item>
+<item><p>If you use icons in your list, <link xref="icons-and-artwork">use symbolic icons</link>. The lower
visual footprint of these icons will mean that they do not visually overload or dominate your list.</p></item>
+<item><p>If the list is long, make it possible to search it using the standard <link xref="search">search
design pattern</link>.</p></item>
</list>
</section>
diff --git a/hig3/C/menu-bars.page b/hig3/C/menu-bars.page
index 0a956b7..96376f5 100644
--- a/hig3/C/menu-bars.page
+++ b/hig3/C/menu-bars.page
@@ -12,15 +12,25 @@
<title>Menu bars</title>
-<p>The menubar provides a number of drop-down menus. Only the menu titles are displayed, until the user
clicks on one of them.</p>
+<p>A menubar incorporates a strip of drop-down menus. It is typically located at the top of a primary
window, below a window title bar.</p>
<p>The menubar is normally visible at all times and is always accessible from the keyboard, so make all the
commands available in your application available on the menubar.</p>
-<section id="guidelines">
-<title>Guidelines</title>
+<media type="image" mime="image/png" src="figures/menu-bar.png"/>
+
+<section id="when-to-use">
+<title>When to use</title>
+
+<p>Menu bars increase the vertical footprint of an application's user interface, introduce a large number of
disclosure points, and function as a fixed set of inflexible options. For these reasons, <link
xref="header-bars">header bars</link> and <link xref="header-bar-menus">header bar menus</link> are generally
recommended over menu bars, along with other design patterns for exposing controls on demand, such as <link
xref="selection-mode">selection mode</link>, <link xref="action-bars">action bars</link>, and <link
xref="popovers">popovers"</link>.</p>
+
+<p>At the same time, menu bars can still be an appropriate choice, particularly for applications that
already incorporate a header bar. Some platforms also incorporate space for a menu bar in their user
environment, and a menu model can be desirable for cross-platform integration purposes.</p>
+
+</section>
+
+<section id="general-guidelines">
+<title>General guidelines</title>
<list>
-<item><p>Provide a menubar in each primary application window, containing at least a File and a Help
menu.</p></item>
<item><p>Do not disable menu titles. Allow the user to explore the menu, even though there might be no
available items on it at that time.</p></item>
<item><p>Menu titles on a menubar are single words with their first letter capitalized. Do not use spaces in
menu titles, as this makes them easily-mistaken for two separate menu titles. Do not use compound words (such
as <gui>WindowOptions</gui>) or hyphens (such as <gui>Window-Options</gui>) to circumvent this
guideline.</p></item>
<item><p>Do not provide a mechanism for hiding the menubar, as this may be activated accidentally. Some
users will not be able to figure out how to get the menu bar back in this case.</p></item>
@@ -31,11 +41,17 @@
<section id="standard-menus">
<title>Standard menus</title>
-<p>This section details the most common menus, menu items and their behaviors. You will not need all of
these menus or menu items in every application you write, but do preserve the order of the menu titles and of
the menu items that you do use.</p>
+<p>This section details the most common menus and menu items in a menu bar.</p>
<section id="file">
<title>File</title>
+<p>The <gui>File</gui> menu contains commands that operate on the current document. It is the left-most item
in the menubar because of its importance and frequency of use, and because it is a relevant menu in many
applications. Historically, because most applications already had this menu, and because the distinction
between closing documents and closing windows became blurred over time, the <gui>File</gui> menu has also
become the standard location for <gui>Quit</gui>.</p>
+
+<p>The items on the <gui>File</gui> menu are generally ordered by locality, closest first. That is, items to
save or load from file, followed by printing, followed by sending to a remote user. Try to maintain this
ordering if you have to add new items to the menu.</p>
+
+<p>If your application does not operate on documents, name this item for the type of object it displays. For
example, many games should have a <gui>Game</gui> instead of a <gui>File</gui> menu. However, place the
<gui>Quit</gui> menu item last on this menu nonetheless.</p>
+
<section id="creation-and-opening-menu-items">
<title>Creation and opening operation menu items</title>
diff --git a/hig3/C/patterns.page b/hig3/C/patterns.page
index 5051c3e..ae15be1 100644
--- a/hig3/C/patterns.page
+++ b/hig3/C/patterns.page
@@ -10,7 +10,7 @@
<include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
</info>
-<title>Design Patterns</title>
+<title>Design patterns</title>
<p>Design patterns are the primary elements that make up an application design. Some patterns, like <link
xref="application-menus">application menus</link> or <link xref="header-bars">header bars</link>, are highly
recommended. Others are optional, and deciding on which patterns you want to use forms a core part of the
design process. To help with this, each pattern page details the appropriate uses of each pattern, and
suggests alternatives that might be applicable.</p>
diff --git a/hig3/C/progress-bars.page b/hig3/C/progress-bars.page
new file mode 100644
index 0000000..23c68d3
--- /dev/null
+++ b/hig3/C/progress-bars.page
@@ -0,0 +1,17 @@
+<page xmlns="http://projectmallard.org/1.0/"
+ type="topic"
+ id="progress-bars">
+
+ <info>
+ <credit type="author">
+ <name>Allan Day</name>
+ <email>aday gnome org</email>
+ </credit>
+ <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
+ </info>
+
+<title>Progress bars</title>
+
+
+
+</page>
diff --git a/hig3/C/sidebars.page b/hig3/C/sidebar-lists.page
similarity index 96%
rename from hig3/C/sidebars.page
rename to hig3/C/sidebar-lists.page
index 755a517..cf6e9aa 100644
--- a/hig3/C/sidebars.page
+++ b/hig3/C/sidebar-lists.page
@@ -1,9 +1,9 @@
<page xmlns="http://projectmallard.org/1.0/"
type="topic"
- id="sidebars">
+ id="sidebar-list">
<info>
- <link type="guide" xref="patterns" group="sidebars"/>
+ <link type="guide" xref="patterns" group="sidebar-lists"/>
<credit type="author">
<name>Allan Day</name>
<email>aday gnome org</email>
diff --git a/hig3/C/toolbars.page b/hig3/C/toolbars.page
new file mode 100644
index 0000000..d34618a
--- /dev/null
+++ b/hig3/C/toolbars.page
@@ -0,0 +1,35 @@
+<page xmlns="http://projectmallard.org/1.0/"
+ type="topic"
+ id="toolbars">
+
+ <info>
+ <credit type="author">
+ <name>Allan Day</name>
+ <email>aday gnome org</email>
+ </credit>
+ <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
+ </info>
+
+<title>Toolbars</title>
+
+<p>A toolbar is a strip of controls that allows convenient access to commonly-used functions. Most toolbars
only contain graphical buttons, but in more complex applications, other types of controls such as drop-down
lists, can also be useful.</p>
+
+<media type="image" mime="image/png" src="figures/toolbar.png"/>
+
+<p>Careful and consistent toolbar design speeds up the user's task by giving direct access to functions that
would otherwise be hidden on a menu. Use them only for the most important functions, however. Having too many
toolbar controls reduces their efficiency by making them harder to find, and too many rows of toolbars
reduces the amount of screen space available to the rest of the application.</p>
+
+<p>The effectiveness of toolbars is increased by maintaining a level of consistency between different
applications. For example, the main toolbar in an office application will nearly always have New, Open and
Save as its first three toolbar buttons. Similarly, the first few buttons in a browser application should
always include Back, Forward, Stop and Reload, in that order.</p>
+
+<section id="general-guidelines">
+<title>General guidelines</title>
+
+<list>
+<item><p>Place only the most commonly-used application functions on your toolbars. Don't just add buttons
for every menu item.</p></item>
+<item><p>All functions that appear on your toolbars must also accessible via the main menu bar, either
directly (i.e. an equivalent menu item) or indirectly (e.g. in the Options ▸ Settings dialog).</p></item>
+<item><p>Arrange toolbar buttons in the same order and groupings as their equivalents on the main menu bar.
In particular, always group sets of mutually-exclusive toolbar buttons.</p></item>
+<item><p>Don't add buttons for <gui>Help</gui>, <gui>Close</gui> or <gui>Quit</gui> to your toolbar by
default, as these are rarely used and the space is better used for more useful controls. Similarly, only
provide buttons for <gui>Undo</gui>, <gui>Redo</gui> and the standard clipboard functions if there is space
on the toolbar to do so without sacrificing more useful, application-specific controls.</p></item>
+</list>
+
+</section>
+
+</page>
diff --git a/hig3/C/ui-elements.page b/hig3/C/ui-elements.page
index 2c7bf36..2d64bdc 100644
--- a/hig3/C/ui-elements.page
+++ b/hig3/C/ui-elements.page
@@ -27,21 +27,26 @@
<td><media type="image" mime="image/png" src="figures/menu.png"/></td>
</tr>
<tr>
+<td><p><link xref="menu-bars">Menu bars</link></p></td>
+<td><media type="image" mime="image/png" src="figures/menu-bar.png"/></td>
<td><p><link xref="popovers">Popovers</link></p></td>
<td><media type="image" mime="image/png" src="figures/popover.png"/></td>
-<td><p><link xref="radio-buttons">Radio buttons</link></p></td>
-<td><media type="image" mime="image/png" src="figures/radio-buttons.png"/></td>
</tr>
<tr>
<td><p><link xref="switches">Switches</link></p></td>
<td><media type="image" mime="image/png" src="figures/switches.png"/></td>
-<td><p><link xref="tabs">Tabs</link></p></td>
-<td><media type="image" mime="image/png" src="figures/tabs.png"/></td>
+<td><p><link xref="radio-buttons">Radio buttons</link></p></td>
+<td><media type="image" mime="image/png" src="figures/radio-buttons.png"/></td>
</tr>
<tr>
+<td><p><link xref="tabs">Tabs</link></p></td>
+<td><media type="image" mime="image/png" src="figures/tabs.png"/></td>
<td><p><link xref="text-fields">Text fields</link></p></td>
<td><media type="image" mime="image/png" src="figures/text-fields.png"/></td>
-<td><p><link xref="menu-bars">Menu bars</link></p></td>
+</tr>
+<tr>
+<td><p><link xref="toolbars">Toolbars</link></p></td>
+<td><media type="image" mime="image/png" src="figures/toolbar.png"/></td>
</tr>
</table>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]