際際滷

際際滷Share a Scribd company logo

Gray is Beautiful - The Design Ethos of Android 4.4 KitKat

Omar Yacoubi
Omar Yacoubi

The document discusses design principles of Android KitKat 4.4, which uses a flat, gray interface to allow photos and content to stand out. By removing color from most interface elements and using it only for active elements, the interface feels simplified and user focus is on content. Shapes are used to provide clear cues for interaction. Color is then used strategically in specific contexts like popups to provide feedback to users. The simplified, content-focused design aims to improve visual communication and speed up the design process.

1 of 9
Download to read offline
Gray is beautiful. The future is here. Android KitKat 4.4 Released October 2013
Whats the big idea? In iOS 7 and Android, both, flat design allows photos to stand out, and color comes to the forefront. Android takes this idea a step further, so photos and active elements can take center stage. The big idea: Content is king.
A fresh coat of paint In Android 4.4 KitKat, all interactive elements are gray. This accomplishes several things. Most important: Clear communication Color can be used more strategically to highlight active elements. The interface falls away. 5KORNKGFXKUWCNFGUKIP With less on-screen clutter, we can get designs out to users faster. 7UGTFGNKIJV Providing color only when an object is acted on makes for a more pleasing interaction
The shape of things to come Because shapes provide clear interactive cues, color can take a back seat until it is needed. Normal Active
Context is everything (and nothing) Android provides a framework for shapes to provide clear interactive cues regardless of what else is going on in the app visually. Object Options Some things never change: Buttons are still buttons, and disabled elements are still faded.
Context is everything (and nothing) Android provides a framework for shapes to provide clear interactive cues regardless of what else is going on in the app visually. Object Options Some things never change: Buttons are still buttons, and disabled elements are still faded.
Strategic use of color When the interface is free of color, we can use color to provide our users useful feedback in popups, and other scenarios yet to be imagined. 4GF Alert Blue Information/ Active Green Success 1TCPIG Excitement Purple ??? (we can decide) #99CC00 #FF4444 #CC0000 #FFBB33 #AA66CC #9933CC #669900 #FF8800 #33B5E5 #0099CC
Strategic use of color When the interface is free of color, we can use color to provide our users useful feedback in popups, and other scenarios yet to be imagined. 4GF Alert Blue Information/ Active Green Success 1TCPIG Excitement Purple ??? (we can decide) #99CC00 #FF4444 5WEEGUU #CC0000 #FFBB33 #AA66CC #9933CC #669900 #FF8800 #33B5E5 #0099CC Were almost done with the presentation OK
Questions?

More Related Content

Gray is Beautiful - The Design Ethos of Android 4.4 KitKat

  • 1. Gray is beautiful. The future is here. Android KitKat 4.4 Released October 2013
  • 2. Whats the big idea? In iOS 7 and Android, both, flat design allows photos to stand out, and color comes to the forefront. Android takes this idea a step further, so photos and active elements can take center stage. The big idea: Content is king.
  • 3. A fresh coat of paint In Android 4.4 KitKat, all interactive elements are gray. This accomplishes several things. Most important: Clear communication Color can be used more strategically to highlight active elements. The interface falls away. 5KORNKGFXKUWCNFGUKIP With less on-screen clutter, we can get designs out to users faster. 7UGTFGNKIJV Providing color only when an object is acted on makes for a more pleasing interaction
  • 4. The shape of things to come Because shapes provide clear interactive cues, color can take a back seat until it is needed. Normal Active
  • 5. Context is everything (and nothing) Android provides a framework for shapes to provide clear interactive cues regardless of what else is going on in the app visually. Object Options Some things never change: Buttons are still buttons, and disabled elements are still faded.
  • 6. Context is everything (and nothing) Android provides a framework for shapes to provide clear interactive cues regardless of what else is going on in the app visually. Object Options Some things never change: Buttons are still buttons, and disabled elements are still faded.
  • 7. Strategic use of color When the interface is free of color, we can use color to provide our users useful feedback in popups, and other scenarios yet to be imagined. 4GF Alert Blue Information/ Active Green Success 1TCPIG Excitement Purple ??? (we can decide) #99CC00 #FF4444 #CC0000 #FFBB33 #AA66CC #9933CC #669900 #FF8800 #33B5E5 #0099CC
  • 8. Strategic use of color When the interface is free of color, we can use color to provide our users useful feedback in popups, and other scenarios yet to be imagined. 4GF Alert Blue Information/ Active Green Success 1TCPIG Excitement Purple ??? (we can decide) #99CC00 #FF4444 5WEEGUU #CC0000 #FFBB33 #AA66CC #9933CC #669900 #FF8800 #33B5E5 #0099CC Were almost done with the presentation OK