[번역] 라이브러리

스케치 사용자 매뉴얼 Sketch User Manual

by Jongmin Park

스케치 공식 홈페이지의 매뉴얼만으로도 처음 시작할 때 큰 도움이 될 것입니다.

비공식 번역으로 자세한 내용은 원문을 참고하시기 바랍니다.
원문: https://www.sketchapp.com/docs/


라이브러리

여러 디자이너가 협업할 때 최상의 디자인을 만들 수 있습니다. 라이브러리를 이용해 문서에 같은 공유 심볼을 사용하고 항상 최신상태로 동기화할 수 있습니다.


https://youtu.be/cz1t_oo6k9c


라이브러리는 다른 스케치 문서에 사용할 수 있는 심볼을 포함한 스케치 문서입니다. 라이브러리 파일에서 심볼을 업데이트하면 해당 심볼의 인스턴스가 포함된 모든 문서에 업데이트되고 알림이 표시됩니다.변경 사항을 미리보고 확인할 수 있으며 이 방식으로 문서에 사용된 요소들을 최신 상태로 유지할 수 있습니다.

library-changes@2x.jpg

여러 디자이너들과 팀으로 일하고 있다면, 스케치의 라이브러리가 도움이 될 것입니다. Dropbox 폴더나 GitHub의 저장소와 같이 읽기 권한이 있는 곳에 문서를 저장하고 Libraries in Preferences에 문서를 추가하면 해당 심볼에 쉽고 빠르게 접근 할 수 있습니다.




나를 위한 라이브러리가 있나요?

사람 수와 관계없이 누구나 사용할 수 있습니다. 개인 디자이너는 일반적으로 사용하는 구성 요소의 심볼을 Insert 메뉴에서 곧바로 삽입 할 수 있어 많은 이점을 얻을 수 있습니다. 기본적으로 'iOS UI 디자인' 템플릿이 라이브러리에 추가되어 있어 다음 디자인을 위해 빌딩 블록 디자인에 사용할 수 있습니다. 기존 문서를 라이브러리로 추가하거나 새 문서를 만들어 앞으로 모든 새 문서에 심볼을 사용할 수 있습니다. 이 방식으로 어떤 변경 사항이라도 쉽게 업데이트할 수 있습니다.

팀으로 작업하는 디자이너는 최신 버전의 아이콘이나 회사의 스타일 가이드에서 제공하는 최신 브랜딩을 사용 라이브러리의 기능을 유용하게 사용할 수 있습니다. 라이브러리 문서를 분리하면 내 문서에만 심볼이 업데이트되도록 할 수 있어 실수로 모든 동료 문서를 망가뜨리지 않습니다!

다른 팀 멤버가 라이브러리 심볼을 변경하면 변경 사항을 검토하고 자신의 문서에 적용하기 전에 이상이 없는지 확인해야 합니다.




라이브러리 추가하기

라이브러리를 추가하려면 심볼이 포함된 스케치 문서만 있으면 됩니다.


여러 문서에서 사용할 심볼이 포함된 문서를 만든 뒤 라이브러리로 사용하려면 Sketch 's Preferences (Command-Comma)를 열고 Libraries 탭으로 이동하세요.

여기서 이미 Library - Sketch's iOS UI 디자인 템플릿으로 설정된 문서를 확인할 수 있습니다. 리스트의 확인란을 클릭하여 심볼이 Insert 메뉴에서 나타나지 않도록 설정하거나 해제할 수 있습니다. 미리보기를 통해 라이브러리를 자세히 볼 수 있습니다. 리스트의 오른쪽에 나타나는 훑어보기 아이콘을 클릭하세요.

문서를 라이브러리로 추가하려면 Preference 창의 오른쪽 하단에 나타나는 "Add Library..."버튼을 클릭하고 파일에서 문서를 선택하세요. 이제 심볼을 다른 문서에 적용할 수 있습니다!

library-preferences@2x.jpg

라이브러리 리스트의 맨 아래에서 설정 아이콘을 클릭하면 라이브러리 열기, 비활성화, 제거를 선택할 수있는 메뉴가 나타납니다. 라이브러리의 수에 제한이 없으며 각 라이브러리의 심볼은 심볼 메뉴에서 깔끔하게 구분됩니다.



외부 라이브러리

스케치 문서의 심볼을 라이브러리를 통해 친구나 동료와 공유할 수 있습니다. 컴퓨터에 라이브러리로 사용하려는 문서를 저장하는 대신 로컬 서버, 클라우드 서비스 또는 접근할 수 있는 버전 제어 시스템에 문서를 추가하십시오.

예를 들어 Dropbox로 라이브러리 문서를 저장하면, 파일 위치를 라이브러리 리스트에 추가하면 됩니다.친구 및 동료가 Dropbox 폴더에서 같은 문서로 열면 동일한 라이브러리를 불러올 수 있습니다. 즉, 실시간으로 문서의 변경사항을 업데이트할 수 있습니다.



라이브러리 심볼

라이브러리가 추가되면 이제 문서에 심볼을 사용할 수 있습니다. 라이브러리의 심볼은 일반 (로컬) 심볼과 완전히 동일한 방식으로 추가할 수 있습니다. 팝업 메뉴에서 Insert> Symbol을 선택하고 라이브러리의 인스턴스 심볼을 캔버스에 추가하세요.

library-insert@2x.jpg

라이브러리 심볼은 심볼과 같으면서도 약간 다릅니다. 레이어 리스트에서 가져온 라이브러리 심볼을 로컬 심볼과 쉽게 구별 할 수 있는 아이콘이 표시됩니다.

라이브러리를 설정하면 심볼을 문서에 삽입하거나 Inspector를 이용해 심볼을 라이브러리의 심볼과 바꿀 수 있습니다. 심볼의 이름을 클릭하고 팝업 메뉴에서 라이브러리의 심볼을 선택하면됩니다.

library-symbol-swap@2x.jpg

라이브러리 심볼 편집

라이브러리 심볼을 두 번 클릭하여 편집하려고 하면 해당 심볼이 외부 라이브러리에 속해 있음을 알리는 창이 뜨고 원하는 작업을 묻는 메시지가 나타납니다.

library-symbol-editing@2x.jpg

라이브러리 원본 문서에서 심볼을 열면 마스터 심볼이 속한 문서이므로 심볼을 편집 할 수 있습니다. 여기에서 변경된 사항이 심볼이 사용된 모든 문서에 적용됩니다. 문서를 열 때 라이브러리 변경 사항을 수락하면 심볼이 적용된 모든 문서에 업데이트됩니다.


주의 : 팀원과 함께 라이브러리 문서를 사용하는 경우 원본 문서에서 심볼을 편집할 때 특히 주의하세요. 시니어 프로덕션 디자이너가 파일이 읽기 전용으로 설정해 일부 사용자의 접근을 제한할 수 있습니다.(즐겨 찾는 동기화 도구의 문서에서 이 작업을 수행하는 방법을 확인해보세요). 라이브러리 심볼에 대한 변경 사항은 문서를 저장 한 후 해당 라이브러리의 모든 사용자가 수신할 수 있습니다. 이에 대한 자세한 내용은 Library Update 페이지에서 확인할 수 있습니다.


라이브러리에서 심볼 분리

다른 문서에 영향을 주지 않고 심볼을 편집하기 위해 라이브러리와 연결을 해제할 수 있습니다. 심볼을 로컬 심볼로 변환해 사용자의 문서에서 직접 심볼을 편집할 수 있습니다. 라이브러리에서 심볼의 링크를 해제하면 해당 심볼이 로컬 문서의 심볼 페이지에 추가됩니다.


참고 : 라이브러리에서 심볼의 연결을 해제하면 더 이상 라이브러리 심볼의 변경사항이 업데이트되지 않습니다. 라이브러리 심볼을 사용하는 다른 문서는 심볼을 해당 문서에서 연결 해제하지 않는 한 업데이트됩니다.


가져온 심볼 정리

라이브러리에 관계없이 문서에서 사용 중인 모든 외부 심볼을 추적 할 수 있습니다. Inspector에서 심볼 이름을 클릭하고 팝업 메뉴에서 Organize Imported Symbols…을 선택합니다.

모든 라이브러리 심볼 리스트이 창에 뜹니다. 항목을 선택하면 라이브러리에서 심볼을 편집하거나 링크를 해제할 수 있습니다.

imported-symbols@2x.jpg



라이브러리 업데이트

라이브러리는 문서에서 심볼에 쉽게 접근 할 수 있을뿐만 아니라 라이브러리에서도 심볼을 업데이트 할 수 있어 디자인을 항상 최신 상태로 유지할 수 있습니다.


변경 사항 수락

위에서 라이브러리에 속한 심볼 편집에 대해 이야기했지만 심볼을 변경 한 후 문서로 돌아 가면 해당 변경 사항을 문서에 적용할지 여부를 선택할 수 있습니다.

라이브러리 심볼을 편집하고 문서로 돌아 오면 응용 프로그램 윈도우의 오른쪽 상단 모서리에 자주색 라이브러리 업데이트 가능 알림이 표시됩니다. 이 버튼을 클릭하면 문서의 일부 심볼이 이전 것임을 알리는 대화 상자가 나타납니다.

library-updates-available@2x.jpg

여기에는 갱신되기를 기다리는 라이브러리 심볼 리스트과 "Old"및 "New"미리보기가 표시되어 변경 사항을 확인할 수 있습니다. 확실하지 않거나 나중에 다시보고 싶은 변경 사항이 있는 경우 체크박스 선택을 해제하면 됩니다.

library-changes@2x.jpg

'Update Symbols'를 클릭하면 체크 박스가 체크된 심볼을 업데이트합니다. 문서의 모든 페이지에 사용된 모든 인스턴스 심볼이 변경됩니다.

변경하고 싶지 않은 내용이 있으면 캔버스에서 해당 인스턴스를 두 번 클릭하고 "Unlink from Library"를 클릭하십시오. 그러면 라이브러리 심볼이 "Symbol"페이지에 속한 로컬 심볼로 바뀝니다.

library-symbol-editing@2x.jpg


keyword
매거진의 이전글[번역] 심볼