컬러

Figma로 만드는 디자인시스템/3) 컴포넌트 만들기

컬러 배색의 기초 이해 : 컬러 고르기, 수정하기

디자인을 하기 전에, 컬러를 어떻게 고르고 사용할지에 대해서 고민하시는 분들을 위해서 준비해봤습니다. 컬러.. 어렵습니다. 접근 방식도 이해하는 것도 쉽지 않은데요. 제 나름대로 컬러를 접근할 때 사용하는 방법론을 몇 가지 들고와 보았습니다. 도움이 되셨으면 좋겠습니다. 0. 🎨컬러의 이해 : 색상의 기준 3가지 색상(Hue) , 채도(Saturation), 명도(Brightness) 컬러는 기본적으로 색상, 명도, 채도로 분류됩니다. 색상은 말 그대로 "색의 종류"를 나타내고, 명도는 "색상의 밝기" 채도는 "색상의 순도"를 나타냅니다. 이 세 가지 요소를 조절해서 색을 만들 수 있는데요. 이렇게 조절해서 만든 색상을 "톤(Tone)"이라고 합니다. 톤의 분류 톤은 일반적으로 12개의 톤으로 구성됩니다..

Figma로 만드는 디자인시스템/1) 오브젝트

figma 기초 (4) 컬러와 이미지, 그리고 레이어 패널

이번에는 피그마에서 컬러를 쓰는 방법에 대해서 다루어 보겠습니다. 1. 채우기(Fill) & 선(Stroke) 패널의 사용 Fill Stroke 피그마에서 색상을 설정하는 영역은 크게 채우기(Fill) 와 선(Stroke)로 나뉜다. 아무 레이어 개체나 선택한 후, +버튼을 눌러서 색상을 추가할 수 있다. 컬러는 중첩이 가능하다. 여기에서 색상을 클릭하면 색상 패널을 확인할 수 있다. 2. 색상 패널 사용하기 색상 패널에서는 페인트 타입, 컬러 피커 도구, 컬러 맵, 슬라이더, 지역 색상 및 문서 색상 확인이 가능하다. 페인트 타입 (Paint type) : 그래픽을 표현하는 방법을 설정한다. 크게 보면 단색, 그라디언트(4종), 이미지로 설정 가능 컬러 피커 (Color Picker) : 단축키 i 로..

frogOlis
'컬러' 태그의 글 목록