123 lines
4.0 KiB
Plaintext
123 lines
4.0 KiB
Plaintext
page.title=Downloads
|
|
@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 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" href="{@docRoot}downloads/design/Android_Design_Downloads_20120823.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 Ice Cream Sandwich apps. The stencils feature the
|
|
rich typography, colors, interactive controls, and icons found throughout Android 4.0, 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" href="{@docRoot}downloads/design/Android_Design_Fireworks_Stencil_20120814.png">Adobe® Fireworks® PNG Stencil</a>
|
|
<a class="download-button" href="{@docRoot}downloads/design/Android_Design_Illustrator_Vectors_20120814.ai">Adobe® Illustrator® Stencil</a>
|
|
<a class="download-button" href="{@docRoot}downloads/design/Android_Design_OmniGraffle_Stencil_20120814.graffle">Omni® OmniGraffle® Stencil</a>
|
|
<a class="download-button" href="{@docRoot}downloads/design/Android_Design_Holo_Widgets_20120814.zip">Adobe® Photoshop® 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" href="{@docRoot}downloads/design/Android_Design_Icons_20120814.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>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#actionbar">More on Roboto</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" href="{@docRoot}downloads/design/Roboto_Hinted_20120823.zip">Roboto</a>
|
|
<a class="download-button" href="{@docRoot}downloads/design/Roboto_Specimen_Book_20111129.pdf">Specimen Book</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layout-content-row">
|
|
<div class="layout-content-col span-5">
|
|
|
|
<h4>Color</h4>
|
|
<p>Blue is the standard accent color 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" href="{@docRoot}downloads/design/Android_Design_Color_Swatches_20120229.zip">Color Swatches</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|