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

Commit 55ed7e34 authored by Peter Ng's avatar Peter Ng Committed by Android Git Automerger
Browse files

am 3e504ac7: Merge "Multiple design styleguide fixes -Changing extras to... 

am 3e504ac7: Merge "Multiple design styleguide fixes -Changing extras to videos -new bullet item in swipeviews -new in 4.0 removal -Ui overview notification info -reppling typo fixed" into jb-dev

* commit '3e504ac7':
  Multiple design styleguide fixes -Changing extras to videos -new bullet item in swipeviews -new in 4.0 removal -Ui overview notification info -reppling typo fixed
parents ab0b9a9e 3e504ac7

docs/html/design/building-blocks/dialogs.jd

+39 −0
Original line number Diff line number Diff line
@@ -81,7 +81,46 @@ available based on the title and the text of the action buttons.</p> 


  </div>

</div>

<p>When crafting a confirmation dialog, make the title meaningful by echoing the requested action.</p>



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

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

    <div class="do-dont-label bad">Don't</div>

      <table class="ui-table bad">

      <thead>

        <tr>

          <th class="label">

          Are you sure?

          </th>

        </tr>

      </thead>

      </table>

  </div>

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

    <div class="do-dont-label bad">Don't</div>

      <table class="ui-table bad">

      <thead>

        <tr>

          <th class="label">

          Warning!

          </th>

        </tr>

      </thead>

      </table>

  </div>

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

    <div class="do-dont-label good">Do</div>

      <table class="ui-table good">

      <thead>

        <tr>

          <th class="label">

          Erase USB storage?

          </th>

        </tr>

      </thead>

      </table>

  </div>

</div>



<h2 id="popups">Popups</h2>

docs/html/design/building-blocks/tabs.jd

+1 −2
Original line number Diff line number Diff line
@@ -35,9 +35,8 @@ to the next/previous view, swipe left or right.</p> 




<h2 id="fixed">Fixed Tabs</h2>





<p>Fixed tabs display all items concurrently. To navigate to a different view, touch the tab, or swipe left or right.</p>

<p>Fixed tabs are displayed with equal width, based on the width of the widest tab label. If there is insufficient room to display all tabs, the tab labels themselves will be scrollable. For this reason, fixed tabs are best suited for displaying 3 or fewer tabs.</p>



<img src="{@docRoot}design/media/tabs_standard.png">

<div class="figure-caption">

docs/html/design/design_toc.cs

+3 −2
Original line number Diff line number Diff line
@@ -34,13 +34,14 @@ 
      <li><a href="<?cs var:toroot ?>design/patterns/multi-pane-layouts.html">Multi-pane Layouts</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/swipe-views.html">Swipe Views</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/selection.html">Selection</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/confirming-acknowledging.html">Confirming &amp; Acknowledging</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/notifications.html">Notifications</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/widgets.html">Widgets</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/settings.html">Settings</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/help.html">Help</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/accessibility.html">Accessibility</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/confirming-acknowledging.html">Confirming &amp; Acknowledging</a></li>

    </ul>

  </li>
@@ -67,7 +68,7 @@ 
  </li>



  <li class="nav-section">

    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/extras/index.html">Extras</a></div>

    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></div>

  </li>



</ul>
 
 No newline at end of file

docs/html/design/extras/index.jd

deleted100644 → 0
+0 −22
Original line number Diff line number Diff line 
page.title=Extras

@jd:body



<p>The Android Design Team was pleased to present five fantastic design-oriented sessions at Google I/O 2012. Visit these pages to view the videos and presentations from the conference.</p>

<img src="{@docRoot}design/media/extras_googleio_12.png">



<h3 id="design-for-success"><a href="https://developers.google.com/events/io/sessions/gooio2012/112/">Android Design for Success</a></h3>

<p>You have a great idea for an Android app. You want it to stand out among hundreds of thousands. You want your users to love it and tell everyone they know. The Android User Experience team is here to help. We talk about the Android Design guide and other tricks of the trade for creating apps that delight users and help them accomplish their goals. No design background is required.</p>



<h3 id="design-for-engineers"><a href="https://developers.google.com/events/io/sessions/gooio2012/1204/">Android Design for Engineers</a></h3>

<p>Design isn't black magic, it's a field that people can learn. In this talk two elite designers from Google give you an advanced crash course in interactive and visual design. Topics include mental models, natural mappings, metaphors, mode errors, visual hierarchies, typography and gestalt principles. Correctly applied, this knowledge can drastically improve the quality of your work.</p>



<h3 id="navigation-in-android"><a href="https://developers.google.com/events/io/sessions/gooio2012/114/">Navigation in Android</a></h3>

<p>An app is useless if people can't find their way around it. Android introduced big navigation-support changes in 3.0 and 4.0. The Action Bar offers a convenient control for Up navigation, the Back key's behavior became more consistent within tasks, and the Recent Tasks UI got an overhaul. In this talk, we discuss how and why we got where we are today, how to think about navigation when designing your app's user experience, and how to write apps that offer effortless navigation in multiple Android versions.</p>



<h3 id="now-what"><a href="https://developers.google.com/events/io/sessions/gooio2012/115/">So You've Read the Design Guide&#59; Now What?</a></h3>

<p>The Android Design Guide describes how to design beautiful Android apps, but not how to build them. In this talk we give practical tips for how to apply fit &amp; finish as you implement your design, we show you how to avoid some common pitfalls, we describe some useful patterns, and show how tools can help.</p>



<h3 id="playing-with-patterns"><a href="https://developers.google.com/events/io/sessions/gooio2012/131/">Playing with Patterns</a></h3>

<p>Best-in-class application designers and developers talk about their experience in developing for Android, showing screenshots from their app, exploring the challenges they faced, and offering creative solutions congruent with the Android Design guide. Guests are invited to show examples of visual and interaction patterns in their application that manage to keep it simultaneously consistent and personal.</p>



<p>Videos for the entire Design Track can also be found on the <a href="http://www.youtube.com/playlist?list=PL54FA004D676C3EE9">Android Developers Channel</a> on YouTube.</p>
 
 No newline at end of file

docs/html/design/get-started/creative-vision.jd

+1 −7
Original line number Diff line number Diff line
@@ -5,13 +5,7 @@ page.title=Creative Vision 


<div class="vspace size-1">&nbsp;</div>



<p>Ice Cream Sandwich (Android 4.0) marks a major milestone for Android design. We touched nearly every

pixel of the system as we expanded the new design approaches introduced in Honeycomb tablets to all

types of mobile devices. Starting with the most basic elements, we introduced a new font, Roboto,

designed for high-resolution displays. Other big changes include framework-level action bars on

phones and support for new phones without physical buttons.</p>

<p>We focused the design work with three overarching goals for our core apps and the system at large.

As you design apps to work with Android, consider these goals:</p>

<p>We focused the design of Android around three overarching goals, which apply to our core apps as well as the system at large. As you design apps to work with Android, consider these goals:</p>



<div class="vspace size-1">&nbsp;</div>