Page 19 -

무작정 따라하기 레이어 스타일로 기준색 지정하기

레이어 스타일로 디자인 시스템 설정의 첫 단계인 기준색을 지정해 보겠습니다. 기준색을 레이어 스타
일로 지정하는 이유는 디자인 시스템 전반에 다시 효율적으로 사용하기 위해서입니다.

1 새 캔버스와 아트보드를 만듭니다. 를 누르고 다음과 같이 드래그하여 둥근 정사각형을 만듭니
다. Width/Height를 각각 ‘200’, Radius를 ‘4’로 설정합니다.

Fills 항목의 체크 표시를 해제하여 색상을 없애고 Borders에 Primary 색상인 ‘FF2D55’를 설
정한 다음 Thickness(선 두께)를 ‘1’로 설정합니다.

3 설정

4 설정
5 체크 표시 해제
1 2 드래그

6 클릭 8 설정
7 설정

2 인스펙터에서 ‘No Layer Style’을 클릭한 다음 ‘Create new Layer Style’을 선택합니다.
레이어 스타일 이름을 ‘Border/Primary’로 지정합니다.

2 지정

1 클릭

Tip
하나의 도형에서 Border와 Fill을 한꺼번에 스타일로 지정할 수 있지만, 두 개의 도형을 이용해서 Border와 Fill을 나눠 각각
레이어 스타일을 지정했습니다. 그 이유는 나중에 디자인을 다시 사용할 때 Border 색상 또는 Fill 색상만 따로 수정할 경우
빠르게 해당 스타일을 선택하여 지정하기 위해서입니다.

/ 230

스케치 라스트.indb 230 2018-09-07 오후 2:26:53