Judge an App by its icon

Slide 1

Slide 1 text

Sebastiano Poggi Novoda, Android & Identity GDE JUDGE AN APP BY ITS ICON #berthaisback

Slide 2

Slide 2 text

What’s a launcher anyway?

Slide 3

Slide 3 text

launcher homescree

Slide 4

Slide 4 text

launcher homescreen

Slide 5

Slide 5 text

app drawer

Slide 6

Slide 6 text

pre-4.0 doesn’t exist

Slide 7

Slide 7 text

our example

Slide 8

Slide 8 text

meet Be"ha

Slide 9

Slide 9 text

Old-school icon No background* Baked-in shadow & padding No vectors nor webp

Slide 10

Slide 10 text

Round icon Has background Baked-in shadow No vectors nor webp

Slide 11

Slide 11 text

Adaptive icon

Slide 12

Slide 12 text

Adaptive icon

Slide 13

Slide 13 text

Adaptive icon

Slide 14

Slide 14 text

Adaptive icon

Slide 15

Slide 15 text

Adaptive icon

Slide 16

Slide 16 text

Has background Dynamic masking Can use vectors ! Adaptive icon

Slide 17

Slide 17 text

it’s all about the layers

Slide 18

Slide 18 text

it’s all about the layers

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Nick Butcher’s Adaptive Icons demo app

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Has background Dynamic masking Can use vectors ! Adaptive icon Legacy icons Round icons Adaptive icons up to Android 7.0 from Android 7.1 from Android 8.0

Slide 26

Slide 26 text

Legacy icons Round icons Adaptive icons up to Android 7.0 from Android 7.1 from Android 8.0

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

from Android 7.1 Launcher sho"cuts

Slide 29

Slide 29 text

Round icons Adaptive icons 7.1 only 8.0+

Slide 30

Slide 30 text

h#ps://goo.gl/5KPtjV (pa" 1) and onwards Resources Nick Butcher’s Adaptive Icons on Medium h#ps://www.novoda.com/blog/exploring-android-nougat-7-1-app-sho"cuts/ Andrei’s App Sho"cuts on Novoda Blog h#ps://github.com/rock3r/launcher-icon Be"ha example project on GitHub Man Doubting created by Dooder - freepik.com Be"ha icon derived from Cornecoba - freepik.com

Slide 31

Slide 31 text

…questions?