From 6c1c263efae41a04f50eb27a7671ed23e7d535c1 Mon Sep 17 00:00:00 2001 From: Dirk Dougherty Date: Sat, 2 May 2015 16:31:11 -0700 Subject: Doc change: merge landing page and header/footer designs. Change-Id: Ic2f603c0215f8dadac2dfa4b871b22b2f9a027e5 --- docs/html/auto/index.jd | 5 +- docs/html/design/building-blocks/buttons.jd | 28 +- docs/html/design/building-blocks/dialogs.jd | 26 +- docs/html/design/building-blocks/grid-lists.jd | 18 +- docs/html/design/building-blocks/lists.jd | 6 +- docs/html/design/building-blocks/pickers.jd | 6 +- docs/html/design/building-blocks/progress.jd | 18 +- docs/html/design/building-blocks/seek-bars.jd | 12 +- docs/html/design/building-blocks/spinners.jd | 6 +- docs/html/design/building-blocks/tabs.jd | 6 +- docs/html/design/building-blocks/text-fields.jd | 16 +- docs/html/design/devices.jd | 3 +- docs/html/design/downloads/index.jd | 98 ++--- docs/html/design/get-started/creative-vision.jd | 9 +- docs/html/design/get-started/principles.jd | 102 ++--- docs/html/design/handhelds/index.jd | 20 +- docs/html/design/index.jd | 100 +++-- docs/html/design/material/index.jd | 4 +- docs/html/design/media/hero-material-design.png | Bin 0 -> 170844 bytes docs/html/design/patterns/accessibility.jd | 8 +- docs/html/design/patterns/actionbar.jd | 28 +- docs/html/design/patterns/app-structure.jd | 48 +-- docs/html/design/patterns/buttons.jd | 10 +- docs/html/design/patterns/compatibility.jd | 18 +- .../design/patterns/confirming-acknowledging.jd | 24 +- docs/html/design/patterns/fullscreen.jd | 10 +- docs/html/design/patterns/gestures.jd | 22 +- docs/html/design/patterns/help.jd | 28 +- docs/html/design/patterns/multi-pane-layouts.jd | 24 +- docs/html/design/patterns/navigation-drawer.jd | 30 +- docs/html/design/patterns/new.jd | 49 +-- docs/html/design/patterns/notifications_k.jd | 40 +- docs/html/design/patterns/pure-android.jd | 37 +- docs/html/design/patterns/selection.jd | 18 +- docs/html/design/patterns/settings.jd | 128 +++--- docs/html/design/patterns/swipe-views.jd | 6 +- docs/html/design/patterns/widgets.jd | 20 +- docs/html/design/style/branding.jd | 24 +- docs/html/design/style/devices-displays.jd | 8 +- docs/html/design/style/iconography.jd | 92 ++-- docs/html/design/style/metrics-grids.jd | 6 +- docs/html/design/style/themes.jd | 6 +- docs/html/design/style/touch-feedback.jd | 18 +- docs/html/design/style/typography.jd | 12 +- docs/html/design/style/writing.jd | 36 +- docs/html/design/tv/patterns.jd | 6 +- docs/html/design/videos/index.jd | 60 +-- docs/html/design/wear/creative-vision.jd | 20 +- docs/html/design/wear/style.jd | 12 +- docs/html/design/wear/watchfaces.jd | 66 +-- docs/html/develop/index.jd | 468 +++++---------------- docs/html/distribute/analyze/index.jd | 2 +- docs/html/distribute/engage/deep-linking.jd | 4 +- docs/html/distribute/engage/easy-signin.jd | 2 +- docs/html/distribute/googleplay/about.jd | 4 +- .../distribute/googleplay/developer-console.jd | 4 +- docs/html/distribute/googleplay/index.jd | 1 + docs/html/distribute/images/advertising.jpg | Bin 26362 -> 23239 bytes docs/html/distribute/index.jd | 80 +++- docs/html/distribute/monetize/ads.jd | 2 +- docs/html/distribute/tools/promote/device-art.jd | 12 +- docs/html/distribute/users/promote-with-ads.jd | 4 +- docs/html/google/index.jd | 2 +- docs/html/google/play-services/index.jd | 14 +- docs/html/google/play-services/location.jd | 6 +- docs/html/google/play/dist.jd | 14 +- docs/html/images/cards/adwords_2x.jpg | Bin 0 -> 31526 bytes docs/html/images/cards/analytics-mobile_2x.jpg | Bin 0 -> 40375 bytes docs/html/images/cards/android-auto_2x.png | Bin 0 -> 12762 bytes docs/html/images/cards/android-devices_2x.jpg | Bin 0 -> 43007 bytes docs/html/images/cards/android-studio_2x.png | Bin 0 -> 28824 bytes docs/html/images/cards/android-tv_2x.png | Bin 0 -> 2567 bytes docs/html/images/cards/android-wear-apps_2x.jpg | Bin 0 -> 33577 bytes .../images/cards/android-wear-materials_2x.jpg | Bin 0 -> 23220 bytes docs/html/images/cards/android-wear_2x.png | Bin 0 -> 12883 bytes docs/html/images/cards/cloud-platform_2x.png | Bin 0 -> 14894 bytes .../images/cards/design-creative-vision_2x.jpg | Bin 0 -> 42208 bytes .../cards/design-material-for-android_2x.jpg | Bin 0 -> 15448 bytes .../html/images/cards/design-new-in-android_2x.jpg | Bin 0 -> 36691 bytes docs/html/images/cards/design-pure-android_2x.png | Bin 0 -> 27109 bytes docs/html/images/cards/dev-console_2x.jpg | Bin 0 -> 36425 bytes docs/html/images/cards/google-play_2x.png | Bin 0 -> 10368 bytes docs/html/images/cards/google-search_2x.png | Bin 0 -> 3097 bytes docs/html/images/cards/google-sign-in_2x.png | Bin 0 -> 6236 bytes docs/html/images/cards/material-animation_2x.png | Bin 0 -> 10935 bytes .../images/cards/material-color-palette_2x.jpg | Bin 0 -> 26202 bytes docs/html/images/cards/material-components_2x.jpg | Bin 0 -> 24555 bytes .../images/cards/material-layout-template_2x.jpg | Bin 0 -> 22336 bytes docs/html/images/cards/material-layout_2x.png | Bin 0 -> 11400 bytes docs/html/images/cards/material-patterns_2x.png | Bin 0 -> 8462 bytes .../images/cards/material-sticker-sheet_2x.jpg | Bin 0 -> 21453 bytes docs/html/images/cards/material-style_2x.jpg | Bin 0 -> 29130 bytes docs/html/images/cards/material-typography_2x.jpg | Bin 0 -> 30729 bytes docs/html/images/cards/material-usability_2x.png | Bin 0 -> 2798 bytes docs/html/images/cards/material_2x.png | Bin 0 -> 9002 bytes docs/html/images/cards/program-edu_2x.jpg | Bin 0 -> 53708 bytes docs/html/images/cards/samples-new_2x.png | Bin 0 -> 4940 bytes .../develop/hero-android-studio-on-device.png | Bin 0 -> 200898 bytes docs/html/images/distribute/google-play-bg.jpg | Bin 0 -> 30811 bytes docs/html/images/distribute/hero-family.jpg | Bin 0 -> 282862 bytes .../distribute/hero-g-play-guidebooks_2x.png | Bin 0 -> 24250 bytes docs/html/images/distribute/hero-ginlemon.jpg | Bin 0 -> 311355 bytes docs/html/images/distribute/hero-haystack.jpg | Bin 0 -> 222047 bytes docs/html/images/distribute/hero-jelly-button.jpg | Bin 0 -> 265394 bytes docs/html/images/distribute/hero-outfit7.jpg | Bin 0 -> 120060 bytes docs/html/images/home/hero-lollipop_2x.png | Bin 0 -> 1035400 bytes docs/html/index.jd | 129 ++---- docs/html/jd_collections.js | 152 ++++++- docs/html/jd_extras.js | 352 +++++++++++++++- docs/html/samples/new/index.jd | 1 + docs/html/sdk/index.jd | 29 +- docs/html/tools/support-library/index.jd | 1 + docs/html/training/building-wearables.jd | 4 +- docs/html/training/material/index.jd | 4 +- docs/html/training/tv/start/start.jd | 2 +- docs/html/tv/index.jd | 2 +- docs/html/wear/index.jd | 4 +- 117 files changed, 1470 insertions(+), 1226 deletions(-) create mode 100644 docs/html/design/media/hero-material-design.png create mode 100644 docs/html/images/cards/adwords_2x.jpg create mode 100644 docs/html/images/cards/analytics-mobile_2x.jpg create mode 100644 docs/html/images/cards/android-auto_2x.png create mode 100644 docs/html/images/cards/android-devices_2x.jpg create mode 100644 docs/html/images/cards/android-studio_2x.png create mode 100644 docs/html/images/cards/android-tv_2x.png create mode 100644 docs/html/images/cards/android-wear-apps_2x.jpg create mode 100644 docs/html/images/cards/android-wear-materials_2x.jpg create mode 100644 docs/html/images/cards/android-wear_2x.png create mode 100644 docs/html/images/cards/cloud-platform_2x.png create mode 100644 docs/html/images/cards/design-creative-vision_2x.jpg create mode 100644 docs/html/images/cards/design-material-for-android_2x.jpg create mode 100644 docs/html/images/cards/design-new-in-android_2x.jpg create mode 100644 docs/html/images/cards/design-pure-android_2x.png create mode 100644 docs/html/images/cards/dev-console_2x.jpg create mode 100644 docs/html/images/cards/google-play_2x.png create mode 100644 docs/html/images/cards/google-search_2x.png create mode 100644 docs/html/images/cards/google-sign-in_2x.png create mode 100644 docs/html/images/cards/material-animation_2x.png create mode 100644 docs/html/images/cards/material-color-palette_2x.jpg create mode 100644 docs/html/images/cards/material-components_2x.jpg create mode 100644 docs/html/images/cards/material-layout-template_2x.jpg create mode 100644 docs/html/images/cards/material-layout_2x.png create mode 100644 docs/html/images/cards/material-patterns_2x.png create mode 100644 docs/html/images/cards/material-sticker-sheet_2x.jpg create mode 100644 docs/html/images/cards/material-style_2x.jpg create mode 100644 docs/html/images/cards/material-typography_2x.jpg create mode 100644 docs/html/images/cards/material-usability_2x.png create mode 100644 docs/html/images/cards/material_2x.png create mode 100644 docs/html/images/cards/program-edu_2x.jpg create mode 100644 docs/html/images/cards/samples-new_2x.png create mode 100644 docs/html/images/develop/hero-android-studio-on-device.png create mode 100644 docs/html/images/distribute/google-play-bg.jpg create mode 100644 docs/html/images/distribute/hero-family.jpg create mode 100644 docs/html/images/distribute/hero-g-play-guidebooks_2x.png create mode 100644 docs/html/images/distribute/hero-ginlemon.jpg create mode 100644 docs/html/images/distribute/hero-haystack.jpg create mode 100644 docs/html/images/distribute/hero-jelly-button.jpg create mode 100644 docs/html/images/distribute/hero-outfit7.jpg create mode 100644 docs/html/images/home/hero-lollipop_2x.png (limited to 'docs/html') diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd index ca63a54..66ea15a 100644 --- a/docs/html/auto/index.jd +++ b/docs/html/auto/index.jd @@ -3,7 +3,7 @@ page.viewport_width=970 fullpage=true no_footer_links=true page.type=about -page.image=/auto/images/hero.jpg +page.image=/images/cards/android-auto_2x.png @jd:body @@ -12,9 +12,6 @@ page.image=/auto/images/hero.jpg #jd-content>.content-footer.wrap { display:none; } -#hero-height { - height:calc(100% - 100px); -} .img-logo { margin:0 auto; display:block; diff --git a/docs/html/design/building-blocks/buttons.jd b/docs/html/design/building-blocks/buttons.jd index e698f38..713574a 100644 --- a/docs/html/design/building-blocks/buttons.jd +++ b/docs/html/design/building-blocks/buttons.jd @@ -21,27 +21,27 @@ page.tags=button,input will occur when the user touches it. A button can have an image, text, or both.

-
-
+
+
-
+
-
+
-
-
+
+

An image alone works best when the action can be represented by a symbol that's well understood.

-
+

Text alone is most appropriate for actions that would be difficult to represent visually, or are critical to convey in words to avoid any ambiguity.

-
+

Both an icon and text is most appropriate when they complement each other: each carrying its own bit of information, but together making a larger whole. @@ -57,24 +57,24 @@ page.tags=button,input

What about button backgrounds?

-
-
+
+

For image-only buttons, a background isn't necessary because users are accustomed to interacting with objects.

-
-
+
+
Don't
-
+
Do
-
+

For buttons with text, a background is also usually unnecessary. To invite users to touch, phrase it as a clear action (e.g. diff --git a/docs/html/design/building-blocks/dialogs.jd b/docs/html/design/building-blocks/dialogs.jd index 9c91abf..70460ba 100644 --- a/docs/html/design/building-blocks/dialogs.jd +++ b/docs/html/design/building-blocks/dialogs.jd @@ -62,13 +62,13 @@ user to adjust settings or enter text.

proceeding. They differ slightly in appearance based upon the severity and impact of the message conveyed.

-
-
+
+
-
+

Alerts without title bars

Most alerts don't need titles. Usually the decision doesn't have a severe impact and can be summed @@ -79,13 +79,13 @@ this conversation?") or make a clear statement whose relationship to the action

-
-
+
+
-
+

Alerts with title bars

Use alerts with title bars sparingly. They are appropriate only when a high-risk operation involving @@ -99,8 +99,8 @@ available based on the title and the text of the action buttons.

When crafting a confirmation dialog, make the title meaningful by echoing the requested action.

-
-
+
+
Don't
@@ -112,7 +112,7 @@ available based on the title and the text of the action buttons.

-
+
Don't
@@ -124,7 +124,7 @@ available based on the title and the text of the action buttons.

-
+
Do
@@ -151,8 +151,8 @@ advances the workflow, and simply touching outside the popup dismisses it.

Toasts

-
-
+
+
@@ -177,7 +177,7 @@ continue editing later. Toasts automatically disappear after a timeout.

-
+
diff --git a/docs/html/design/building-blocks/grid-lists.jd b/docs/html/design/building-blocks/grid-lists.jd index ac3a3eb..7a1c652 100644 --- a/docs/html/design/building-blocks/grid-lists.jd +++ b/docs/html/design/building-blocks/grid-lists.jd @@ -36,13 +36,13 @@ cutting off grid items to communicate where the overflow is located.

Avoid creating grid lists that scroll in two dimensions.

-
-
+
+
-
+

Vertical scrolling

Vertically scrolling grid list items are sorted in traditional western reading direction: @@ -53,13 +53,13 @@ scheme when the user rotates the screen.

-
-
+
+
-
+

Horizontal scrolling

Horizontally scrolling lists fix the vertical axis of the item grid. Compared to vertically @@ -80,13 +80,13 @@ navigation.

Use labels to display additional contextual information for your grid list items.

-
-
+
+
-
+

Style

Use semi-transparent panels on top of the grid list items to display your labels. This allows you to diff --git a/docs/html/design/building-blocks/lists.jd b/docs/html/design/building-blocks/lists.jd index 6f69feb..85753c8 100644 --- a/docs/html/design/building-blocks/lists.jd +++ b/docs/html/design/building-blocks/lists.jd @@ -15,13 +15,13 @@ well as drilldown navigation.

 
-
-
+
+
-
+
  1. diff --git a/docs/html/design/building-blocks/pickers.jd b/docs/html/design/building-blocks/pickers.jd index fb5e287..72da0f7 100644 --- a/docs/html/design/building-blocks/pickers.jd +++ b/docs/html/design/building-blocks/pickers.jd @@ -13,13 +13,13 @@ page.tags=datepicker,timepicker up/down arrow buttons, it's possible to set the desired value from the keyboard or via a swipe gesture.

    -
    -
    +
    +
    -
    +

    Space considerations

    Pickers can be used inline on a form, but their relatively large footprint is best suited for diff --git a/docs/html/design/building-blocks/progress.jd b/docs/html/design/building-blocks/progress.jd index 2de75dc..ae81440 100644 --- a/docs/html/design/building-blocks/progress.jd +++ b/docs/html/design/building-blocks/progress.jd @@ -32,13 +32,13 @@ page.tags=progressbar,download,network

    Two styles are available: a bar and a circle. Each is offered in a variety of sizes, in both Holo Light and Holo Dark themes. Choose the appropriate style and size for the surrounding context. For example, the largest activity circle works well when displayed in a blank content area, but not in a smaller dialog box. Each operation should only be represented by one activity indicator.

    -
    -
    +
    +
    -
    +

    1. Activity bar

      @@ -49,13 +49,13 @@ page.tags=progressbar,download,network
    -
    -
    +
    +
    -
    +

    1. Activity circle

      @@ -91,11 +91,11 @@ In all of the Google Play apps (Music, Books, Movies, Magazines), we wanted the

      The color indicates whether it's downloaded (blue) or not (gray). The appearance of the pin indicates whether the download is permanent (white, upright) or temporary (gray, diagonal). And when state is in the process of changing, progress is indicated by a moving pie chart.

      -
      -
      +
      +
      -
      +
      Across Google Play apps with different layouts, the same custom indicator appears with each item. It communicates download state as well as progress, in a compact package that can be incorporated into any screen design.
      diff --git a/docs/html/design/building-blocks/seek-bars.jd b/docs/html/design/building-blocks/seek-bars.jd index 5c42102..04446d2 100644 --- a/docs/html/design/building-blocks/seek-bars.jd +++ b/docs/html/design/building-blocks/seek-bars.jd @@ -15,13 +15,13 @@ by moving the slider thumb. The smallest value is to the left, the largest to th interactive nature of the slider makes it a great choice for settings that reflect intensity levels, such as volume, brightness, or color saturation.

      -
      -
      +
      +
      -
      +
       
      @@ -32,8 +32,8 @@ such as volume, brightness, or color saturation.

      -
      -
      +
      +
      @@ -41,5 +41,5 @@ such as volume, brightness, or color saturation.

      -
       
      +
       
      diff --git a/docs/html/design/building-blocks/spinners.jd b/docs/html/design/building-blocks/spinners.jd index 3a74ccf..31c5558 100644 --- a/docs/html/design/building-blocks/spinners.jd +++ b/docs/html/design/building-blocks/spinners.jd @@ -22,8 +22,8 @@ its currently selected value. Touching the spinner displays a dropdown menu with values, from which the user can select a new one.

      -
      -
      +
      +
      @@ -34,7 +34,7 @@ fields. For example, a text field might let you edit an email address for a cont associated spinner allows you to select whether it's a Home or Work address.

      -
      +
      diff --git a/docs/html/design/building-blocks/tabs.jd b/docs/html/design/building-blocks/tabs.jd index 078de92..1315a2f 100644 --- a/docs/html/design/building-blocks/tabs.jd +++ b/docs/html/design/building-blocks/tabs.jd @@ -27,14 +27,14 @@ aspects of your app, or to browse categorized data sets.

      Scrollable Tabs

      -
      -
      +
      +

      Scrolling tab controls can contain a larger number of items than a standard tab control. To navigate to the next/previous view, swipe left or right.

      -
      +
-
+
After
@@ -490,8 +490,8 @@ provide a description. Only include one if necessary.

The following are examples of changes we made to labels and secondary text in the Settings app in Ice Cream Sandwich.

-
-
+
+
Before
@@ -506,7 +506,7 @@ in Ice Cream Sandwich.

-
+
After
@@ -521,7 +521,7 @@ in Ice Cream Sandwich.

-
+

In this checkbox setting, we eliminated the throwaway word "Use" and rephrased the label to be more direct and understandable.

@@ -530,8 +530,8 @@ more direct and understandable.

-
-
+
+
Before
@@ -553,7 +553,7 @@ more direct and understandable.

-
+
After
@@ -575,7 +575,7 @@ more direct and understandable.

-
+

In this multiple choice setting, we changed the label to a friendlier term and also replaced the description with status. We put some descriptive words around the selected value, "10 @@ -584,8 +584,8 @@ minutes", because on its own, the meaning could be misinterpreted as "sleep for

-
-
+
+
Before
@@ -607,7 +607,7 @@ minutes", because on its own, the meaning could be misinterpreted as "sleep for
-
+
After
@@ -629,7 +629,7 @@ minutes", because on its own, the meaning could be misinterpreted as "sleep for
-
+

This setting navigates to a a sequence of subscreens that allow users to choose a type of screen lock and then set it up. We eliminated the throwaway word "Change" in the label, and @@ -639,8 +639,8 @@ hasn't set up a screen lock, the secondary text says "None".

-
-
+
+
Before
@@ -662,7 +662,7 @@ hasn't set up a screen lock, the secondary text says "None".

-
+
After
@@ -684,7 +684,7 @@ hasn't set up a screen lock, the secondary text says "None".

-
+

In this checkbox setting—although it's technical jargon—we kept the "NFC" label because: (1) we couldn't find a clear, concise alternative, and (2) user familiarity with the diff --git a/docs/html/design/patterns/swipe-views.jd b/docs/html/design/patterns/swipe-views.jd index af5c9dc..9ee33db 100644 --- a/docs/html/design/patterns/swipe-views.jd +++ b/docs/html/design/patterns/swipe-views.jd @@ -42,8 +42,8 @@ using the swipe gesture to navigate to the next/previous detail view.

Swiping Between Tabs

-
-
+
+
-
+

If your app uses action bar tabs, use swipe to navigate between the different views.

 
diff --git a/docs/html/design/patterns/widgets.jd b/docs/html/design/patterns/widgets.jd index 47acc7b..b149af6 100644 --- a/docs/html/design/patterns/widgets.jd +++ b/docs/html/design/patterns/widgets.jd @@ -21,18 +21,18 @@ page.metaDescription=Design guide to creating widgets that are easy to use and l
 
-
-
+
+

Collection widgets

As the name implies, collection widgets specialize in displaying multitude elements of the same type, such as a collection of pictures from a gallery app, a collection of articles from a news app or a collection of emails/messages from a communication app. Collection widgets typically focus on two use cases: browsing the collection, and opening an element of the collection to its detail view for consumption. Collection widgets can scroll vertically.

-
+
ListView widget
-
+
GridView widget @@ -84,8 +84,8 @@ A music player widget is primarily a control widget, but also keeps the user inf
  • Open application at top level: Tapping on an information element will usually navigate the user to a lower level detail screen. Providing access to the top level of your application provides more navigation flexibility and can replace a dedicated app shortcut that users would otherwise use to navigate to the app from the home screen. Using your application icon as an affordance can also provide your widget with a clear identity in case the data you're displaying is ambiguous.
    • -
    -
    +
    +

    Widget resizing

    With version 3.1, Android introduced resizable widgets to the platform. Resizing allows users to adjust the height and/or the width of a widget within the constraints of the home panel placement grid. You can decide if your widget is freely resizable or if it is constrained to horizontal or vertical size changes. You do not have to support resizing if your particular widget is inherently fixed-size.

    Allowing users to resize widgets has important benefits:

    @@ -95,7 +95,7 @@ A music player widget is primarily a control widget, but also keeps the user inf
    -
    +
    A long press and subsequent release sets resizable widgets into resize mode. Users can use the drag handles or the widget corners to set the desired size. @@ -116,14 +116,14 @@ A music player widget is primarily a control widget, but also keeps the user inf

    Widget configuration

    -
    -
    +
    +

    Sometimes widgets need to be setup before they can become useful. Think of an email widget for example, where you need to provide an account before the inbox can be displayed. Or a static photo widget where the user has to assign the picture that is to be displayed from the gallery.

    Android widgets display their configuration choices right after the widget is dropped onto a home panel. Keep the widget configuration light and don't present more than 2-3 configuration elements. Use dialog-style instead of full-screen activities to present configuration choices and retain the user's context of place, even if doing so requires use of multiple dialogs.

    Once setup, there typically is not a lot of reason to revisit the setup. Therefore Android widgets do not show a "Setup" or "Configuration" button.

    -
    +
    After adding a Play widget to a home panel, the widget asks the user to specify the type of media the widget should display. diff --git a/docs/html/design/style/branding.jd b/docs/html/design/style/branding.jd index b5bb77c..5995d03 100644 --- a/docs/html/design/style/branding.jd +++ b/docs/html/design/style/branding.jd @@ -23,15 +23,15 @@ everyone else's. In Android, your app can shine as an extension of your brand. <
     
    -
    -
    +
    +
    The four colors of the Google Wallet logo provide a playful accent to the four dots that appear as the user enters a PIN.
    -
    +
    The Google Play Music app has an orange theme color, which is used for emphasis @@ -56,15 +56,15 @@ and app name in the action bar.

     
    -
    -
    +
    +
    Google+ reinforces its brand by carrying its launcher icon through to the action bar.
    -
    +
    Example of a the logo in the action bar. This works well in cases where the brand's logo matches the name of the app. @@ -87,8 +87,8 @@ Android app as well. If you take this approach, make sure your brand sty applied to every single icon in your app.

    -
    -
    +
    +

    One exception: For any icon in your existing set where the symbol is different from Android's, use Android's symbol but give it your brand's styling. That way, users will understand what the purpose of the icon is based on what they've learned in other @@ -99,20 +99,20 @@ applied to every single icon in your app.

    -
    +
    -
    -
    +
    +

    Example:

    The brand's normal icon for sharing on other platforms is a right arrow.

    -
    +
    Don't diff --git a/docs/html/design/style/devices-displays.jd b/docs/html/design/style/devices-displays.jd index 1590363..caa77da 100644 --- a/docs/html/design/style/devices-displays.jd +++ b/docs/html/design/style/devices-displays.jd @@ -19,15 +19,15 @@ gracefully scale from large tablets to smaller phones.

     
    -
    -
    +
    +

    Be flexible

    Stretch and compress your layouts to accommodate various heights and widths.

    -
    +

    Optimize layouts

    @@ -35,7 +35,7 @@ gracefully scale from large tablets to smaller phones.

    multiple views to reveal more content and ease navigation.

    -
    +

    Assets for all

    Provide resources for different screen densities (DPI) to diff --git a/docs/html/design/style/iconography.jd b/docs/html/design/style/iconography.jd index e2cdf3f..8b6f3ab 100644 --- a/docs/html/design/style/iconography.jd +++ b/docs/html/design/style/iconography.jd @@ -53,26 +53,26 @@ effectively down-scales your HDPI assets by 1/2 to match the expected size.

    user can change the Home screen's wallpaper, make sure that your launcher icon is clearly visible on any type of background.

    -
    -
    +
    +
    -
    +
    -
    +
    -
    -
    +
    +

    Sizes & scale

    @@ -84,7 +84,7 @@ any type of background.

    -
    +

    Proportions

    @@ -95,7 +95,7 @@ any type of background.

    -
    +

    Style

    Use a distinct silhouette. Three-dimensional, front view, with a slight perspective as if viewed @@ -105,11 +105,11 @@ from above, so that users perceive some depth.

    -
    -
    +
    +
     
    -
    +
    @@ -117,8 +117,8 @@ from above, so that users perceive some depth.

    -
    -
    +
    +
    @@ -160,26 +160,26 @@ files for further customization. href="{@docRoot}downloads/design/Android_Design_Icons_20131106.zip">Download the Action Bar Icon Pack

    -
    -
    +
    +
    -
    +
    -
    +
    -
    -
    +
    +

    Sizes & scale

    @@ -189,7 +189,7 @@ files for further customization.
    -
    +

    Focal area & proportions

    @@ -201,7 +201,7 @@ files for further customization.
    -
    +

    Style

    Pictographic, flat, not too detailed, with smooth curves or sharp shapes. If the graphic is thin, @@ -212,8 +212,8 @@ spaces should be a minimum of 2 dp.

    -
    -
    +
    +

    Colors

    Colors: #333333
    @@ -226,7 +226,7 @@ Enabled: 80% opacity
    Disabled: 30% opacity

    -
    +
    @@ -249,26 +249,26 @@ items. For example, in the Gmail app, each message has a star icon that marks th important.

    -
    -
    +
    +
    -
    +
    -
    +
    -
    -
    +
    +

    Sizes & scale

    @@ -278,7 +278,7 @@ important.

    -
    +

    Focal area & proportions

    @@ -290,7 +290,7 @@ important.

    -
    +

    Style

    Neutral, flat, and simple. Filled shapes are easier to see than thin strokes. Use a single visual @@ -300,8 +300,8 @@ metaphor so that a user can easily recognize and understand its purpose.

    -
    -
    +
    +
    @@ -313,7 +313,7 @@ to indicate a bookmarked message. If an icon is actionable, choose a color that the background.

    -
    +
    @@ -337,26 +337,26 @@ the background.

    whenever a new notification is available.

    -
    -
    +
    +
    -
    +
    -
    +
    -
    -
    +
    +

    Sizes & scale

    @@ -366,7 +366,7 @@ whenever a new notification is available.

    -
    +

    Focal area & proportions

    @@ -378,7 +378,7 @@ whenever a new notification is available.

    -
    +

    Style

    Keep the style flat and simple, using the same single, visual metaphor as your launcher icon.

    @@ -387,14 +387,14 @@ whenever a new notification is available.

    -
    -
    +
    +

    Colors

    Notification icons must be entirely white. Also, the system may scale down and/or darken the icons.

    -
    +
    diff --git a/docs/html/design/style/metrics-grids.jd b/docs/html/design/style/metrics-grids.jd index d7b5f78..97915b8 100644 --- a/docs/html/design/style/metrics-grids.jd +++ b/docs/html/design/style/metrics-grids.jd @@ -40,13 +40,13 @@ refer to layout dimensions with dp measurements instead of pixels.

    -
    -
    +
    +
    -
    +

    Space considerations

    Devices vary in the amount of density-independent pixels (dp) they can display.

    diff --git a/docs/html/design/style/themes.jd b/docs/html/design/style/themes.jd index 3313a2b..6c8169b 100644 --- a/docs/html/design/style/themes.jd +++ b/docs/html/design/style/themes.jd @@ -1,8 +1,8 @@ page.title=Themes @jd:body -
    -
    +
    +
    @@ -15,7 +15,7 @@ page.title=Themes
    -
    +
    -
    +
    +
    @@ -31,7 +31,7 @@ easier because the default touch feedback works with whatever hue you choose. -
    +
    -
    -
    +
    +

    Communication

    When your objects react to more complex gestures, help users @@ -66,7 +66,7 @@ understand what the outcome will be.

    begins to dim. This helps the user understand that swiping will cause the item to be removed.

    -
    +
    @@ -74,8 +74,8 @@ item to be removed.

     
    -
    -
    +
    +

    If a user attempts to scroll past the last home screen panel, the screen @@ -83,7 +83,7 @@ item to be removed.

    isn’t possible.

    -
    +

    Boundaries

    diff --git a/docs/html/design/style/typography.jd b/docs/html/design/style/typography.jd index 2f8e91b..af76c40 100644 --- a/docs/html/design/style/typography.jd +++ b/docs/html/design/style/typography.jd @@ -3,8 +3,8 @@ page.tags="textview","font" page.metaDescription=How to use typography in your Android apps. @jd:body -

    -
    +
    +
    @@ -19,7 +19,7 @@ page.metaDescription=How to use typography in your Android apps.
    -
    +

    -

    -
    +
    +

    Default type colors

    The Android UI uses the following default color styles: textColorPrimary and @@ -60,7 +60,7 @@ touch feedback states when used inside UI elements.

    -
    +

    Typographic Scale

    Contrast in type sizes can go a long way to create ordered, understandable layouts. However, too diff --git a/docs/html/design/style/writing.jd b/docs/html/design/style/writing.jd index 4f62253..0c62a55 100644 --- a/docs/html/design/style/writing.jd +++ b/docs/html/design/style/writing.jd @@ -16,8 +16,8 @@ page.tags=dialog,toast,notification

    Avoid wordy, stilted text

    -
    -
    +
    +
    Don't
    @@ -26,7 +26,7 @@ page.tags=dialog,toast,notification
    -
    +
    Do
    @@ -39,8 +39,8 @@ page.tags=dialog,toast,notification

    Don't provide unnecessary information

    -
    -
    +
    +
    From a Setup Wizard screen
    @@ -64,7 +64,7 @@ page.tags=dialog,toast,notification
    -
    +
    From a Setup Wizard screen
    @@ -100,8 +100,8 @@ page.tags=dialog,toast,notification

    Focus on the user's concern, not technical details

    -
    -
    +
    +
    Don't
    @@ -110,7 +110,7 @@ page.tags=dialog,toast,notification
    -
    +
    Do
    @@ -123,8 +123,8 @@ page.tags=dialog,toast,notification

    Put top news first

    -
    -
    +
    +
    Don't
    @@ -133,7 +133,7 @@ page.tags=dialog,toast,notification
    -
    +
    Do
    @@ -146,8 +146,8 @@ page.tags=dialog,toast,notification

    Put the user's goal first

    -
    -
    +
    +
    Don't
    @@ -156,7 +156,7 @@ page.tags=dialog,toast,notification
    -
    +
    Do
    @@ -178,8 +178,8 @@ page.tags=dialog,toast,notification

    Avoid being confusing or annoying

    -
    -
    +
    +
    Don't
    @@ -200,7 +200,7 @@ page.tags=dialog,toast,notification
    -
    +
    Do
    diff --git a/docs/html/design/tv/patterns.jd b/docs/html/design/tv/patterns.jd index e786ee5..ccec285 100644 --- a/docs/html/design/tv/patterns.jd +++ b/docs/html/design/tv/patterns.jd @@ -43,8 +43,8 @@ Your application provides these recommendations, as described in Design for Android TV.

    -
    -
    +
    +

    The design elements of the recommendation card are as follows:

      @@ -61,7 +61,7 @@ Design for Android TV.

      Recommendations for more information.

    -
    +
    diff --git a/docs/html/design/videos/index.jd b/docs/html/design/videos/index.jd index 976767d..3845b44 100644 --- a/docs/html/design/videos/index.jd +++ b/docs/html/design/videos/index.jd @@ -7,60 +7,60 @@ page.title=Videos
     
    -
    -
    +
    +

    Enchant, Simplify, Amaze: Android's Design Principles

    Want to enchant people, simplify their lives, and make them feel amazing with your app? Learn how Android's Design Principles can help you create products that resonate with people. Find out about the meaning and research behind the principles. See real-world examples and practices from the Android Design team. Discover techniques for applying the principles in your daily work. No design experience necessary.

    -
    +
     
    -
    -
    +
    +

    Structure in Android App Design

    Life is simple when your app is simple. But when your apps gets more complex, how do you choose between spinners, tabs, and drawers for navigation? Members of the Android Design team look at techniques for making your app predictable and pleasing to use.

    -
    +
     
    -
    -
    +
    +

    Fireside Chat with the Android Team

    Pull up a chair and join the Android platform team for a fireside chat. It's your opportunity to ask us about the platform and learn a little bit more about why things work the way they do, from the people who built it.

    -
    +
     
    -
    -
    +
    +

    Agile UX Research Practice in Android

    In the Android UX team, it is critical to get user feedback frequently and consistently so that we are able to iterate and develop the best-in-class designs for our users. We will discuss how the team applied "Pulse Studies" (iterative research sessions) in order to put new ideas, designs, and concepts in front of users on a regular basis; it requires minimal advance planning, it can have an immediate product impact, and it can meet urgent needs.

    -
    +
     
    -
    -
    +
    +

    Cognitive Science and Design

    This session will provide an in-depth look at human perception and cognition, and its implications for interactive and visual design. The human brain is purely treated as an information processing machine, and we will teach the audience its attributes, its advantages, its limitations, and generally how to hack it.

    -
    +
    @@ -69,60 +69,60 @@ page.title=Videos
     
    -
    -
    +
    +

    Android Design for Success

    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.

    -
    +
     
    -
    -
    +
    +

    Android Design for Engineers

    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.

    -
    +
     
    -
    -
    +
    +

    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.

    -
    +
     
    -
    -
    +
    +

    So You've Read the Design Guide; Now What?

    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 & 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.

    -
    +
     
    -
    -
    +
    +

    Playing with Patterns

    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.

    -
    +
    diff --git a/docs/html/design/wear/creative-vision.jd b/docs/html/design/wear/creative-vision.jd index a879cf9..0955240 100644 --- a/docs/html/design/wear/creative-vision.jd +++ b/docs/html/design/wear/creative-vision.jd @@ -2,17 +2,19 @@ page.title=Creative Vision for Android Wear @jd:body @@ -22,28 +24,28 @@ allowing users to be more connected to both the virtual world and the real world Wear experiences are:

    -
    +

    Launched automatically

    Most people are used to launching apps by clicking an icon. Android Wear is different. Wearable apps are aware of the user’s context - time, location, physical activity, and so on. The apps use this information to insert cards into the stream when they become relevant. This makes Android Wear timely, relevant and very specific.

    -
    +

    Glanceable

    A classic wrist watch is designed to let you see the time in a split second and get on with what you were doing. Designing for Android Wear is no different. The less time it takes to use your software, the more time the user can be present in whatever they are doing. Android wear is fast, sharp, and immediate.

    -
    +

    All about suggest and demand

    Android Wear is like a great personal assistant: it knows you and your preferences, it only interrupts you when absolutely necessary, and it’s always on hand to provide a ready answer. Android Wear is helpful, respectful, and responsive.

    -
    +

    Zero or low interaction

    diff --git a/docs/html/design/wear/style.jd b/docs/html/design/wear/style.jd index abd3a9a..bb559fe 100644 --- a/docs/html/design/wear/style.jd +++ b/docs/html/design/wear/style.jd @@ -21,26 +21,26 @@ href="{@docRoot}training/wearables/apps/layouts.html#UiLibrary">WatchViewS -
    -
    +
    +
    -
    +

    Specific Assets Required

    A core set of standard assets may need to be provided depending on your card design: app icon, background image or images, action icons, and action confirmation animations. Of course, your specific design may necessitate other assets. Background images should be provided in landscape format at least 600px width for notifications that include pages of cards, since the system automatically adds a parallaxing effect.

    -
    -
    +
    +

    Peek Card Readability

    Test your card layout to ensure that useful information is conveyed in the peek state on the Home screen. The main message of the card should be readable in the peek state, particularly for contextual cards. Content that requires an interaction to be read, for example a long message, should be cropped appropriately to provide an affordance to the user to swipe the card to read more.

    -
    +
    diff --git a/docs/html/design/wear/watchfaces.jd b/docs/html/design/wear/watchfaces.jd index 2a00802..2def05b 100644 --- a/docs/html/design/wear/watchfaces.jd +++ b/docs/html/design/wear/watchfaces.jd @@ -55,42 +55,42 @@ format.

    These guidelines help your concepts align across devices:

    -
    -
    +
    +

    Create flexible concepts

    Ideally, the visual functionality of the watch face works for both round and square formats. In this example, the visual functionality of the watch face is flexible enough to work well in either format without any adjustment. However, other design concepts require different executions for square and round screens.

    -
    +
    -
    -
    +
    +

    Use a common design language

    Try using a common set of colors, line weights, shading, and other design elements to draw a visual connection between your square and round versions. By using similar color palettes and a few consistent visual elements, the overall appearance of square and round can be appropriately customized while still feeling like part of the same visual system.

    -
    +
    -
    -
    +
    +

    Adjust for analog concepts

    Some of your concepts will naturally take the shape of an analog clock, like a center dial with hour and minute hands. In this case, consider the corner areas that are exposed when translating to a square format. Try extending and exploring this extra space.

    -
    +
    @@ -137,8 +137,8 @@ You can configure your watch face to display different ambient designs depending of screen available on the device. Consider the best design for your watch faces on all screens.

    -
    -
    +
    +

    Reduced color space

    Some displays use a reduced color space in ambient mode to save power.

    One reduced color space power saving method is to use a "low-bit" mode. In low-bit mode, @@ -152,14 +152,14 @@ screens.

    displays which do not use color in ambient mode, the background may be either black or white.

    -
    +
    -
    -
    +
    +

    Burn protection techniques

    When designing for OLED screens, you should consider power efficiency and the screen burn-in effect. When these screens are in ambient mode, the system shifts the contents of @@ -169,7 +169,7 @@ screens.

    replace filled images with pixel patterns. For analog watch face designs, hollow out the center where the hands meet to avoid pixel burn-in in this mode.

    -
    +
    @@ -183,8 +183,8 @@ screens.

    user the status of the wearable and show notifications from services on the user's phone. Try to keep critical elements in your watch face designs from being obscured by the UI elements.

    -
    -
    +
    +

    Cards

    Cards are the notification system that bridges information between the wearable and a mobile device. Cards are also how most applications communicate with users. The user will be @@ -202,14 +202,14 @@ the bottom half of the face should leverage the small peek card instead.

    The system notifies your watch face when the bounds of a peek card change, so you can rearrange the elements in your design if necessary.

    -
    +
    -
    -
    +
    +

    Indicators

    Indicators tell the user the status of the wearable, such as charging and airplane mode. When designing a watch face, consider how the indicator will fall over the watch face.

    @@ -219,14 +219,14 @@ position the status icons or the hotword on the bottom of the screen, the system peek cards. If the edge of the watch face contains strong visual elements, such as ticks or numbers, place the indicators on the center of the screen.

    -
    +
    -
    -
    +
    +

    The hotword

    The hotword is the phrase "OK Google", which tells the user that they can interact with the watch using voice commands. When a user turns on the wearable, the hotword appears on @@ -237,7 +237,7 @@ watch face. Finally, background protection for the hotword and the indicators sh turned on unless your design is tailored to have these elements appear on top of them, for example using dark solid colors with no patterns.

    -
    +
    @@ -253,8 +253,8 @@ using dark solid colors with no patterns.

    Your watch face can show users contextually relevant data and react to it by changing styles and colors in your design.

    -
    -
    +
    +

    What do you want your user to know?

    The first step in designing a data-integrated watch face is to define a conceptual user outcome based on available data. First, generate a strong concept or outcome you believe is @@ -262,14 +262,14 @@ supported by real user needs. What do you want your users to know after they hav at your design? Once you have identified your outcome, you need to determine how to obtain the required data.

    -
    +
    -
    -
    +
    +

    A watch dial is a timeline; add data to it

    Your watch face concept may include use of data beyond time, such as weather, calendar and fitness data. Consider the inclusion of data integration creatively. Avoid simply @@ -279,14 +279,14 @@ watch face as a clock with an indication of the current temperature in degrees o you might design a watch face that describes how the temperature will change over the course of the day.

    -
    +
    -
    -
    +
    +

    Stick to one message

    Once you have solidified your conceptual direction or desired outcome, you will need to begin visualizing your watch face. The strongest watch face designs are highly glanceable @@ -296,7 +296,7 @@ an entire month of calendar events, you might decide to display only the next upcoming event. By a process of reduction, you should arrive at a powerful singular expression of data to include in your design.

    -
    +
    diff --git a/docs/html/develop/index.jd b/docs/html/develop/index.jd index e89e228..5c3990c 100644 --- a/docs/html/develop/index.jd +++ b/docs/html/develop/index.jd @@ -9,378 +9,100 @@ tabbedList=1 excludeFromSuggestions=true @jd:body - - -
    -
    -
    - - Your video is supposed to appear here.
    - Make sure you have the Flash® Player. +
    +
    +
    +
    + +
    +
    +

    Start!

    +

    + Set up your environment and create an app. Build faster with sample projects and templates. +

    + + + Set up Android Studio +
    + + + Make your first app +
    + + + Learn about Android +
    +
    +
    +
    +
    -
    - close video
    -
    -
    - -
    - Prev - Next -
    -
      - -
    • -
      - -
      -
      -

      Create Quality Apps for TV

      -

      Now that the Android platform has - extended to TVs, your apps on Google Play have - a new opportunity for engagement in the - living room. To provide the best - "leanback" experience on the couch, follow - this quality checklist.

      -

      Read -more

      -
      -
      • - -
    • -
      - -
      -
      -

      Building Great Apps for Tablets

      -

      Tablets are a fast-growing part of the Android installed base and they offer new opportunities for user engagement and monetization. If you are targeting tablets, check out this list of tips and techniques on how to deliver a great app experience for tablet users.

      -

      Read -more

      -
      -
      • -
    • -
      - -
      -
      -

      New Location APIs from Google

      -

      The latest version of Google Play services includes new APIs that provide more - efficient and immediate user location data on devices running Android 2.2 - and higher. Features include geofencing APIs, user activity recognition, and - power-efficient location updates.

      -

      Read more

      -
      -
      • - -
    • -
      - -
      -
      -

      New Cross-Platform Single Sign On

      -

      Google+ Sign-In is an easy, trusted way to sign a user into your app. - Now it's even more seamless. A user can sign in to your app on one device and - pick it up on another—without signing in again. Best of all, it's built - into Google+ Sign-in, so there's no change needed in your app.

      -

      Read more

      -
      -
      • - -
    • -
      - -
      -
      -

      New Google Maps Android APIs!

      -

      Google Maps Android API version 2 is now available with enhanced - features such as 3D buildings, vector-based map tiles, rich overlay capabilities, - indoor maps, support for fragments, and much more.

      - -

      The APIs are bundled with Google Play services and are - compatible with Android 2.2 and higher.

      -

      Read more

      -
      -
      • -
    -
    -
    - -
    -
    - -
    -
      -
    • DEVELOPER NEWS
      • -
    • FEATURED DOCS
      • -
    -
    -
    - - - - -
    -
    -
    - -
    -
      -
    • DEVELOPERS LIVE
      • -
    • VIDEO PLAYLISTS
      • -
    -
    -
    -
      -
    -
      -
    -
    -
    -
    - -
    - -
    - - - - - - - - - - - - + + +
    +

    Latest

    +
    +
    + +
    +

    Android performance patterns

    +
    + Everything you need to know about improving your app’s performance. +
    +
    + +
    + +
    +

    Build with Google

    +
    Services on billions of Android devices worldwide to help you build better apps.
    +
    + +
    + +
    +

    DevBytes

    +
    Learn Android in short, focused tutorials.
    +
    + +
    + +
    +

    Courses

    +
    Take free online courses from Android experts that bring you step-by-step to building your own apps.
    +
    +
    diff --git a/docs/html/distribute/analyze/index.jd b/docs/html/distribute/analyze/index.jd index d8ab59e..f948dbd 100644 --- a/docs/html/distribute/analyze/index.jd +++ b/docs/html/distribute/analyze/index.jd @@ -1,5 +1,6 @@ page.title=Analyze page.metaDescription=Understanding what your users do inside your app is the key to engaging and monetizing them. +page.image=images/cards/analytics-mobile_2x.jpg section.landing=true excludefromsuggestions=true nonavpage=true @@ -37,4 +38,3 @@ nonavpage=true data-cardSizes="6x6" data-maxResults="10">
    - \ No newline at end of file diff --git a/docs/html/distribute/engage/deep-linking.jd b/docs/html/distribute/engage/deep-linking.jd index a25c3c6..ea1f1de 100644 --- a/docs/html/distribute/engage/deep-linking.jd +++ b/docs/html/distribute/engage/deep-linking.jd @@ -1,7 +1,7 @@ page.title=Deep Link to Bring Users Back page.metaDescription=Use deep links to bring your users into your apps from social posts, search, or ads. page.tags="app indexing, google+ signin" -page.image=/images/gp-listing-4.jpg +page.image=images/cards/google-search_2x.png @jd:body @@ -96,4 +96,4 @@ page.image=/images/gp-listing-4.jpg
    -
    \ No newline at end of file +
    diff --git a/docs/html/distribute/engage/easy-signin.jd b/docs/html/distribute/engage/easy-signin.jd index d066181..2bfa5d1 100644 --- a/docs/html/distribute/engage/easy-signin.jd +++ b/docs/html/distribute/engage/easy-signin.jd @@ -1,7 +1,7 @@ page.title=Make Signing In Easy page.metaDescription=Increase conversion rates while helping users minimize typing by letting users sign in with Google+. page.tags="google+" -page.image=/images/google/gps-googleplus.png +page.image=images/cards/google-sign-in_2x.png @jd:body diff --git a/docs/html/distribute/googleplay/about.jd b/docs/html/distribute/googleplay/about.jd index c25a9cf..2652046 100644 --- a/docs/html/distribute/googleplay/about.jd +++ b/docs/html/distribute/googleplay/about.jd @@ -2,7 +2,7 @@ page.title=The Google Play Opportunity meta.tags="visibility, growth, distributing" page.tags="play, apps, distributing, publishing" page.metaDescription=Billons of downloads a month and growing. Get your apps in front of users at Google's scale. -page.image=/distribute/images/about-play.jpg +page.image=images/cards/google-play_2x.png @jd:body @@ -369,4 +369,4 @@ page.image=/distribute/images/about-play.jpg data-sortOrder="-timestamp" data-cardSizes="9x3" data-maxResults="4">
    -
    \ No newline at end of file +
    diff --git a/docs/html/distribute/googleplay/developer-console.jd b/docs/html/distribute/googleplay/developer-console.jd index f5b3ac6..748c1d1 100644 --- a/docs/html/distribute/googleplay/developer-console.jd +++ b/docs/html/distribute/googleplay/developer-console.jd @@ -1,6 +1,6 @@ page.title=Developer Console page.metaDescription=Learn about the Developer Console, your home for app publishing on Google Play. -page.image=/distribute/images/developer-console.jpg +page.image=images/cards/dev-console_2x.jpg Xnonavpage=true @jd:body @@ -600,4 +600,4 @@ Xnonavpage=true data-sortOrder="-timestamp" data-cardSizes="9x3" data-maxResults="6">
    -
    \ No newline at end of file +
    diff --git a/docs/html/distribute/googleplay/index.jd b/docs/html/distribute/googleplay/index.jd index b25f6b7..72e2de8 100644 --- a/docs/html/distribute/googleplay/index.jd +++ b/docs/html/distribute/googleplay/index.jd @@ -1,4 +1,5 @@ page.title=Google Play +page.image=images/cards/program-edu_2x.jpg section.landing=true nonavpage=true diff --git a/docs/html/distribute/images/advertising.jpg b/docs/html/distribute/images/advertising.jpg index 9625671..7747097 100644 Binary files a/docs/html/distribute/images/advertising.jpg and b/docs/html/distribute/images/advertising.jpg differ diff --git a/docs/html/distribute/index.jd b/docs/html/distribute/index.jd index d0ea661..c49fe3e 100644 --- a/docs/html/distribute/index.jd +++ b/docs/html/distribute/index.jd @@ -1,3 +1,4 @@ +fullpage=true page.title=Distribute Your Apps page.viewport_width=970 section.landing=true @@ -6,21 +7,74 @@ nonavpage=true page.metaDescription=The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps. @jd:body +
    +
    -
    +
    +

    Latest

    +
    +
    +
    +
    +

    Reach the world with Google Play

    +
    + Publish your apps and games on Google Play and reach over a billion active Android users in over 190 countries around the world. +
    +
    + data-query="collection:distribute/landing/googleplay" + data-cardSizes="6x6" + data-maxResults="3">
    + + +
    +
    +
    +

    More from Google

    +
    Reach and retain a valuable audience and grow your revenue.
    +
    + data-query="collection:distribute/landing/more" + data-cardSizes="6x6">
    + +
    diff --git a/docs/html/distribute/monetize/ads.jd b/docs/html/distribute/monetize/ads.jd index 9a847ff..b5c5f4a 100644 --- a/docs/html/distribute/monetize/ads.jd +++ b/docs/html/distribute/monetize/ads.jd @@ -1,7 +1,7 @@ page.title=Monetize with Ads page.metaDescription=Ads are a quick and easy way to incorporate a monetization option into both your free and paid apps. page.tags="monetizing", "free", "freemium", "ads" -page.image=/distribute/images/advertising.png +page.image=/distribute/images/advertising.jpg @jd:body diff --git a/docs/html/distribute/tools/promote/device-art.jd b/docs/html/distribute/tools/promote/device-art.jd index 814177b..d321074 100644 --- a/docs/html/distribute/tools/promote/device-art.jd +++ b/docs/html/distribute/tools/promote/device-art.jd @@ -16,12 +16,12 @@ feature image or screenshots for your Google Play app listing.

    -
    -
    +
    +

    Step 1

    Drag a screenshot from your desktop onto a device to the right.

    -
    +
      Older devices
        @@ -30,8 +30,8 @@ feature image or screenshots for your Google Play app listing.

        -
        -
        +
        +

        Step 2

        Customize the generated image and drag it to your desktop to save.

        @@ -48,7 +48,7 @@ feature image or screenshots for your Google Play app listing.



        -
        +
        No input image.
        diff --git a/docs/html/distribute/users/promote-with-ads.jd b/docs/html/distribute/users/promote-with-ads.jd index 1e28ae1..c1d79fc 100644 --- a/docs/html/distribute/users/promote-with-ads.jd +++ b/docs/html/distribute/users/promote-with-ads.jd @@ -1,6 +1,6 @@ page.title=Promote Your App with Ads page.metaDescription=Promote your app through AdMob, AdWords, and YouTube to find new users at the right moment. -page.image=/images/gp-ads-console.jpg +page.image=images/cards/adwords_2x.jpg page.tags="users, ads, analytics" @jd:body @@ -42,4 +42,4 @@ page.tags="users, ads, analytics" data-query="collection:distribute/users/promotewithads" data-sortOrder="-timestamp" data-cardSizes="9x3" - data-maxResults="6">
        \ No newline at end of file + data-maxResults="6">
        diff --git a/docs/html/google/index.jd b/docs/html/google/index.jd index 4778a85..cc209cd 100644 --- a/docs/html/google/index.jd +++ b/docs/html/google/index.jd @@ -16,7 +16,7 @@ div.cell-icon img { } -
        +
        diff --git a/docs/html/google/play-services/index.jd b/docs/html/google/play-services/index.jd index 5ccdcb9..11060e8 100644 --- a/docs/html/google/play-services/index.jd +++ b/docs/html/google/play-services/index.jd @@ -24,8 +24,8 @@ page.metaDescription=With Google Play services, your app can take advantage of t
        -
        -
        +
        +

        Google Technology

        Google Play services provides you with easy access to Google services and is @@ -34,7 +34,7 @@ provided for each service that let you implement the functionality you want easier and faster.

        -
        +

        Standard Authorization

        All products in Google Play services share a common authorization API @@ -43,7 +43,7 @@ easier and faster.

        to Google services.

        -
        +

        Automatic Updates

        Devices running Android 2.3 or higher that have the Google Play Store @@ -666,8 +666,8 @@ announcement  

        -
        -
        +
        +

        The Google Play services APK

        The Google Play services APK contains the individual Google services and runs @@ -687,7 +687,7 @@ announcement +

        The Google Play services APK on user devices receives regular updates for new APIs, features, and bug fixes.

        diff --git a/docs/html/google/play-services/location.jd b/docs/html/google/play-services/location.jd index b28302c..98b0544 100644 --- a/docs/html/google/play-services/location.jd +++ b/docs/html/google/play-services/location.jd @@ -30,8 +30,8 @@ developer guide.

        Key Developer Features

        -
        -
        +
        +
        @@ -74,7 +74,7 @@ developer guide.
        -
        +

        Places API

        diff --git a/docs/html/google/play/dist.jd b/docs/html/google/play/dist.jd index f1ad834..02bb42b 100644 --- a/docs/html/google/play/dist.jd +++ b/docs/html/google/play/dist.jd @@ -9,8 +9,8 @@ page.title=Google Play Distribution
         
        -
        -
        +
        +

        Device Filtering

        @@ -20,7 +20,7 @@ page.title=Google Play Distribution

        Learn more »

        -
        +

        Multiple APK Support

        @@ -30,8 +30,8 @@ page.title=Google Play Distribution

        Learn more »

        -
        -
        +
        +

        APK Expansion files

        @@ -42,14 +42,14 @@ page.title=Google Play Distribution

        Learn more »
        -
        +

        Application Licensing

        Protect your revenue streams and integrate policies for usage into your app.

        Learn more »
        -
        +

        Google Play Developer API

        diff --git a/docs/html/images/cards/adwords_2x.jpg b/docs/html/images/cards/adwords_2x.jpg new file mode 100644 index 0000000..cd83b26 Binary files /dev/null and b/docs/html/images/cards/adwords_2x.jpg differ diff --git a/docs/html/images/cards/analytics-mobile_2x.jpg b/docs/html/images/cards/analytics-mobile_2x.jpg new file mode 100644 index 0000000..e668991 Binary files /dev/null and b/docs/html/images/cards/analytics-mobile_2x.jpg differ diff --git a/docs/html/images/cards/android-auto_2x.png b/docs/html/images/cards/android-auto_2x.png new file mode 100644 index 0000000..6acdcb1 Binary files /dev/null and b/docs/html/images/cards/android-auto_2x.png differ diff --git a/docs/html/images/cards/android-devices_2x.jpg b/docs/html/images/cards/android-devices_2x.jpg new file mode 100644 index 0000000..cefff15 Binary files /dev/null and b/docs/html/images/cards/android-devices_2x.jpg differ diff --git a/docs/html/images/cards/android-studio_2x.png b/docs/html/images/cards/android-studio_2x.png new file mode 100644 index 0000000..87f9e70 Binary files /dev/null and b/docs/html/images/cards/android-studio_2x.png differ diff --git a/docs/html/images/cards/android-tv_2x.png b/docs/html/images/cards/android-tv_2x.png new file mode 100644 index 0000000..deb41a2 Binary files /dev/null and b/docs/html/images/cards/android-tv_2x.png differ diff --git a/docs/html/images/cards/android-wear-apps_2x.jpg b/docs/html/images/cards/android-wear-apps_2x.jpg new file mode 100644 index 0000000..614ef19 Binary files /dev/null and b/docs/html/images/cards/android-wear-apps_2x.jpg differ diff --git a/docs/html/images/cards/android-wear-materials_2x.jpg b/docs/html/images/cards/android-wear-materials_2x.jpg new file mode 100644 index 0000000..19a78c3 Binary files /dev/null and b/docs/html/images/cards/android-wear-materials_2x.jpg differ diff --git a/docs/html/images/cards/android-wear_2x.png b/docs/html/images/cards/android-wear_2x.png new file mode 100644 index 0000000..5d1a796 Binary files /dev/null and b/docs/html/images/cards/android-wear_2x.png differ diff --git a/docs/html/images/cards/cloud-platform_2x.png b/docs/html/images/cards/cloud-platform_2x.png new file mode 100644 index 0000000..d3c203d Binary files /dev/null and b/docs/html/images/cards/cloud-platform_2x.png differ diff --git a/docs/html/images/cards/design-creative-vision_2x.jpg b/docs/html/images/cards/design-creative-vision_2x.jpg new file mode 100644 index 0000000..9c7dde3 Binary files /dev/null and b/docs/html/images/cards/design-creative-vision_2x.jpg differ diff --git a/docs/html/images/cards/design-material-for-android_2x.jpg b/docs/html/images/cards/design-material-for-android_2x.jpg new file mode 100644 index 0000000..e47594a Binary files /dev/null and b/docs/html/images/cards/design-material-for-android_2x.jpg differ diff --git a/docs/html/images/cards/design-new-in-android_2x.jpg b/docs/html/images/cards/design-new-in-android_2x.jpg new file mode 100644 index 0000000..3bdd542 Binary files /dev/null and b/docs/html/images/cards/design-new-in-android_2x.jpg differ diff --git a/docs/html/images/cards/design-pure-android_2x.png b/docs/html/images/cards/design-pure-android_2x.png new file mode 100644 index 0000000..94758f7 Binary files /dev/null and b/docs/html/images/cards/design-pure-android_2x.png differ diff --git a/docs/html/images/cards/dev-console_2x.jpg b/docs/html/images/cards/dev-console_2x.jpg new file mode 100644 index 0000000..f2d10eb Binary files /dev/null and b/docs/html/images/cards/dev-console_2x.jpg differ diff --git a/docs/html/images/cards/google-play_2x.png b/docs/html/images/cards/google-play_2x.png new file mode 100644 index 0000000..8680639 Binary files /dev/null and b/docs/html/images/cards/google-play_2x.png differ diff --git a/docs/html/images/cards/google-search_2x.png b/docs/html/images/cards/google-search_2x.png new file mode 100644 index 0000000..2564121 Binary files /dev/null and b/docs/html/images/cards/google-search_2x.png differ diff --git a/docs/html/images/cards/google-sign-in_2x.png b/docs/html/images/cards/google-sign-in_2x.png new file mode 100644 index 0000000..60078a7 Binary files /dev/null and b/docs/html/images/cards/google-sign-in_2x.png differ diff --git a/docs/html/images/cards/material-animation_2x.png b/docs/html/images/cards/material-animation_2x.png new file mode 100644 index 0000000..79315e4 Binary files /dev/null and b/docs/html/images/cards/material-animation_2x.png differ diff --git a/docs/html/images/cards/material-color-palette_2x.jpg b/docs/html/images/cards/material-color-palette_2x.jpg new file mode 100644 index 0000000..bae8d07 Binary files /dev/null and b/docs/html/images/cards/material-color-palette_2x.jpg differ diff --git a/docs/html/images/cards/material-components_2x.jpg b/docs/html/images/cards/material-components_2x.jpg new file mode 100644 index 0000000..7ac1012 Binary files /dev/null and b/docs/html/images/cards/material-components_2x.jpg differ diff --git a/docs/html/images/cards/material-layout-template_2x.jpg b/docs/html/images/cards/material-layout-template_2x.jpg new file mode 100644 index 0000000..d2fa3c5 Binary files /dev/null and b/docs/html/images/cards/material-layout-template_2x.jpg differ diff --git a/docs/html/images/cards/material-layout_2x.png b/docs/html/images/cards/material-layout_2x.png new file mode 100644 index 0000000..6c5dca1 Binary files /dev/null and b/docs/html/images/cards/material-layout_2x.png differ diff --git a/docs/html/images/cards/material-patterns_2x.png b/docs/html/images/cards/material-patterns_2x.png new file mode 100644 index 0000000..8e8d8aa Binary files /dev/null and b/docs/html/images/cards/material-patterns_2x.png differ diff --git a/docs/html/images/cards/material-sticker-sheet_2x.jpg b/docs/html/images/cards/material-sticker-sheet_2x.jpg new file mode 100644 index 0000000..8e9f3f7c Binary files /dev/null and b/docs/html/images/cards/material-sticker-sheet_2x.jpg differ diff --git a/docs/html/images/cards/material-style_2x.jpg b/docs/html/images/cards/material-style_2x.jpg new file mode 100644 index 0000000..38ae540 Binary files /dev/null and b/docs/html/images/cards/material-style_2x.jpg differ diff --git a/docs/html/images/cards/material-typography_2x.jpg b/docs/html/images/cards/material-typography_2x.jpg new file mode 100644 index 0000000..537db8e Binary files /dev/null and b/docs/html/images/cards/material-typography_2x.jpg differ diff --git a/docs/html/images/cards/material-usability_2x.png b/docs/html/images/cards/material-usability_2x.png new file mode 100644 index 0000000..468e1c8 Binary files /dev/null and b/docs/html/images/cards/material-usability_2x.png differ diff --git a/docs/html/images/cards/material_2x.png b/docs/html/images/cards/material_2x.png new file mode 100644 index 0000000..e759d9f Binary files /dev/null and b/docs/html/images/cards/material_2x.png differ diff --git a/docs/html/images/cards/program-edu_2x.jpg b/docs/html/images/cards/program-edu_2x.jpg new file mode 100644 index 0000000..4430dfd Binary files /dev/null and b/docs/html/images/cards/program-edu_2x.jpg differ diff --git a/docs/html/images/cards/samples-new_2x.png b/docs/html/images/cards/samples-new_2x.png new file mode 100644 index 0000000..270f4a3 Binary files /dev/null and b/docs/html/images/cards/samples-new_2x.png differ diff --git a/docs/html/images/develop/hero-android-studio-on-device.png b/docs/html/images/develop/hero-android-studio-on-device.png new file mode 100644 index 0000000..eac0e1f Binary files /dev/null and b/docs/html/images/develop/hero-android-studio-on-device.png differ diff --git a/docs/html/images/distribute/google-play-bg.jpg b/docs/html/images/distribute/google-play-bg.jpg new file mode 100644 index 0000000..effd422 Binary files /dev/null and b/docs/html/images/distribute/google-play-bg.jpg differ diff --git a/docs/html/images/distribute/hero-family.jpg b/docs/html/images/distribute/hero-family.jpg new file mode 100644 index 0000000..6e467a5 Binary files /dev/null and b/docs/html/images/distribute/hero-family.jpg differ diff --git a/docs/html/images/distribute/hero-g-play-guidebooks_2x.png b/docs/html/images/distribute/hero-g-play-guidebooks_2x.png new file mode 100644 index 0000000..3dfda18 Binary files /dev/null and b/docs/html/images/distribute/hero-g-play-guidebooks_2x.png differ diff --git a/docs/html/images/distribute/hero-ginlemon.jpg b/docs/html/images/distribute/hero-ginlemon.jpg new file mode 100644 index 0000000..11837b3 Binary files /dev/null and b/docs/html/images/distribute/hero-ginlemon.jpg differ diff --git a/docs/html/images/distribute/hero-haystack.jpg b/docs/html/images/distribute/hero-haystack.jpg new file mode 100644 index 0000000..36b6d9f Binary files /dev/null and b/docs/html/images/distribute/hero-haystack.jpg differ diff --git a/docs/html/images/distribute/hero-jelly-button.jpg b/docs/html/images/distribute/hero-jelly-button.jpg new file mode 100644 index 0000000..032755b Binary files /dev/null and b/docs/html/images/distribute/hero-jelly-button.jpg differ diff --git a/docs/html/images/distribute/hero-outfit7.jpg b/docs/html/images/distribute/hero-outfit7.jpg new file mode 100644 index 0000000..a013417 Binary files /dev/null and b/docs/html/images/distribute/hero-outfit7.jpg differ diff --git a/docs/html/images/home/hero-lollipop_2x.png b/docs/html/images/home/hero-lollipop_2x.png new file mode 100644 index 0000000..6f41e13 Binary files /dev/null and b/docs/html/images/home/hero-lollipop_2x.png differ diff --git a/docs/html/index.jd b/docs/html/index.jd index 2838959..cfbe7b6 100644 --- a/docs/html/index.jd +++ b/docs/html/index.jd @@ -6,96 +6,53 @@ page.customHeadTag= -
        -
        -
        +
        +
        -
        -
        - -
        -
        -
        -

        Android 5.0 Lollipop

        -

        The Android 5.0 update adds a variety of new - features for your apps, such as notifications on the lock screen, an all-new camera API, - OpenGL ES 3.1, the new Material design interface, and much more.

        - Learn More -
        -
        -
        -
        -

         

        -
        -
        -
        -
        -
        - -
        +
        - - - - + + + +
        - - -
        -
        -
        -
        - -
        Build for a Multi-Screen World
        -
        - Android runs on hundreds of millions of handheld devices around the world,
        - and it now supports these exciting, new form-factors. -
        -
        -
        -
        -
        - - -

        - Provide information on-the-go for your users, whenever they need it. -

        -

        - Learn about Android Wear -

        -
        -
        - - -

        - Build your apps for the big screen and bring your content to life. -

        -

        - Learn about Android TV - -

        -
        -
        - - -

        - Extend your music apps to automobile - entertainment systems. -

        -

        - Learn about Android Auto -

        -
        -
        -
        -
        -
        \ No newline at end of file +
        +

        Build Beautiful Apps

        +
        + See what’s new or find the resources to get you started with designing and developing for Android. +
        +
        +
        + +
        +
        +

        Build for a Multi-Screen World

        +
        + Android runs on hundreds of millions of handheld devices around the world, + and it now supports these exciting, new form-factors. +
        +
        +
        +
        diff --git a/docs/html/jd_collections.js b/docs/html/jd_collections.js index e2d0eb9..b28f978 100644 --- a/docs/html/jd_collections.js +++ b/docs/html/jd_collections.js @@ -1,4 +1,10 @@ var RESOURCE_COLLECTIONS = { + "index/carousel": { + "title": "", + "resources": [ + "about/versions/lollipop.html" + ] + }, "index/primary": { "title": "", "resources": [ @@ -7,6 +13,14 @@ var RESOURCE_COLLECTIONS = { "sdk/index.html" ] }, + "index/multiscreen": { + "title": "", + "resources": [ + "wear/index.html", + "tv/index.html", + "auto/index.html" + ] + }, "index/primary/zhcn": { "title": "", "resources": [ @@ -15,6 +29,119 @@ var RESOURCE_COLLECTIONS = { "intl/zh-cn/distribute/tools/localization-checklist.html" ] }, + "design/landing/latest": { + "title": "", + "resources": [ + "http://www.youtube.com/watch?v=p4gmvHyuZzw", + "http://www.youtube.com/watch?v=YaG_ljfzeUw", + "http://www.youtube.com/watch?v=XOcCOBe8PTc" + ] + }, + "design/landing/materialdesign": { + "title": "", + "resources": [ + "https://www.google.com/design/spec/animation/", + "https://www.google.com/design/spec/style/", + "https://www.google.com/design/spec/layout/", + "https://www.google.com/design/spec/components/", + "https://www.google.com/design/spec/patterns/", + "https://www.google.com/design/spec/usability/" + ] + }, + "design/landing/pureandroid": { + "title": "", + "resources": [ + "design/get-started/creative-vision.html", + "design/material/index.html", + "training/material/index.html", + "design/patterns/pure-android.html", + "design/patterns/new.html", + "design/devices.html" + ] + }, + "design/landing/resources": { + "title": "", + "resources": [ + "https://www.google.com/design/spec/resources/color-palettes.html", + "https://www.google.com/design/spec/resources/layout-templates.html", + "https://www.google.com/design/spec/resources/sticker-sheets-icons.html", + "https://www.google.com/design/spec/resources/roboto-noto-fonts.html", + "design/downloads/index.html#Wear" + ] + }, + "develop/landing/mainlinks": { + "title": "", + "resources": [ + "tools/studio/index.html", + "samples/new/index.html", + "tools/projects/templates.html" + ] + }, + "develop/landing/latest": { + "title": "", + "resources": [ + "http://android-developers.blogspot.com/2015/04/new-android-code-samples.html", + "http://android-developers.blogspot.com/2015/04/android-support-library-221.html", + "http://android-developers.blogspot.com/2015/03/a-new-reference-app-for-multi-device.html" + ] + }, + "develop/landing/performance": { + "title": "", + "resources": [ + "http://www.youtube.com/watch?v=fEEulSk1kNY", + "http://www.youtube.com/watch?v=-3ry8PxcJJA", + "http://www.youtube.com/watch?v=_kKTGK-Cb_4" + ] + }, + "develop/landing/buildwithgoogle": { + "title": "", + "resources": [ + ] + }, + "develop/landing/devbytes": { + "title": "", + "resources": [ + "http://www.youtube.com/watch?v=K2dodTXARqc", + "http://www.youtube.com/watch?v=FOn64iqlphk", + "http://www.youtube.com/watch?v=p4gmvHyuZzw", + "http://www.youtube.com/watch?v=tDmnGNkTtlE", + "http://www.youtube.com/watch?v=6K_jxccHv5M", + "http://www.youtube.com/watch?v=KNKGM4ss5Sc" + ] + }, + "develop/landing/courses": { + "title": "", + "resources": [ + ] + }, + "distribute/landing/carousel": { + "title": "", + "resources": [ + "http://www.youtube.com/watch?v=Pd49vTkvu0U", + "http://www.youtube.com/watch?v=ekxABqJeRBc", + "http://www.youtube.com/watch?v=MPnH7h12h0U", + "http://www.youtube.com/watch?v=700gYRkhkLM" + ] + }, + "distribute/landing/googleplay": { + "title": "", + "resources": [ + "distribute/googleplay/about.html", + "distribute/googleplay/developer-console.html", + "distribute/googleplay/index.html#opportunities" + ] + }, + "distribute/landing/more": { + "title": "", + "resources": [ + "distribute/users/promote-with-ads.html", + "distribute/monetize/ads.html", + "distribute/analyze/index.html", + "distribute/engage/deep-linking.html", + "distribute/engage/easy-signin.html", + "https://cloud.google.com/docs/" + ] + }, "distribute/edu/videos/stories": { "title": "", "resources": [ @@ -40,21 +167,20 @@ var RESOURCE_COLLECTIONS = { "launch/static": { "title": "", "resources": [ - "distribute/googleplay/about.html", - "distribute/googleplay/guide.html", - "about/versions/lollipop.html", - "distribute/googleplay/wear.html", - "distribute/googleplay/tv.html", - "distribute/googleplay/edu/about.html", - "distribute/googleplay/families/about.html", - "distribute/monetize/subscriptions.html", + "http://www.youtube.com/watch?v=1RIz-cmTQB4", + "http://www.youtube.com/watch?v=MVBMWDzyHAI", + "http://android-developers.blogspot.com/2013/11/app-translation-service-now-available.html", + "http://android-developers.blogspot.com/2013/10/more-visibility-for-tablet-apps-in.html", + "http://android-developers.blogspot.com/2013/11/bring-your-apps-into-classroom-with.html", + "distribute/essentials/quality/tablets.html", + "distribute/users/build-buzz.html", + "distribute/monetize/premium.html", "distribute/monetize/freemium.html", "distribute/monetize/ads.html", - "distribute/users/promote-with-ads.html", - "distribute/engage/deep-linking.html", - "distribute/engage/game-services.html", - "distribute/essentials/optimizing-your-app.html", - "distribute/engage/easy-signin.html", + "distribute/essentials/best-practices/apps.html", + "distribute/essentials/best-practices/games.html", + "distribute/users/know-your-user.html", + "distribute/googleplay/developer-console.html" ] }, "launch/static/ja": { diff --git a/docs/html/jd_extras.js b/docs/html/jd_extras.js index f91550f..82ff029 100644 --- a/docs/html/jd_extras.js +++ b/docs/html/jd_extras.js @@ -99,6 +99,138 @@ DISTRIBUTE_RESOURCES = DISTRIBUTE_RESOURCES.concat([ "type":"video" }, { + "title":"DesignBytes: Intro To Material Design", + "titleFriendly":"", + "summary":"These days, UI designers need to be thinking about phones, tablets, laptops, TVs, smartwatches, and beyond. In this DesignByte we talk about how Google designers have been working on making cross-platform and multi-screen design easier. We wanted to build a design system that felt at home on every screen, from the smallest watch to the largest TV.", + "url":"http://www.youtube.com/watch?v=p4gmvHyuZzw", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/p4gmvHyuZzw/maxresdefault.jpg", + "type":"video" + }, + { + "title":"DesignBytes: Paper and Ink: The Materials that Matter", + "titleFriendly":"", + "summary":"Join Rich Fulcher to learn about the materials of material design. See how virtual paper and ink form the foundation of your tactile user interface and master the rules that govern their behaviour.", + "url":"http://www.youtube.com/watch?v=YaG_ljfzeUw", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/YaG_ljfzeUw/maxresdefault.jpg", + "type":"video" + }, + { + "title":"DesignBytes: Material Design in the Google I/O App", + "titleFriendly":"", + "summary":"Roman Nurik shares details on the design process for the Google I/O 2014 app. To check out the app's source code, visit github.com/google/iosched.", + "url":"http://www.youtube.com/watch?v=XOcCOBe8PTc", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/XOcCOBe8PTc/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Battery Drain and Networking", + "titleFriendly":"", + "summary":"Let’s take a moment to make something insanely clear: As far as battery is concerned, NETWORKING is the biggest, baddest, dirtiest offender there is. And optimizing performance here isn’t easy. Since the chip isn’t always awake and draining power, means you can optimize how it wakes up, sends traffic, and saves battery.", + "url":"http://www.youtube.com/watch?v=fEEulSk1kNY", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/fEEulSk1kNY/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Batching Background Work Until Later", + "titleFriendly":"", + "summary":"Yes, your app is special. But when it comes to battery use, sometimes it’s better to be part of the crowd. Why not spread the battery blame around a bit? Ian Ni-Lewis shows you how ridiculously easy it is to go from battery hog to team player in this video.", + "url":"http://www.youtube.com/watch?v=-3ry8PxcJJA", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/-3ry8PxcJJA/maxresdefault.jpg", + "type":"video" + }, + { + "title":"The Performance Lifecycle", + "titleFriendly":"", + "summary":"Performance problems surface in your application at the least-wanted times (like right before you’re about to ship your first build). But don’t freak out: There’s a simple process that you can follow to help get your performance back under control.", + "url":"http://www.youtube.com/watch?v=_kKTGK-Cb_4", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/_kKTGK-Cb_4/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Introduction to Android Studio", + "titleFriendly":"", + "summary":"A high level introduction to Android Studio, the new IDE for Android application development. Learn why you should migrate your projects to Android Studio now and how it can help you be more productive as a developer. Rich layout editor, handy suggestions and fixes, new Android project view - these are just some of the things you can expect from the IDE, which is built on the successful IntelliJ IDEA.", + "url":"http://www.youtube.com/watch?v=K2dodTXARqc", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/K2dodTXARqc/maxresdefault.jpg", + "type":"video" + }, + { + "title":"DevBytes: Google Play Services 7.3", + "titleFriendly":"", + "summary":"Google Play Services 7.3 brings a ton of great new features to help you BUILD BETTER APPS! This update brings the ability to connect multiple wearables simultaneously to a single phone.", + "url":"http://www.youtube.com/watch?v=FOn64iqlphk", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/FOn64iqlphk/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Running a Successful Games Business with Google", + "titleFriendly":"", + "summary":"Sure, we all want to make the next great gaming masterpiece. But we also want to feed our families and/or dogs. Join Bob Meese from the Google Play team as he gives you some key pointers on how to make sure you're best taking advantage of Google Play and running a successful games business.", + "url":"http://www.youtube.com/watch?v=tDmnGNkTtlE", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/tDmnGNkTtlE/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Android TV: Introduction to Android TV", + "titleFriendly":"", + "summary":"Android TV brings the Android platform to the living room with rich content and entertaining app experiences. In this video, Timothy introduces the design philosophy and developer components that make building TV experiences easier than ever before.", + "url":"http://www.youtube.com/watch?v=6K_jxccHv5M", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/6K_jxccHv5M/maxresdefault.jpg", + "type":"video" + }, + { + "title":"Under the Hood of Android Auto", + "titleFriendly":"", + "summary":"Your car contains some serious technology. Learn about the Android Auto architecture, which enables you to control Android apps and services running on your phone through your car. In this talk, we'll highlight the key characteristics of the Android Auto protocol, which enables your Android phone to talk to compatible cars. We'll also take a look at some of the details of the Android Auto rendering subsystem, which uses Binders and the Android VirtualDisplay API to composite UI from multiple Android apps. Finally, we'll discuss how we're enhancing the Google Maps app by integrating with the Android Auto platform.", + "url":"http://www.youtube.com/watch?v=KNKGM4ss5Sc", + "group":"", + "keywords": [], + "tags": [ + ], + "image":"http://i1.ytimg.com/vi/KNKGM4ss5Sc/maxresdefault.jpg", + "type":"video" + }, + { "title":"Developer Registration", "titleFriendly":"", "summary":"Additional information about the registration process.", @@ -1990,6 +2122,183 @@ DISTRIBUTE_RESOURCES = DISTRIBUTE_RESOURCES.concat([ "titleFriendly": "" }, { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/animation/", + "timestamp": null, + "image": "images/cards/material-animation_2x.png", + "title": "Animation", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/style/", + "timestamp": null, + "image": "images/cards/material-style_2x.jpg", + "title": "Style", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/layout/", + "timestamp": null, + "image": "images/cards/material-layout_2x.png", + "title": "Layout", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/components/", + "timestamp": null, + "image": "images/cards/material-components_2x.jpg", + "title": "Components", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/patterns/", + "timestamp": null, + "image": "images/cards/material-patterns_2x.png", + "title": "Patterns", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/usability/", + "timestamp": null, + "image": "images/cards/material-usability_2x.png", + "title": "Usability", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/resources/color-palettes.html", + "timestamp": null, + "image": "images/cards/material-color-palette_2x.jpg", + "title": "Color Palettes", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/resources/layout-templates.html", + "timestamp": null, + "image": "images/cards/material-layout-template_2x.jpg", + "title": "Layout Templates", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/resources/sticker-sheets-icons.html", + "timestamp": null, + "image": "images/cards/material-sticker-sheet_2x.jpg", + "title": "Sticker Sheets & Icons", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "lang": "en", + "group": "", + "tags": [], + "url": "https://www.google.com/design/spec/resources/roboto-noto-fonts.html", + "timestamp": null, + "image": "images/cards/material-typography_2x.jpg", + "title": "Typography: Roboto and Noto Sans fonts", + "summary": "", + "keywords": [], + "type": "design", + "titleFriendly": "" + }, + { + "title":"Android Wear Materials", + "titleFriendly":"", + "summary":"You may use these materials without restriction to facilitate your app design and implementation. Drag and drop your way to beautifully designed Android apps. The stencils feature the rich typography, colors, interactive controls, and icons found throughout…", + "url":"design/downloads/index.html#Wear", + "group":"", + "keywords": ["icons","stencils","color swatches"], + "tags": ["icons","stencils","colorswatches"], + "image":"images/cards/android-wear-materials_2x.jpg", + "lang":"en", + "type":"design" + }, + { + "tags": [ + "android", + "developerstory", + "googleplay", + "featured" + ], + "title": "Android Developer Story: Jelly Button Games — Growing globally through data driven development", + "type": "youtube", + "url": "http://www.youtube.com/watch?v=Pd49vTkvu0U" + }, + { + "title":"Scale with Google Cloud Platform", + "titleFriendly":"", + "summary":"With Google Cloud Platform, developers can build, test and deploy applications on Google's highly-scalable and reliable infrastructure for your web, mobile and backend solutions.", + "url":"https://cloud.google.com/docs/", + "group":"", + "keywords": [], + "tags": [], + "image":"images/cards/cloud-platform_2x.png", + "lang":"en", + "type":"distribute" + }, + { + "title":"Opportunities & Programs", + "titleFriendly":"", + "summary":"This is a card body place holder text. This is a card body place holder text. This is a card body place holder text.", + "url":"distribute/googleplay/index.html#opportunities", + "group":"", + "keywords": [], + "tags": [], + "image":"images/cards/program-edu_2x.jpg", + "lang":"en", + "type":"distribute" + }, + { "lang": "ja", "title": "Gaming Everywhere", "titleFriendly": "", @@ -2313,4 +2622,45 @@ DISTRIBUTE_RESOURCES = DISTRIBUTE_RESOURCES.concat([ "image": "distribute/images/advertising.jpg", "type": "distribute" } -]); \ No newline at end of file +]); + +var CAROUSEL_OVERRIDE = { + "about/versions/lollipop.html": { + "image": "images/home/hero-lollipop_2x.png", + "heroColor": "#263238", + "heroInvert": true, + "title": "Android 5.0 Lollipop", + "summary": "The Android 5.0 update adds a variety of new features for your apps, such as notifications on the lock screen, an all-new camera API, OpenGL ES 3.1, the new Material design interface, and much more." + }, + "distribute/googleplay/families/about.html": { + "image": "images/distribute/hero-family.jpg", + "title": "Designed for Families", + "summary": "Introducing a new Google Play section to promote family friendly apps. Your apps in the program can benefit from enhanced discoverability in addition to maintaining their existing categories, rankings, and reviews elsewhere on the Google Play store." + }, + "http://www.youtube.com/watch?v=Pd49vTkvu0U": { + "image": "images/distribute/hero-jelly-button.jpg", + "title": "How Jelly Button Games are growing globally through data", + "summary": "To really understand their users, Jelly Button Games analyses over 3 billion events each month using Google Analytics and Google BigQuery." + }, + "http://www.youtube.com/watch?v=700gYRkhkLM": { + "image": "images/distribute/hero-outfit7.jpg", + "title": "Outfit7 — Building an entertainment company with Google", + "summary": "Outfit7, creators of My Talking Tom and My Talking Angela, offer a complete entertainment experience to users spanning mobile apps, user generated and original YouTube content, and a range of toys, clothing, and accessories...." + }, + "http://www.youtube.com/watch?v=MPnH7h12h0U": { + "image": "images/distribute/hero-haystack.jpg", + "summary": "Haystack TV built a scalable business with six employees and Android TV. Two weeks was all it took for them to bring their mobile app to the big screen." + }, + "http://www.youtube.com/watch?v=ekxABqJeRBc": { + "image": "images/distribute/hero-ginlemon.jpg", + "title": "How GinLemon is breaking through with Google Play", + "summary": "Meet Vincenzo Colucci, developer and founder of GinLemon, which started as a summer holiday joke and has now become a successful global app business on Google Play based in Manfredonia, southern Italy." + }, + "distribute/googleplay/guide.html": { + "heroColor": "#fcb94e", + "image": "images/distribute/hero-g-play-guidebooks_2x.png", + "title": "Finding Success on Google Play", + "summary": "We’ve created a downloadable guide to help you find success with your app or game business on Google Play. In it, you’ll find features, tips, and best practices to help you build an effective strategy.", + "tags": [] + } +}; \ No newline at end of file diff --git a/docs/html/samples/new/index.jd b/docs/html/samples/new/index.jd index 279b910..80765c7 100644 --- a/docs/html/samples/new/index.jd +++ b/docs/html/samples/new/index.jd @@ -1,4 +1,5 @@ page.title=What's New +page.image=images/cards/samples-new_2x.png @jd:body diff --git a/docs/html/sdk/index.jd b/docs/html/sdk/index.jd index 5a03197..d3fcf48 100644 --- a/docs/html/sdk/index.jd +++ b/docs/html/sdk/index.jd @@ -1,6 +1,7 @@ page.title=Download Android Studio and SDK Tools page.tags=sdk, android studio page.template=sdk +page.image=images/cards/android-studio_2x.png header.hide=1 page.metaDescription=Download the official Android IDE and developer tools to build apps for Android phones, tablets, wearables, TVs, and more. @@ -63,7 +64,7 @@ sdk.win_installer_checksum=e764ea93aa72766737f9be3b9fb3e42d879ab599 } .feature-blurb { margin:0px; font-size:16px; font-weight:300; - padding:40px 0 0 0; + padding-top:40px; } .landing-button.green { @@ -284,7 +285,7 @@ This is the Android Software Development Kit License Agreement +width="760" height="400" alt="" style="margin-bottom:100px" />
        @@ -293,7 +294,7 @@ width="760" height="400" alt="" style="margin-bottom:80px" />

        The official Android IDE

        -
          +
          • Android Studio IDE
          • Android SDK tools
          • Android 5.0 (Lollipop) Platform
            • @@ -322,10 +323,10 @@ target="_blank">Take a Survey +
            +

            Intelligent code editor

            -

            Intelligent code editor

            - -
            +
            @@ -340,9 +341,9 @@ srcset="{@docRoot}images/tools/studio-hero-code_2x.png 2x, {@docRoot}images/tool -

            Code templates and GitHub integration

            +

            Code templates and GitHub integration

            -
            +
            @@ -357,9 +358,9 @@ srcset="{@docRoot}images/tools/studio-hero-import_2x.png 2x, {@docRoot}images/to -

            Multi-screen app development

            +

            Multi-screen app development

            -
            +
            @@ -374,9 +375,9 @@ srcset="{@docRoot}images/tools/studio-hero-screens_2x.png 2x, {@docRoot}images/t -

            Virtual devices for all shapes and sizes

            +

            Virtual devices for all shapes and sizes

            -
            +
            @@ -390,10 +391,10 @@ srcset="{@docRoot}images/tools/studio-hero-avds_2x.png 2x, {@docRoot}images/tool -

            +

            Android builds evolved, with Gradle

            -
            +
            diff --git a/docs/html/tools/support-library/index.jd b/docs/html/tools/support-library/index.jd index 1aef0c1..98c9ad5 100644 --- a/docs/html/tools/support-library/index.jd +++ b/docs/html/tools/support-library/index.jd @@ -1322,3 +1322,4 @@ Android 3.2 and higher (all other APIs in the v4 library are already available w

            Initial release with the v4 library.

            + diff --git a/docs/html/training/building-wearables.jd b/docs/html/training/building-wearables.jd index 8015d0c..c9e1856 100644 --- a/docs/html/training/building-wearables.jd +++ b/docs/html/training/building-wearables.jd @@ -1,6 +1,6 @@ page.title=Building Apps for Wearables page.trainingcourse=true -page.image=wear/images/notifications.png +page.image=images/cards/android-wear-apps_2x.jpg page.metaDescription=Learn how to build notifications, send and sync data, and use voice actions. @jd:body @@ -11,4 +11,4 @@ synced to wearables as well as how to build apps that run on wearables.

            Note: For more information about the APIs used in these training classes, see the Wear API reference -documentation.

            \ No newline at end of file +documentation.

            diff --git a/docs/html/training/material/index.jd b/docs/html/training/material/index.jd index 4eb7911..6071fb1 100644 --- a/docs/html/training/material/index.jd +++ b/docs/html/training/material/index.jd @@ -1,6 +1,6 @@ -page.title=Creating Apps with Material Design +page.title=Material Design for Developers page.type=design -page.image=images/material.png +page.image=images/cards/material_2x.png page.metaDescription=Learn how to apply material design to your apps. diff --git a/docs/html/training/tv/start/start.jd b/docs/html/training/tv/start/start.jd index 0f5871f..e55e202 100644 --- a/docs/html/training/tv/start/start.jd +++ b/docs/html/training/tv/start/start.jd @@ -1,4 +1,4 @@ -page.title=Getting Started with TV Apps +page.title=Get Started with TV Apps page.tags="leanback","recyclerview","launcher" trainingnavtop=true diff --git a/docs/html/tv/index.jd b/docs/html/tv/index.jd index e4d7f7a..7a0cdcc 100644 --- a/docs/html/tv/index.jd +++ b/docs/html/tv/index.jd @@ -1,6 +1,6 @@ page.title=About Android TV page.type=about -page.image=tv/images/hero.jpg +page.image=images/cards/android-tv_2x.png page.viewport_width=970 page.tags="tv", "leanback" page.metaDescription=Bring your apps, games, and content to the biggest screen in the house. diff --git a/docs/html/wear/index.jd b/docs/html/wear/index.jd index 316f5ca..74e4939 100644 --- a/docs/html/wear/index.jd +++ b/docs/html/wear/index.jd @@ -3,7 +3,7 @@ page.viewport_width=970 fullpage=true no_footer_links=true page.type=about - +page.image=images/cards/android-wear_2x.png @jd:body