🚫 이렇게 진행하면 안 돼요!

1️⃣ 겹친 후 투명도 낮춘 다음 따라서 그리면 안됩니다!

• 스크린샷을 옆에 두고 본인 눈에 의존해서 따라 그려본 후 완성이 되면 스크린샷과 어디가 다른지 확인해 보시며 수정해주시면 됩니다!

  

2️⃣ 색상 스포이드로 찍기 금지!

• 본인 눈에 의존해서 컬러를 사용하고 완성 후 스크린샷과 비교를 통해 수정합니다.

  

3️⃣ 최대한 아이콘 캡처 금지!

• 가끔 정말 피그마에서 그리기 어렵고 어도비 일러스트로 그려야 하는 아이콘들이 있습니다. 그런 아이콘들을 제외하곤 모두 피그마에서 그려보는 것을 목표로 합니다!

이 정도는 피그마에서 가능~

이런 아이콘은 피그마에서 그리기 좀 힘들어요 ㅠ

4️⃣ 아이콘 그릴 때는 사각형 박스에 넣어서 그려야 합니다!

• 아이콘은 그냥 그리는 것이 아닌 사각 박스에 넣어 줘야 합니다!
  • 이유1: 사용자들이 클릭을 해야 하기에 박스로 클릭 영역을 잡아주는 것입니다.
  • 이유2: 다양한 해상도에 맞게 아이콘이 배리에이션돼야 하는데 정수의 박스가 잡혀 있지 않다면 아이콘이 깨져 보일 수 있습니다.
• 사각 박스는 기본적으로 24x24px을 기본으로 합니다.

5️⃣ 기본 중에 기본! 소수점이 나오면 안됩니다!

• 소수점은 디자인 파일에선 표현할 수 있지만 실제 개발에 들어가면 오프셋 현상(화면에서 요소가 깨져 보이는 현상)이 발생합니다. 그렇기에 소수점이 나와서는 안 됩니다!