[Design 원데이] 스케치 툴 (2)

1. 도형

1) 그룹화 (Command + G), 그룹 해제 (Command + Shift + G)

그룹화, 그룹 해제

2) 도형 Union, Substract, Intersect, Difference

도형 Union

3) 도형 Scale (Command + K)

생성한 도형의 크기를 키울때, 테두리도 동일하게 두꺼워져야하는게 정상이기에 Scale 기능을 사용하여 도형의 크기를 설정한다.

도형 Scale

※ 생성된 아이콘 도형은 Make Exportable 기능으로 제플린에 업로드할 수 있거나 혹은 바탕화면으로의 드래그&드랍으로 추출 가능

 

 

 

2. Style

1) Style 기본 복붙 (Option + Command + C, Option + Command + V)

단축키를 이용하여 똑같은 Style을 적용이 가능하다.

Style 기본 복붙

2) Style 저장 & Style명 구조화

기본적으로 Style은 Inspector에서 저장이 가능하다. Style명을 바꾸기 위해서는 Inspector - More - Rename Style을 통해 수정을 하고, Style명을 바꿀때 구조화하여 저장한다(icon / Style).

Style 저장

Style명 구조화

 

 

 

3. 네이밍

기본적으로 네이밍을 통해 구조화가 가능하다. Style명을 'icon / Style'로 구조화했을 경우 해당 개체명도 'icon / Style / cloud' 형태로 수정이 된다. (개체명은 추출 시의 개체명)

네이밍

 

 

 

4. Mask

Style 저장과 다른 방법이며 스케치에서 많이 사용한다. 이미지를 마스킹하여 원하는 이미지를 넣기 위한 방법이다.

Mask

 

 

 

5. 도구

Option 키를 이용하여 각 개체간의 떨어진 간격 확인 가능하다. Option 키 +  드래그 & 드랍으로 개체를 복사할 수 있고 Command + D를 이용하여 원본과 처음으로 복사된 개체 사이의 간격을 유지하며 똑같이 복사가 가능하다.

도구

 

 

 

6. Symbol

1) Symbol 생성

Symbol로 복사된 개체의 동일한 부분을 수정하여 반복적인 일을 줄일 수 있다.

Symbol 생성 및 적용

※ Command 키를 누른 상태에서 그룹화된 개체의 내부 개체를 선택 가능

2) Override

Symbol 수정은 복사된 개체들의 수정으로 이루어지므로 특정 개체의 수정을 하게 되었을 경우 사용한다. Symbol에서의 개체명은 Override명이 된다.

Override

※ Override명 순서는 Symbol에서의 개체 순서가 됨

3) Symbol 도형 역할 설정

Symbol 도형에 이미지를 넣게 되면 이미지 도형으로 인식하는 동시에 Override가 가능하다. (Data - Sketch Data - Faces)

Symbol 도형 역할 설정

4) Symbol 안에 Symbol

Symbol 내에 또 다른 Symbol 설정 시 선택적으로 사용할 개체로 생성이 가능하다. (No Symbol 옵션)

Symbol 안에 Symbol

5) Symbol Style

Symbol Style

6) Symbol Mask

Symbol에서 Mask를 적용할 개체위에 도형을 제작하고 제작한 도형을 Symbol화 한 뒤 Mask 할 대상과 Masking한다.

Symbol Mask

 

 

 

7. 화면 리사이징

기본적으로 생성한 Artboard의 설정을 통해 내부의 개체도 동일하게 Artboard 크기에 맞춰서 조절을 해야한다. 리사이징 시 Artboard가 늘어나면서 생기는 여백으로 인해 생기는 문제들은 각 개체들의 리사이징 및 위치 선정으로 해결할 수 있다.

Adjust content on resize 설정 전 / 후

개체 리사이징 및 위치 선정을 통한 화면 리사이징 결과