Material Design - Light

This work uses material research to design the micro-interaction user interface. I choose light as my material.  In this research video, the nine elements of light have listed: sunlight, fire, fireworks, led lights. Light can be bright, dim, white, colorful; light can drop shadows and changes.

 

Natural light source - Change gently and glow slightly

IMG_7442.JPG

Drop shadows: soft edges and hard edges to create high lights and contrast.

IMG_4876.jpg
IMG_2233.jpg
IMG_2877.jpg

Daylight can change hue to creates different mood and atmosphere.

IMG_1340.jpg
IMG_1331.jpg

Micro interaction 1: High Light .

Use for select and and scroll.

1.jpg

Micro interaction 2: Sparkle / Glow .

Use to select and showing important messages.

3.JPG
2.jpg

Micro interaction 3 : Drop Shadow

Use to select and high light the important informations.

5.JPG

Micro interaction: Color change

Use to swipe to another pages or content gently and smoothly.

4.jpg