[강의] 피그마와 친해지기 - 폰트 스타일, 컬러 스타일

 

 

너무 너무 기본적인 내용이지만

찐.. 피그마와 친.해.지.기는 느낌으로. (마음을 담아서)

 

Style(스타일) 지정 하기

 

폰트 스타일

 

 

이렇게 원하는 폰트 묶음(?)을 (여기서는 사이즈별 bold, regular 만든 상태)

한 판 만들어 주고

 

 

 

 

그것을 Text 스타일 패널에서 새로운 스타일로 추가해 준다!

이 때 이름은 분류/굵기/사이즈 로 해주면 좋음.

 

 

 

 

 

이걸 어디다 쓰냐?

마치 구글 docs에서 처럼.. 

아무 텍스트나 쓰고 스타일을 적용하면 바로 적용되는 것!

 

 

 

컬러 스타일

 

이것도 마찬가지로 반복적으로 쓰는 색 지정해주기 위함인데,

만약 특정 서비스가 이미 있어서 원하는 컬러가 있다면 단축키 I 눌러서 스포이드로 뽑아주고~

원하는 컬러 팔레트를 만들어준다.

(캠프 강의에서는 각각 또 개별 색을 그라데이션으로 10까지 만들어서 다소 귀찮게 느껴졌었는데 복잡한 서비스가 아니라면 이렇게 그냥 우선 간단한 색만 해도 되긴 하겠지)

 

 

우측 패널의 Fill 옆에 있는 컬러 스타일을 추가해서

분류/컬러 로 여기선 지정했다.

(그라데이션 했었을 때는 분류/컬러/100~900 이런 식으로 했었다)

 

 

 

이건 어디다 쓰냐?

폰트랑 똑같고 지정된 컬러 스타일로 빠르게 바꿔줄 수 있다~

 

 

 

그리고 스타일 자체의 색을 조정하면 (뭐 더 진하게/연하게 하고 싶다거나)

하나하나 수정할 필요 없이, 스타일 적용해놓은 모든 컬러가 동일하게 바뀐다.