[UI/UX] iOS 클론디자인 / 아이콘 배경색에 따라 테두리 색상을 모두 다르게 적용해야 할 때

아이콘 배경색에 따라 테두리 색상을 모두 다르게 적용해야 한다.

1. 배운점: 동일한 형태를 사용하는 항목은 변수에 의해 달라질 수 있도록 내용을 적용시킨다.

2.
- 생각: 나는 아이콘 테두리 색상을 아이콘 배경색상을 추출하여 더 어두운 색상으로 적용했다.
- 문제: 아이콘을 담는 틀은 모두 같고, 이미지만 바뀔 뿐이므로 아이콘 배경 색상에 따라 테두리 색상도 바뀌어야 한다.
- 해결: 테두리에 투명도를 조절하여 이미지가 바뀔 때 마다 테두리 색상도 함께 바뀌도록 적용한다.

테두리를 검정색으로 하여 불투명도를 100%로 설정했다.

불투명도를 조절하여 테두리색상(검정)과 배경색상(노랑)이 섞여 좀 더 어두운 탁한노랑이 나오도록 설정한다.

이렇게 설정하면 어떤 이미지를 넣어도 해당 이미지의 배경보다 좀 더 어두운 색상의 테두리라인이 그려진다.

이미지만 변경했을 뿐인데 테두리 색상도 변했다.