Google's Redesign of the Discover Feed for Android 12

Embracing Material You: Google's Redesign of the Discover Feed for Android 12

Multiple Blue Rings Learn more

Google is redesigning the Discover feed to provide a more aesthetically pleasing and unified interface with the release of Android 12

[{"selector":"#anim-d639c01f-efd4-43ae-ac43-ef62b878008a","keyframes":{"transform":["translate3d(-115.43409%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-6c6617d0-c3ac-4b21-b1cd-a8c3e04c75d0","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-4068f7e7-9724-42c6-af13-7980b50775ca [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, -8.97435872541698%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Multiple Blue Rings

One of Material You's most notable features is dynamic theming, which gives the Android operating system a new level of personalisation.

[{"selector":"#anim-034890a3-355b-44eb-9089-3fb4c1fed176","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-1d4d1434-5562-4eab-8c00-66b8772aa595 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] Multiple Blue Rings

The cards in the Discover feed have undergone substantial changes as a result of the Material You makeover.

[{"selector":"#anim-e10dfde7-e917-40e9-96b0-4ed519b91e3e","keyframes":{"transform":["translate3d(115.43408%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-452f890a-69a3-45e8-af2d-cb0fcac69f6d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-213b210c-9669-4e9d-a9fc-c7e88ae823d7","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c65d1ca7-13b0-4db7-9c9b-4c0ac4bd4dd4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(34.274429371097895%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Multiple Blue Rings

A more streamlined and aesthetically pleasing interface has been added to the Discover feed following a recent update.

[{"selector":"#anim-2dc46e77-3982-48d5-b96e-3ced5f46e847","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a94b97ea-5356-46df-929e-55771d4dcf66","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-66afc575-0c23-472c-9b78-6cc9404a5a4c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(11.471392249425609%, -0.0018226952381144056%) scale(0.7299270072992701)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Multiple Blue Rings

The most recent modifications to the Discover feed show Google's dedication to the Material You design concept.

[{"selector":"#anim-9bf08d65-53b8-4cfa-8bdf-a4b279aa183b","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-79eb8af8-0e9d-49ed-9b90-43ed9338ebe9","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1b5da660-3baa-4101-a12b-68d18cc9e22d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(20.766915502131408%, 16.637008502550476%) scale(1.4166666666666667)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Multiple Blue Rings Learn more