Nishant Srivastava
Android Dev/Interaction Designer
Organizer@GDG New Delhi
…synthesize the classic principles of good design with the innovation and possibility of technology and science…
…single underlying system that allows for a unified experience across all platforms…
…touch, voice, mouse and keyboard are all first-class input methods…
Visual language that synthesizes classic principles of good design with the innovation and possibility of technology
and science.
....In short
Visual Language + Good Design + Innovation = Material Design
Material is the metaphor
Bold, graphic, intentional
Motion provides meaning
3D World
..which means all objects have x, y, and z dimensions.
Every sheet of material occupies a single position along the z-axis and has a standard 1dp thickness.
Light and Shadow
..which means virtual lights illuminate the scene and allow objects to cast shadows. A key light creates directional shadows, while an ambient light creates consistent, soft shadows from all angles.
The material theme is defined as:
<resources>
<!-- inherit from the material theme -->
<style name="AppTheme" parent="android:Theme.Material">
<!-- Main theme colors -->
<!-- your app branding color for the app bar -->
<item name="android:colorPrimary">@color/primary</item>
<!-- darker variant for the status bar and contextual app bars -->
<item name="android:colorPrimaryDark">@color/primary_dark</item>
<!-- theme UI controls like checkboxes and text fields -->
<item name="android:colorAccent">@color/accent</item>
</style>
</resources>
<!-- A RecyclerView with some commonly used attributes -->
<android.support.v7.widget.RecyclerView
android:id="@+id/my_recycler_view"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<!-- A CardView that contains a TextView -->
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_gravity="center"
android:layout_width="200dp"
android:layout_height="200dp"
card_view:cardCornerRadius="4dp">
<TextView
android:id="@+id/info_text"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.v7.widget.CardView>
dependencies {
...
compile 'com.android.support:cardview-v7:21.0.+'
compile 'com.android.support:recyclerview-v7:21.0.+'
}
<TextView
android:id="@+id/myview"
...
android:elevation="2dp"
android:background="@drawable/myrect" />
<!-- res/drawable/heart.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
<!-- intrinsic size of the drawable -->
android:height="256dp"
android:width="256dp"
<!-- size of the virtual canvas -->
android:viewportWidth="32"
android:viewportHeight="32">
<!-- draw a path -->
<path android:fillColor="#8fff"
android:pathData="M20.5,9.5
c-1.955,0,-3.83,1.268,-4.5,3
c-0.67,-1.732,-2.547,-3,-4.5,-3
C8.957,9.5,7,11.432,7,14
c0,3.53,3.793,6.257,9,11.5
c5.207,-5.242,9,-7.97,9,-11.5
C25,11.432,23.043,9.5,20.5,9.5z" />
</vector>
android:tint="@color/primary"
...Nooooo !! So much for Android , what next .... :(
A Design Sprint (invented by Google Ventures) is a 5-phase exercise which uses design thinking to reduce the inherent risks in successfully bringing products to market.
The sprint gives teams a shortcut to learning without building and launching.
-Consider the persona of a young, middle school student in a Tier-2 city in India, who is excited about science and technology but does not have access to great educational material. He's interested in taking an initiative and learning on his own, but isn't yet comfortable exploring the web (which he has limited time for) on her own, nor does he have a mentor near her.
-Consider the persona of a young working woman in Noida from a middle class family who often faces harassment, eve-teasing and even molestation on her way to her office every day. The police in the city is difficult to approach, lacks sensitivity and typically does not take matters in their hands as they should.
http://www.gv.com/sprint/
Sources
Me after this session..literally :P