스케치에서 라이브러리를 사용하는 방법은 간단합니다

라이브러리는 심볼, 텍스트 스타일 및 레이어 스타일과 같은 요소를 포함하는 스케치 문서로, 팀 전체의 다른 모든 문서에서도 공유 할 수 있습니다.

Mac 용 스케치 스케치

라이브러리의 구성 요소를 업데이트 할 때 해당 구성 요소를 사용하는 문서는 업데이트 알림을받습니다. 이러한 변경 사항을 검토하고 유효성을 검사하여 항상 현재 작업에 최신 구성 요소를 사용하도록 할 수 있습니다.

라이브러리는 협업 디자인 팀에 매우 유용하며 아이콘, 인터페이스 요소 또는 브랜드와 같은 구성 요소를 공유해야합니다. 그러나 혼자서 작업하더라도 여전히 유용합니다. 라이브러리를 사용하면 일반적인 구성 요소 (예 : Apple의 iOS UI 요소)를 디자인에 빠르게 삽입하고 항상 최신 상태로 유지할 수 있습니다.

라이브러리 추가

스케치> 환경 설정을 선택 하거나 ⌘+를 눌러 스케치 환경 설정을 열고 라이브러리, 탭을 클릭하십시오 . 여기에서 라이브러리 스케치 문서를 창으로 드래그하거나 라이브러리 추가 ... 버튼 을 사용하여 원하는 데이터를 추가 할 수 있습니다.

라이브러리 공유

클라우드 서비스, Sketch for Teams 또는 Cloud를 통한 공유 또는 서버에 업로드 및 업데이트를 위해 RSS를 사용하는 등 다른 방법으로 라이브러리를 공유하는 방법에는 여러 가지가 있습니다.

Dropbox 또는 Google Drive 와 같은 클라우드 서비스를 사용하여 라이브러리를 공유하는 것은 Sketch 문서를 업로드하고 필요한 사람과 공유하는 것만 큼 간단합니다. 업데이트 할 때마다 Sketch에 알림이 표시됩니다.

Sketch Cloud 를 사용하여 라이브러리를 공유하는 것도 간단합니다. 이 클라우드에 문서를 업로드하고 설정을 열고 라이브러리로 사용을 선택한 다음 변경 사항 저장 을 클릭 하십시오 .

Sketch Cloud에서이 라이브러리 문서를 공유하는 사람 은 문서 개요에서 스케치에 라이브러리 추가 버튼 을 클릭하여 라이브러리로 추가하고 Sketch 에서 업데이트시 알림을받을 수 있습니다.

Sketch for Teams와 라이브러리 공유

팀이 공유하고 발견 한 라이브러리의 일부인 경우 훨씬 간단합니다. 문서를 팀 작업 환경에 업로드하고 코그 아이콘을 클릭하여 설정을 연 다음 라이브러리로 사용을 선택하고 변경 사항 저장을 클릭하십시오 .

Mac 애플리케이션으로 돌아 가면 환경 설정의 라이브러리 탭에서 작업중인 팀의 전체 클라우드 라이브러리가 표시됩니다. 스크롤하여 필요한 라이브러리를 찾을 수 있습니다. 라이브러리를 사용하려면 Install을 누르 십시오 .

라이브러리를 공유하기 위해 RSS와 서버 를 사용 하는 것은 조금 더 복잡합니다. 먼저, 서버에서 해당 라이브러리 문서를 호스팅해야합니다. 그런 다음 다음과 같은 XML 파일을 작성해야합니다.

이 XML 파일에서 다음을 편집해야합니다.

• <title> -스케치에 표시 될 라이브러리의 이름입니다.
• <image> <url> -Sketch가 라이브러리에 사용하려고하는 기본 썸네일 URL입니다. 공개적으로 액세스 할 수있는 이미지 URL을 가리 킵니다.
• <item> -항목 태그 사이의 정보는 새 라이브러리 버전을 만들 때 업데이트하려는 것입니다. 피드에는 상품 태그 만 필요합니다.

해당 섹션 태그에서 각 업데이트에 대해 다음을 포함해야합니다.

• <pubDate> -RFC822 형식의 라이브러리 업데이트 공개 날짜.
• <enclosure> -첨부 파일 태그에는 url, type & sparkle : version의 3 가지 속성이 있습니다. 이 URL 은 라이브러리 문서의 서버 위치를 직접 가리켜 야하며 유형 은 "application / octet-stream"이어야하며 마지막으로 sparkle : version 은 최신 업데이트 버전 번호입니다.

XML 피드와 Sketch 파일을 모두 http 또는 https 형식의 URL로 저장했는지 확인하고 둘을 결합하지 마십시오.

마지막으로 Meyerweb URL 인코더와 같은 도구를 사용하여 URL 피드 XML을 인코딩하고 다음과 같이 추가하십시오.

스케치 : // 라이브러리 추가? url =

브라우저에 전체 URL ( 스케치 : // 암호화 된 URL의 끝까지)을 입력하여 Sketch를 열고 공유 라이브러리를 추가하십시오.

라이브러리 아이콘

라이브러리를 추가하면 구성 요소 패널 상단에 라이브러리가 나타납니다. 라이브러리 이름을 클릭하면 라이브러리에서 심볼, 텍스트 스타일 및 레이어 스타일을 선택하고 캔버스로 드래그 할 수 있습니다. 기호 아이콘 대신 삽입 메뉴에서 라이브러리 기호에 액세스 할 수도 있습니다 . 연관된 아이콘은 해당 아이콘이 라이브러리의 일부임을 나타냅니다.

심볼을 변경할 때 심볼에 라이브러리 심볼도 있습니다.

라이브러리 심볼을 편집하는 방법

라이브러리 기호를 두 번 클릭하여 편집하면 Sketch는 라이브러리 파일이 추가 된 위치에 따라 여러 옵션을 제공합니다.

Personal Cloud의 로컬 라이브러리 또는 라이브러리에 속하는 심볼을 두 번 클릭하면 다음 옵션이 표시됩니다.

• 라이브러리에서 열면 기본 라이브러리 문서로 이동하여 기본 버전의 Symbol을 편집 할 수 있습니다. 그러면 해당 아이콘 버전으로 라이브러리 및 모든 문서가 업데이트됩니다.
• 라이브러리에서 연결 해제 하면 로컬 버전의 Symbol이 만들어져 현재 문서에서 원래 버전을 편집 할 수 있습니다. 즉, 라이브러리가 처음 업데이트되면 더 이상 해당 아이콘 업데이트를받지 못합니다.

클라우드에서 팀 라이브러리의 심볼을 편집하려는 경우 다음 옵션이 표시됩니다.

• 라이브러리에서 열기 는 클라우드에서 원본 라이브러리 문서를 엽니 다. 모든 변경 사항은 모든 팀 구성원이 볼 수 있도록 라이브러리로 업데이트됩니다. 해당 아이콘 버전의 모든 문서에는 해당 변경 사항이 반영됩니다.
• 라이브러리에서 링크 해제 하면 로컬 버전의 Symbol이 만들어져 현재 문서에서 원본을 편집 할 수 있습니다. 이는 원래 라이브러리가 업데이트 된 경우 더 이상 해당 아이콘 업데이트를받지 못함을 의미합니다.

팀 라이브러리를 사용하는 경우 여기에서 기본 심볼을 편집 할 때 더 조심하십시오. 변경하고 저장 한 모든 내용은이 라이브러리를 사용하는 모든 사람에게 전송됩니다.

편집하려는 심볼이 타사 라이브러리에 속하는 경우. 예를 들어 Apple iOS UI 키트에는 라이브러리 에서 연결 해제 옵션 만 있습니다 .

도서관 스타일

심볼 외에도 라이브러리를 사용하여 텍스트 및 레이어 스타일을 공유하고 동기화 할 수 있습니다. 구성 요소 패널에 나타나고 Inspector의 모양에 팝업 구성 요소가 나타납니다. 삽입 메뉴를 통해 텍스트 및 레이어 스타일에 액세스 할 수도 있습니다. 기호와 마찬가지로 라이브러리 스타일에는 그룹 이름 옆에 연결된 아이콘이있어 라이브러리의 일부임을 나타냅니다.

라이브러리 스타일을 편집하는 방법

문서에서 라이브러리 스타일 (레이어 스타일 또는 텍스트 스타일)을 사용하고이를 사용하여 레이어를 편집하려는 경우 검사기의 모양 패널에 몇 가지 옵션이 있습니다.

• 편집하기 전에 현재 선택한 스타일에서 새 로컬 스타일 만들기를 선택할 수 있습니다 . 이 조치는 라이브러리에서 해당 유형의 링크를 제거하고 문서에서 새 로컬 스타일을 작성합니다.
• 또는 원래 버전에서 스타일 분리 를 선택 하여 라이브러리에서 링크를 제거하지만 새 로컬 스타일은 만들 수 없습니다.
• 라이브러리 스타일을 편집하는 경우 새 스타일 만들기 및 바꾸기 를 선택 하여 라이브러리에서 링크를 연결 해제하고 새 로컬 스타일을 만든 다음 동일한 스타일을 가진 문서의 모든 레이어에 변경 사항을 적용 할 수 있습니다. 사용됨. 또는 스타일 재설정 을 선택 하여 변경 사항을 되돌릴 수 있습니다 .
• 스타일이 타사 라이브러리의 일부가 아닌 경우 라이브러리에서 스타일 편집 을 선택 하여 해당 스타일이 포함 된 라이브러리 문서를 열 수 있습니다 .

참고 : 원본 라이브러리 문서에서 스타일을 편집하면이 라이브러리를 사용하는 모든 사람에 대해 해당 스타일이 업데이트됩니다.

라이브러리에 대한 사전 설정을 만드는 방법

심볼, 텍스트 및 레이어 스타일과 같이 라이브러리를 사용하여 단색, 그라디언트 또는 이미지 사전 설정을 동기화하고 공유 할 수 있습니다. 예를 들어 색상에 대한 라이브러리 사전 설정을 만들려면 라이브러리 문서를 채우는 팝 오버에서 색상을 선택하고 문서 색상 에서 사전 설정으로 추가하십시오 .

이제 해당 라이브러리를 사용하여 문서에서 작업 할 때 채우기 창에서 이러한 이전 설정 위의 제목을 클릭 한 다음 라이브러리 이름을 선택하여 사용 가능한 전체 라이브러리 사전 설정을 미리 봅니다.

업데이트 된 라이브러리 구성 요소

문서에 사용 된 라이브러리 구성 요소 (심볼, 텍스트 스타일 또는 레이어 스타일)가 업데이트되면 스케치 소프트웨어 창의 모서리에 사용 가능한 라이브러리 업데이트 배지 가 표시됩니다. 클릭하면 구성 요소 업데이트가 포함 된 대화 상자가 나타납니다.

구성 요소를 선택하여 변경 사항을 확인하고 문서에서 업데이트하려면 해당 상자를 선택하십시오. 구성 요소를 업데이트하지 않으려면 구성 요소를 선택 취소하십시오. 완료되면 구성 요소 업데이트를 클릭하십시오 .

심볼 업데이트를 중지하려면 문서에서 임의의 버전을 두 번 클릭 하고 라이브러리에서 링크 해제를 클릭하십시오 . 이 작업을 수행하면 해당 심볼 페이지에 로컬 아이콘이 생성됩니다.

맞춤형 라이브러리 아바타 만들기

문서 어딘가에 라이브러리에 대한 사용자 정의 미리보기 창을 만들려면 정사각형 대지 (1 : 1)를 만든 다음 이름을 "Library Preview"로 지정하십시오.

위는 Sketch 그래픽 디자인 소프트웨어에서 라이브러리 기능을 사용하는 방법 입니다. 기사가 도움이되기를 바랍니다.