From 8dd9d80a5f1871d947ec3067c8e8ab8aaafdb4fc Mon Sep 17 00:00:00 2001 From: Robert Schaub Date: Thu, 23 Jul 2015 12:47:10 -0700 Subject: [PATCH] docs: Cropped image and updated small icon text Cherry-picked from Andy's CL (733520), with updates based on Joe's review. Bug: 21163773 Change-Id: Icb5c42acd4f55e8427e71c6a7d919d96b44956b4 --- docs/html/design/tv/images/icon.png | Bin 1679 -> 16390 bytes docs/html/design/tv/patterns.jd | 18 +++++++++++------- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/docs/html/design/tv/images/icon.png b/docs/html/design/tv/images/icon.png index ae34e18542d7732fac73b7dc5097dacd5a6615e6..9cf584c05b923b54c583250366b406b98ec18b90 100644 GIT binary patch literal 16390 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 ZFaSUFS3N^1HR%8V002ovPDHLkV1g!?BMbll diff --git a/docs/html/design/tv/patterns.jd b/docs/html/design/tv/patterns.jd index f38fa76c2e137..622e67862f887 100644 --- a/docs/html/design/tv/patterns.jd +++ b/docs/html/design/tv/patterns.jd @@ -114,20 +114,24 @@ specifications:

Small icon

-

Recommendation cards include a small icon that is imposed over a colored background. The icon and -background color display at 100% opacity when the card is selected, and at 50% opacity when not -selected.

+

Recommendation cards include a small icon that is imposed over a colored +background. The icon and background color both display at 100% opacity when the card +is selected and at 50% opacity when the card is not selected.

Recommendation icon examples -

Here are the requirements for recommendation small icons:

+

Here are the requirements for a small recommendation icon:

    -
  • Flat image
    • -
  • Monocolor: size 16x16dp, white (#fff) icon with transparent background, PNG format
    • -
  • Graphics should be centered within the icon image
    • +
  • Visually flat graphic, monocolor, 16x16dp
    • +
  • Color #eeeeee with transparency
    • +
  • Graphic centered over transparent background
    • +
  • PNG file format
+

Note: The color value #eeeeee is actually a light +gray, but it is used by the system to create a background which appears white.

+

Audio Feedback

Sounds on Android TV bring a cinematic quality to the interaction experience. You should