[Figma] Android Notification smallIcon GuideLine 강의

 

Android Notification에 등록하는 smallIcon에는 가이드라인이 있다.

일반적인 Firebase Push 알람을 통해 오는 아이콘과는 다르다고 봐야한다.

 

 

가이드라인

1. 크기는 24dp x 24dp

2. 흰색만 사용

 

1번은 바로 다음 글에서 설명드릴 예정입니다.

2번의 경우, android smallIcon은 흰색과 투명색만 사용할 수 있도록 되어 있기 때문에

만약 이를 지키지 않을 시 온통 하얀색의 네모가 출력되는 현상을 겪을 수 있습니다.

 

그래서 기존의 제 앱의 아이콘을 어떻게 notification 전용 small Icon으로 변환하는지를 보여드리면서

이를 따라오시면 될 것 같습니다.

 

 

 

피그마를 열어줍니다.

 

제 앱의 아이콘인데, 이걸 small Icon 가이드라인에 맞는 디자인으로 변경시켜 줄 것입니다.

 

먼저 배경 검은색을 제거해줍니다. 배경은 필요없습니다. 배경 색은

notification을 호출하는 과정에서 setColor로 지정해주시면 됩니다.

 

 

 

저는 하얀색 말풍선에서 검은색 선을 빼줄 것이므로, subtract 과정이 필요합니다.

하지만 주의할 점은, "선"은 intersect가 되지 않기 때문에, 현재 선들을 Flatten화 시켜서 도형으로 만들어줘야 합니다.

 

Flatten화 시키고 나면, 기존에 선으로만 이뤄졌던 것들이 하나로 합쳐져 있는 것을 왼쪽 메뉴에서 확인할 수있습니다.

 

 

 

이제 흰색 말풍선과, 이 vector를 선택한 뒤에 subtract 과정을 진행해줍니다.

subtract는 큰 것에서 작은 것을 빼주는 작업입니다.

 

 

그럼 다음과 같이 선 부분이 빼져서 투명화 된 것을 볼 수 있습니다. 원했던 결과물을 얻었습니다.

 

 

이제 이걸 어떻게 Android Icon으로 사용할지 다음 글에서 다루겠습니다.

크기별로 적용해주는 과정을 쉽게 진행할 수 있기에 참고하시면 좋습니다.