137 lines
5.1 KiB
Plaintext
137 lines
5.1 KiB
Plaintext
page.title=Downloads
|
|
page tags="Icons", "stencils", "color swatches"
|
|
@jd:body
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-9">
|
|
|
|
<p>Want everything? We've bundled all the downloads available on Android Design, except for the
|
|
<a href="#roboto">Roboto</a> font family, into a single ZIP file. You can also download
|
|
individual files listed below.</p>
|
|
|
|
<p>You may use these materials without restriction in your apps and to develop your apps.</p>
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<p>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'All Design Assets']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Downloads_20131106.zip">Download All</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="stencils">Stencils and Sources</h2>
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-5">
|
|
|
|
<p>Drag and drop your way to beautifully designed Android apps. The stencils feature the
|
|
rich typography, colors, interactive controls, and icons found throughout Android, along with
|
|
phone and tablet outlines to frame your creations. Source files for icons and controls are also
|
|
available.</p>
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<img src="{@docRoot}design/media/downloads_stencils.png">
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<p>
|
|
<!--<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Fireworks Stencil']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Fireworks_Stencil_20120814.png">Adobe® Fireworks® PNG Stencil</a>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Illustrator Stencil']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Illustrator_Vectors_20120814.ai">Adobe® Illustrator® Stencil</a>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'OmniGraffle Stencil']);"
|
|
href="{@docRoot}downloads/design/Android_Design_OmniGraffle_Stencil_20120814.graffle">Omni® OmniGraffle® Stencil</a>-->
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Photoshop Sources']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">Adobe® Photoshop® Stencils and Sources</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="action-bar-icon-pack">Action Bar Icon Pack</h2>
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-5">
|
|
|
|
<p>Action bar icons are graphic buttons that represent the most important actions people can take
|
|
within your app. <a href="{@docRoot}design/style/iconography.html">More on Action Bar Iconography</a></p>
|
|
<p>The download package includes icons that are scaled for various screen densities and suitable for
|
|
use with the Holo Light and Holo Dark themes. The package also includes unstyled icons that you can
|
|
modify to match your theme, plus source files.</p>
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<img src="{@docRoot}design/media/iconography_actionbar_style.png">
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<p>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Action Bar Icons']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Icons_20131106.zip">Action Bar Icon Pack</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="style">Style</h2>
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-5">
|
|
|
|
<h4 id="roboto">Roboto</h4>
|
|
<p>Ice Cream Sandwich introduced a new type family named Roboto, created specifically for the
|
|
requirements of UI and high-resolution screens.</p>
|
|
<p><a href="{@docRoot}design/style/typography.html">More on Roboto</a></p>
|
|
<p><a href="http://www.google.com/fonts/specimen/Roboto" class="external-link">Roboto on Google Fonts</a></p>
|
|
<p><a href="http://www.google.com/fonts/specimen/Roboto+Condensed" class="external-link">Roboto Condensed on Google Fonts</a></p>
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<img src="{@docRoot}design/media/downloads_roboto_specimen_preview.png">
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<p>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto ZIP']);"
|
|
href="{@docRoot}downloads/design/roboto-1.2.zip">Roboto</a>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto Specemin Book']);"
|
|
href="{@docRoot}downloads/design/Roboto_Specimen_Book_20131031.pdf">Specimen Book</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-5">
|
|
|
|
<h4>Color</h4>
|
|
<p>In Android's color palette, each color has a corresponding darker
|
|
shade that can be used as a complement when needed.</p>
|
|
<p><a href="{@docRoot}design/style/color.html">More on Color</a></p>
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<img src="{@docRoot}design/media/downloads_color_swatches.png">
|
|
|
|
</div>
|
|
<div class="layout-content-col span-4">
|
|
|
|
<p>
|
|
<a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Color Swatches']);"
|
|
href="{@docRoot}downloads/design/Android_Design_Color_Swatches_20120229.zip">Color Swatches</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|