ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko km ko ko ko ko km ko pl ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko fr ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
심볼만 알면 디자인 수정이 두렵지 않다 - 스케치 강좌 | 디자인베이스
홈 스케치 #5 심볼만 알면 디자인 수정이 두렵지 않다 – 스케치 강좌
스케치 강좌 다섯 번째입니다. 이번에는 스케치의 핵심 기능 중 하나인 심볼에 대해 알아보겠습니다. 심볼만 제대로 사용한다면, 포토샵으로 작업하는 것보다 훨씬 작업 능률을 올릴 수 있습니다. 라이브러리처럼 등록하고 손쉽게 사용해보세요.
*스케치 툴은 Mac OS에서 사용이 가능합니다.
스케치 강좌 중 나름 핵심 기능에 속하는 강좌입니다. 꼭 배워두시는 게 좋아요~!
스케치의 심볼 기능을 안다면, 포토샵으로 작업할 경우 2시간이 걸릴 작업을 1시간이면 할 수 있습니다.
UI 디자인 특성상 유지 보수를 위한 잦은 수정이 필요하죠. 그럴 때도 빛을 바랍니다. 심볼로 등록되어있다면, 아주 손쉽게 수정이 가능하죠.
로고 전체적으로 사이즈 키워주세요.
아이콘 두께를 전체적으로 조금만 두껍게 바꿔주세요.
버튼에 들어가는 컬러는 모두 이 색으로 수정해주세요.
앱 내에 있는 제목 전체다 크기는 키워주실 수 있죠?
이런 수정을 아무렇지 않게 자주 요청한다면… 그리고 포토샵으로 작업한 UI로 수정하려고 한다면 어떻게 하시겠어요…? 아주 진절머리 나겠죠..?
스케치에서 심볼 등록하는 방법은 간단합니다. 심볼로 등록할 오브젝트를 선택하고, Create Symbol을 눌러줍니다. 그러면 심볼 이름을 입력할 수 있습니다.
*심볼 이름을 등록할 때 팁!
이름 중간에 ‘/’을 넣으면 심볼에서 폴더로 구분이 됩니다. 예시처럼 3_icons / weather / icon_cloud라고 하면 3_icons 하위에 weather, 그 아래 icon_cloud가 있게 됩니다. 직접 해보시면 무슨 말인지 알 거예요. ^^
손쉽게 심볼 교체하는 방법입니다. 심볼로 만든 레이어를 선택하면 우측 inspector 창에서 Symbols 영역을 누르면 등록해놓은 다른 심볼로 쉽게 교체가 가능합니다.
심볼이 좋은 이유 중 하나는 바로, 데이터만 수정이 가능하다는 점입니다. Overrides 기능을 통해 심볼이나 심볼의 컬러, 텍스트 값 등을 손쉽게 바꿀 수 있습니다. (포토샵에서는 스마트 오브젝트와 절대 비슷하지 않아요. 그냥 불가능한 점이죠.)
이것으로 스케치 심볼에 대해 알아봤습니다. 참 유용하겠죠? 다음 강좌로는 스케치의 스타일에 대해 알아볼게요. 텍스트 스타일과 레이어 스타일로 나뉘는 데, 심볼과 비슷한 정도로 유용합니다.
#12 수채화 효과 주는 방법 – 포토샵 실전 강좌
#4 반응형 웹디자인을 위한 최적화된 그리드 시스템 – 스케치 강좌
#1 그래픽 디자인 이중 노출 효과 주기 (Double Exposure Effect) – 포토샵 실전 강좌
웹 주소 URL 짧게 만들어 주는 웹사이트
디자이너에게 가장 힘든 클라이언트 유형은?
디자인 입문자가 꼭 참고해야 할 사이트
New 맥북 16인치 목업
iPhone 13 Pro Max 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.