Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit dfb41027 authored by smain@google.com's avatar smain@google.com
Browse files

lots of updates to the wear design guide 

actually decent layout with images

Change-Id: I45047158b61d3d8202b0f77e1ff8aea9c57da7c5
parent a1bc384d

Android.mk

+1 −0
Original line number Diff line number Diff line
@@ -721,6 +721,7 @@ LOCAL_DROIDDOC_OPTIONS:= \ 
		$(framework_docs_LOCAL_DROIDDOC_OPTIONS) \

		-toroot / \

		-hdf android.whichdoc online \

		-briefdocs \

		$(sample_groups) \

		-hdf android.hasSamples true \

		-samplesdir $(samples_dir)

docs/html/design/auto/index.jd

+1 −1
Original line number Diff line number Diff line 
page.title=Auto

page.title=Android Auto

@jd:body



<style>

docs/html/design/devices.jd

+2 −2
Original line number Diff line number Diff line
@@ -13,8 +13,8 @@ footer.hide=1 
#text-overlay {

  position: absolute;

  left: 0;

  top: 420px;

  width: 360px;

  top: 410px;

  width: 340px;



}

#hero-image {

docs/html/design/downloads/index.jd

+79 −18
Original line number Diff line number Diff line
@@ -2,27 +2,12 @@ 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 to facilitate your app design

and implementation.</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>

<h2 id="stencils">Phone &amp; Tablet Stencils</h2>



<div class="layout-content-row">

  <div class="layout-content-col span-5">
@@ -54,6 +39,11 @@ available.</p> 
  </div>

</div>













<h2 id="action-bar-icon-pack">Action Bar Icon Pack</h2>



<div class="layout-content-row">
@@ -81,6 +71,76 @@ modify to match your theme, plus source files.</p> 
  </div>

</div>











<h2 id="Wear">Android Wear Materials</h2>



<div class="layout-content-row">

  <div class="layout-content-col span-5">

  <h4>UI toolkit</h4>

<p>The toolkit contains detailed specs and measurements of all of the primary Android Wear UI components. Available in PDF and Illustrator formats.</p>



  </div>

  <div class="layout-content-col span-4">



    <img src="{@docRoot}design/media/downloads_wear_toolkit.png" width="220">



  </div>

  <div class="layout-content-col span-4">

  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Wear Toolkit AI']);"

    href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">Adobe&reg; Illustrator&reg; Toolkit</a>



  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Wear Toolkit PDF']);"

    href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">PDF Toolkit</a>

  </div>

</div>



<div class="layout-content-row">

  <div class="layout-content-col span-5">

  <h4>Sample app user flows</h4>

<p>Examples of how to chain together simple Android Wear UI components into common user flows, from simple notifications to complex interactions involving full screen activities.

</p>



  </div>

  <div class="layout-content-col span-4">



    <img src="{@docRoot}design/media/downloads_wear_flows.png" width="220">



  </div>

  <div class="layout-content-col span-4">

  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Wear Sample Flows AI']);"

    href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">Adobe&reg; Illustrator&reg; App Flows</a>

  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Wear Sample Flows PDF']);"

    href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">PDF App Flows</a>

  </div>

</div>



<div class="layout-content-row">

  <div class="layout-content-col span-5">

  <h4>Sample app design mocks</h4>

<p>Stream cards and UI elements for some example apps in fully editable PSD format.

</p>



  </div>

  <div class="layout-content-col span-4">



    <img src="{@docRoot}design/media/downloads_wear_psds.png" width="220">



  </div>

  <div class="layout-content-col span-4">

  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Wear Sample PSD Mocks']);"

    href="{@docRoot}downloads/design/Android_Wear_Sample_Assets.zip">Adobe&reg; Photoshop&reg; mocks</a>

  </div>

</div>















<h2 id="style">Style</h2>



<div class="layout-content-row">
@@ -89,6 +149,7 @@ modify to match your theme, plus source files.</p> 
<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>For Android Wear, Roboto Condensed is the system font and the Regular and Light variants should be used by all Wear apps.</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>

docs/html/design/media/android-tv.png

0 → 100644
+633 KiB
Loading image diff...