[보기 좋은 프로덕트의 비밀] 레이어

• 레이어는 그래픽 툴에서 가장 중요한 기능입니다.
• 어떤 요소가 있는지 어떻게 사용하는지 레이어의 기초부터 배워봅시다.

---

• 디지털 프로덕트를 디자인할 때 이런 레이어 요소를 어떻게 하면 보기 좋고, 더 쓰기 좋은 프로덕트를 만들 수 있는지 먼저 어떤 속성을 갖고 있는지를 설명한다.

 

레이어 속성 8가지

 

 

형태

: 모양에 대한 속성

• 형태는 이미지, 글자, 네모가 거의 대부분

 

 

테두리

 

 

그림자

: 형태의 외곽선에서부터 바깥으로 그라데이션되어 표현된다.

• UI 디자인을 할 때 중요도가 높을수록 높이가 높다.
• ex) 네비게이션바 -> 언제 어디서나 작동하고, 클릭할 수 있어야 한다.

 

표면

• Solid : 단색
• Gradient : 기울기
• Image : jpg, png 형태
• Translucent : 이미지 뿌옇게 표현

 

 

투명도

• 특정 페이지를 보다가 새로운 창이 떴을 때 무슨 일이 일어날지 예상할 수 있다.

 

 

블렌드

 

• ⭐️ Multiply & Blur : 이미지 위에 글자를 넣고 싶거나, 뒤에 있는 요소를 살짝 가리고 위에 새로운 요소를 띄우고 싶을 때 사용

 

 

마스크

 

 

그룹

: 다양한 레이어를 묶어주는 것