summaryrefslogtreecommitdiffstats
path: root/docs/html/preview
diff options
context:
space:
mode:
Diffstat (limited to 'docs/html/preview')
-rw-r--r--docs/html/preview/tv/design/images/apps-games-rows.jpgbin82048 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/atv-framed-med.pngbin324206 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/atv-home.jpgbin197369 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/focus.pngbin7729 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/icon.pngbin1679 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/overscan.pngbin116254 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/recommendations.pngbin237004 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/search.jpgbin8344 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/images/settings.jpgbin19094 -> 0 bytes
-rw-r--r--docs/html/preview/tv/design/index.jd70
-rw-r--r--docs/html/preview/tv/design/patterns.jd86
-rw-r--r--docs/html/preview/tv/design/principles.jd33
-rw-r--r--docs/html/preview/tv/design/style.jd101
13 files changed, 0 insertions, 290 deletions
diff --git a/docs/html/preview/tv/design/images/apps-games-rows.jpg b/docs/html/preview/tv/design/images/apps-games-rows.jpg
deleted file mode 100644
index 5023655..0000000
--- a/docs/html/preview/tv/design/images/apps-games-rows.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/atv-framed-med.png b/docs/html/preview/tv/design/images/atv-framed-med.png
deleted file mode 100644
index e06f6e7..0000000
--- a/docs/html/preview/tv/design/images/atv-framed-med.png
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/atv-home.jpg b/docs/html/preview/tv/design/images/atv-home.jpg
deleted file mode 100644
index 4b25bab..0000000
--- a/docs/html/preview/tv/design/images/atv-home.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/focus.png b/docs/html/preview/tv/design/images/focus.png
deleted file mode 100644
index df61f4d..0000000
--- a/docs/html/preview/tv/design/images/focus.png
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/icon.png b/docs/html/preview/tv/design/images/icon.png
deleted file mode 100644
index ae34e18..0000000
--- a/docs/html/preview/tv/design/images/icon.png
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/overscan.png b/docs/html/preview/tv/design/images/overscan.png
deleted file mode 100644
index fb7e4bc..0000000
--- a/docs/html/preview/tv/design/images/overscan.png
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/recommendations.png b/docs/html/preview/tv/design/images/recommendations.png
deleted file mode 100644
index 942cd10..0000000
--- a/docs/html/preview/tv/design/images/recommendations.png
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/search.jpg b/docs/html/preview/tv/design/images/search.jpg
deleted file mode 100644
index c034939..0000000
--- a/docs/html/preview/tv/design/images/search.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/images/settings.jpg b/docs/html/preview/tv/design/images/settings.jpg
deleted file mode 100644
index 1c5bf31..0000000
--- a/docs/html/preview/tv/design/images/settings.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/html/preview/tv/design/index.jd b/docs/html/preview/tv/design/index.jd
deleted file mode 100644
index 58bfd5e..0000000
--- a/docs/html/preview/tv/design/index.jd
+++ /dev/null
@@ -1,70 +0,0 @@
-page.title=Design for TV
-header.justLinks=1
-footer.hide=1
-@jd:body
-
-
-<p>The Android TV platform user interface provides the launch pad for your app's big screen
- experience. It's important to understand how your app is presented in the main user interface and
- how your app can help users get to the content they want quickly.</p>
-
-<p class="note">
- <strong>Important:</strong> There are specific requirements your app must meet in order to
- qualify as an Android TV app on Google Play. For more information, see the requirements listed
- in <a href="{@docRoot}preview/tv/publish/index.html">Publishing TV Apps</a>.
-</p>
-
-<h2>Home Screen</h2>
-
-<p>The Home Screen is the start of the user experience, providing search, content
- recommendations, and access to apps and settings. This screen provides a rich and cinematic
- overview of apps and content.</p>
-
-<img src="{@docRoot}preview/tv/design/images/atv-home.jpg" alt="TV Home screen" />
-
-
-<h2>Search</h2>
-
-<p>By bringing the power of Google search to the big screen, Android TV makes new, dynamic
- connections between content. A favorite movie may lead to the discovery of a new music artist,
- planning a trip to Paris might surface new YouTube content and photos.</p>
-
-<img src="{@docRoot}preview/tv/design/images/search.jpg" alt="Recommendations Row" />
-
-<p>To learn more about searching within your app, see
- <a href="{@docRoot}preview/tv/ui/in-app-search.html">Searching in TV Apps</a>.
-
-<h2>Recommendations</h2>
-
-<p>The recommendations row on Android TV is a central feature of the Home Screen that allows
- users quick access to dynamic and relevant content for their media-consumption activities. The
- row is optimized for quick browsing of personalized content and activity resumption (on the
- device and across devices), while also providing a way for users to act on meaningful new
- content.</p>
-
-<img src="{@docRoot}preview/tv/design/images/recommendations.png" alt="Recommendations Row" />
-
-<p>
- Recommendations are based on the user’s recent and frequent usage behaviors, as well as
- expressed content preferences. They appear as cards that represent a system or app action,
- notification, activity, or piece of actionable media. Your app can provide suggestions for the
- recommendations row to help get your content noticed. To learn more, see
- <a href="{@docRoot}preview/tv/ui/recommendations.html">Recommendations</a>.
-</p>
-
-
-<h2>Apps and Games</h2>
-
-<p>Apps and Games rows both have special areas on the Home Screen. Within their respective
- areas, Apps and Games titles are ordered to reflect the user’s recent usage.</p>
-
-<img src="{@docRoot}preview/tv/design/images/apps-games-rows.jpg" alt="Apps and Games Rows" />
-
-
-<h2>Settings</h2>
-
-<p>Access to Settings is found at the bottom of the Home Screen. From here, the user can access
- Android and device-specific settings.
-</p>
-
-<img src="{@docRoot}preview/tv/design/images/settings.jpg" alt="Settings Row" />
diff --git a/docs/html/preview/tv/design/patterns.jd b/docs/html/preview/tv/design/patterns.jd
deleted file mode 100644
index 48faee9..0000000
--- a/docs/html/preview/tv/design/patterns.jd
+++ /dev/null
@@ -1,86 +0,0 @@
-page.title=Patterns for TV
-page.tags="design"
-@jd:body
-
-<p>As a developer of apps for TV, you should follow certain patterns to enable users to
- quickly understand and operate your app. This section describes recommended design patterns
- for TV apps.</p>
-
-<h2>Navigation, Focus and Selection</h2>
-
-<p>Users typically navigate TV devices using a directional pad (D-Pad). This type of controller
- limits movement to up, down, left, and right. As you design your app for TV, make sure your
- user interface has clear paths for two-axis navigation by aligning objects in lists and
- grids.</p>
-
-<img src="{@docRoot}preview/tv/design/images/focus.png" alt="TV navigation and focus diagram" />
-
-<p>A key aspect of making your application work well with a D-Pad controller is to make sure
- that there is always an object that is obviously in focus. Your app must clearly indicate
- what object is focused, so users can easily see what action they can take. Use scale, shadow
- brightness, opacity, animation or a combination of these attributes to help users see a focused
- object.</p>
-
-
-<h2>Icons</h2>
-
-<p>Apps on TV devices require some additional icon images for presentation in the system
- user interface, including home screen launcher images (banners) and recommendation icons.
- The visual specifications for these icons are shown below.</p>
-
-
-<h3>Banners</h3>
-
-<p>App Banners represent your app on the home screen of TV devices and serve and as a way for
- users to launch your app. Here are specific requirements for a banner image:
-</p>
-
-<ul>
- <li>Size: 320 x 180 px, xhdpi resource</li>
- <li>Text should be included in the image. If your app is available in more than one
- language, you must provide versions of the banner image for each supported language.</li>
-</ul>
-
-
-<h3>Recommendation Icons</h3>
-
-<p>Recommendation cards include a small icon that is imposed over a colored background.
- An example and specifications for this icon are shown below:</p>
-
-<img src="{@docRoot}preview/tv/design/images/icon.png" alt="Recommendation icon examples" />
-
-<p>Here are the requirements for recommendation icons:</p>
-
-<ul>
- <li>Monocolor: size 16x16dp, white (#fff) icon with transparent background, PNG format</li>
- <li>Graphics should be centered within the icon image</li>
-</ul>
-
-<p class="note">
- <strong>Note:</strong> Your app icon image may be desaturated and blended for some card
- displays.
-</p>
-
-
-<h2>Background Images</h2>
-
-<p>Background images are displayed in the background of your app to provide additional visual
- interest, information, or branding. The BrowseFragment and DetailsFragment classes in the Leanback
- support library provide specific support for background images and for updating them as items gain
- and lose focus. Here are the specific requirements for background images:</p>
-
-<ul>
- <li>Full color, 1920 x 1080 pixels</li>
-</ul>
-
-<p class="note">
- <strong>Note:</strong> If the image does not meet this requirement, it is scaled to fit.
-</p>
-
-<h2>Audio Feedback</h2>
-
-<p>Sounds on Android TV bring a cinematic quality to the interaction experience. You should
- consider adding sounds for user actions or to provide feedback when a user is only partially
- visually engaged with the screen (e.g., because they are distracted or multitasking).
- You should also consider using sounds as alternatives to visual messages, for example to indicate
- that a user has reached the end of a list or is trying to navigate to an undefined location.</p>
diff --git a/docs/html/preview/tv/design/principles.jd b/docs/html/preview/tv/design/principles.jd
deleted file mode 100644
index 106fa96..0000000
--- a/docs/html/preview/tv/design/principles.jd
+++ /dev/null
@@ -1,33 +0,0 @@
-page.title=Creative Vision for TV
-@jd:body
-
-<p>Users bring a specific set of expectations when watching TV, versus
- interacting with a phone or tablet. These guidelines have been developed by the Android User
- Experience Team to guide creation of the Android TV platform and the apps that run on it.</p>
-
-<h2>Casual Consumption</h2>
-
-<p>The TV is an entertainment interface, not a computer or mobile device. Optimize for
- activities that put content at the center: from the casual posture of movie-watching, to
- immersive gameplay, to hanging out with friends in a living room.</p>
-
-<p>Users expect immediate access to content when they turn on a TV. Get users into the action
- fast, be it the big game, their favorite show, or a game with friends. The next piece of content
- to watch or play should only be a click or two away.</p>
-
-
-<h2>Cinematic Experience</h2>
-
-<p>Create immersive experiences for the user. Design for as little user interface and as much
- content as possible on each screen. Use visual imagery, movement, and sound to inform and delight
- users. Avoid using on-screen text to convey information and purpose. Tell your story with pictures
- and sound.</p>
-
-
-<h2>Simplicity</h2>
-
-<p>Android TV is simple and magical. It’s all about finding and enjoying content and
- apps with the least amount of friction. Minimize the number of navigation steps required to
- perform actions. Build apps with the fewest screens possible between app entry and content
- immersion. Avoid making users enter text whenever possible, and use voice interfaces when you
- require text input.</p>
diff --git a/docs/html/preview/tv/design/style.jd b/docs/html/preview/tv/design/style.jd
deleted file mode 100644
index 67a7096..0000000
--- a/docs/html/preview/tv/design/style.jd
+++ /dev/null
@@ -1,101 +0,0 @@
-page.title=Style for TV
-page.tags="design"
-@jd:body
-
-
-<p>Follow these style guidelines to create beautiful, functional apps for TV.</p>
-
-
-<h2>Layouts</h2>
-
-<p>The difference between a TV experience that feels right and one that does not greatly depends
- on the number, spacing, and size of on-screen elements. Although TV sizes and resolutions have
- steadily increased over time, users expect TV experiences to be relatively simple and
- uncluttered.</p>
-
-<p>The additional resolution and screen area afforded by modern displays is best used to display
- things at better quality, rather than greater quantity. For example, use your layouts to show
- large, beautiful pieces of content, or to resize type for both easy reading and generous spacing.
-</p>
-
-<p>If you are creating an app for browsing and playing content, use the prebuilt fragments in the
- Leanback support library. These layouts have been built specifically for use on TV devices with
- the guidance of the Android User Experience team. For more information on using these classes,
- see the <a href="{@docRoot}preview/tv/build-ui/index.html">User Interfaces</a> guide.
-</p>
-
-<p>Here are some additional recommendations for creating functional and attractive layouts for TV
- apps:</p>
-
-<ul>
- <li>Design layouts for landscape orientation. TV screens always use this
- orientation.</li>
- <li>Design your artwork assets for best viewing at HD resolution (1920 x 1080 pixels).</li>
- <li>Put on-screen navigational controls on the left or right side of the screen, and
- save the vertical space for content.</li>
- <li>Use Fragments to create UIs that are divided into sections, and use view groups
- like GridView instead of ListView to make better use of the horizontal screen space.</li>
- <li>Avoid a cluttered interface by adding sufficient margins between layout controls.</li>
-</ul>
-
-
-<h3>Overscan</h3>
-
-<p>During the evolution of TV technology, overscan originally described an area of TV content
- outside of a safe zone that most TVs could reliably display. Even on some of today’s HDTV flat
- screens, areas outside that zone may not be visible.</p>
-
-<img src="{@docRoot}preview/tv/design/images/overscan.png" alt="Overscan borders for TV" />
-
-<p>Build a 10% margin into your TV screen designs to account for overscan area the TV may not
- display correctly. On a 1920 x 1080 pixel screen, this margin should be a minimum of 27px from the
- top and bottom edges and a minimum of 48px from the right and left edges of the picture.</p>
-
-
-<h2>Color</h2>
-
-<p>Color rendering on televisions can be imprecise compared to computer monitors or mobile
- devices. LCD and Plasma TVs often apply smoothing and sharpening filters, and color rendering may
- not match what you see on a computer screen.</p>
-
-<p>Subtle hue or brightness differences between elements may disappear or be over-emphasized on
- TV screens. Some color gradient combinations will show bands. You should avoid pure whites on
- large areas of the screen. For highly saturated colors (especially reds, greens and blues) you
- should review them when used to fill significant areas of the screen. You
- should also avoid using very dark or muddy colors, as TV settings may display these colors with
- exaggerated contrast, causing them to be indistinguishable.</p>
-
-
-<h2>Typography</h2>
-
-<p>The text and controls in a TV application's UI should be easily visible and navigable from a
- distance. The minimum recommended font size for TV is 12sp. The default text size setting should
- be 18sp. We recommend the following guidelines for TV apps:</p>
-
-<ul>
- <li><strong>Card Titles:</strong> Roboto Condensed 16sp</li>
- <li><strong>Card Subtext:</strong> Roboto Condensed 12sp</li>
- <li><strong>Browse Screen Title:</strong> Roboto Regular 44sp</li>
- <li><strong>Browse Category Title:</strong> Roboto Condensed 20sp</li>
- <li><strong>Details Content Titles:</strong> Roboto Regular 34sp</li>
- <li><strong>Details Subtext:</strong> Roboto Regular 14sp</li>
-</ul>
-
-<p>Some TVs have strong sharpness and contrast settings as their defaults. These picture
- settings make thin and light typefaces look jagged and make the text difficult for people to read.
- Therefore you should avoid thin or light typefaces on TV.</p>
-
-<h2>Text</h2>
-
-<p>Use text in TV apps sparingly. The position of users relative to a TV screen
- (typically about 10 feet away) makes it harder for users to read text. Users also don't expect to
- read much in a TV environment. Follow these tips for the best handling of text in your app:</p>
-
-<ul>
- <li>Break text into small chunks that users can quickly scan.</li>
- <li>Use light text on a dark background. This style is easier to read on a TV.</li>
- <li>Avoid lightweight fonts or fonts that have both very narrow and very broad
- strokes. Use simple sans-serif fonts and anti-aliasing to increase readability.</li>
- <li>Use layout-relative sizing rather than absolute sizing, and density-independent
- pixel units instead of absolute pixel units.</li>
-</ul>