스케치 검토 및 평가

경쟁 우위를 점유 한 Sketch는 이제 많은 개발자들이 디자이너가 레이어 화 된 Photoshop 파일 대신 Sketch 파일을 전달하는 것을 선호하는 시점에 인터페이스 프로토 타입 제작 도구 인 Photoshop을 능가 할 준비가되어 있습니다. Photoshop과 달리 Sketch 그래픽 소프트웨어는 대화식 인터페이스를 디자인하기 위해 처음부터 구축되었습니다. 클라이언트가 데스크톱, 랩톱, 태블릿 또는 휴대 전화에서 디자인을 클릭, 스 와이프 또는 탭할 때 발생하는 상황을 미리 볼 수 있도록 라이브 구성 요소를 만듭니다. 이로 인해 Photoshop을 사용하여 데스크탑 및 모바일 장치 용 사용자 인터페이스를 만드는 디자이너는 Sketch를 더 자세히 볼 수 있습니다.

네덜란드 출신의 Sketch는 웹 및 앱 디자인의 대화식 프로토 타입 제작에 중점을 둔 Mac 전용 벡터 디자인 프로그램입니다. Sketch가 생산하는 작업 디자인의 종류를 통해 고객은 모든 것이 어떻게 보이고 반응하는지 더 잘 느낄 수 있습니다. 이를 통해 기능 (사용자 인터페이스 또는 UI) 및 사용자 경험 (UX)에 대한 유용한 피드백을 제공 할 수 있으며 결과적으로 개발 단계 이전에 사전 승인을 통해 좌절을 막고 시간과 비용을 절약 할 수 있습니다.

Sketch의 비교적 최근 (2008 년) 개념은 화면의 협업 디자인에 초점을 맞추 었으므로 Photoshop보다 우위에 있습니다.이 화면은 30 년 전에 단어 화면 이 하프 톤의 밀도 측정과 관련이 있었을 때 데뷔했습니다. 디자이너는 인터페이스 디자인 파일을 구성하고 넘겨주기 위해 Adobe Photoshop에 의지하기 시작했습니다. 인터페이스 디자인 파일은 해당 목적을 위해 특별히 제작 된 도구가 아니라 작업을 수행하는 데 가장 적합한 도구이기 때문입니다.

그러나 UX 디자인 공간에서 Sketch 만있는 것은 아닙니다. 2016 년에 Adobe의 Windows 및 Mac 용 Creative Cloud의 일부로 출시 된 Adobe XD (XD는 Experience Design의 약자)는 인터 프레이밍 및 대화식 클릭 연결 프로토 타입 제작을위한 벡터 기반 도구입니다.

"세계에서 가장 강력한 화면 디자인 툴"로 알려진 두 번째 벡터 기반 경쟁 업체는 헤비급 디자인 시스템 관리 플랫폼 인 InVision의 스튜디오 인 InVision (한 개의 프로토 타입은 무료, 무제한 프로토 타입은 한 달에 25 달러)입니다. Sketch 및 XD와 달리 Studio에는 내장 된 고급 애니메이션 모듈이 있습니다. Sketch에서 수행 한 작업은 자체 Craft Manager 플러그인을 사용하여 InVision 플랫폼과 동기화 할 수 있습니다. Adobe는 제한된 (2GB) 저장 용량과 Adobe Fonts 컬렉션의 일부를 사용하는 무료 XD 스타터 플랜을 제공합니다. XD 정식 버전은 Adobe Creative Cloud (CC) 구독의 일부로 단일 앱의 경우 월 20.99 달러, Illustrator, InDesign 및 Photoshop을 포함한 모든 Creative Cloud 앱의 경우 연간 54.99 달러에서 사용할 수 있습니다.

Sketch는 개인용으로 장치 (컴퓨터 또는 모바일) 당 연간 $ 99의 비용이 드는 구독 모델의 변형을 사용합니다. 여기에는 1 년의 업데이트와 온라인 공유 및 공동 작업을위한 Sketch Cloud가 포함되며, 이후 정기적으로 업데이트 및 클라우드 혜택을 받기 위해 현재 버전을 계속 사용하거나 연간 $ 69로 갱신 할 수 있습니다. 볼륨 라이센싱의 범위는 2 ~ 9 개 장치의 경우 장치 당 연간 $ 64에서 50 개 이상의 장치의 경우 각각 49 달러입니다.

라이센스를 구매할 때 단일 시트 (한 대의 컴퓨터에서만 사용) 만 사용할 수 있다는 점은 주목할 가치가 있습니다. 데스크탑 및 랩톱과 같은 여러 Mac을 사용하는 경우 운이 좋지 않으며 두 개의 시트를 구입해야합니다. 많은 서브 스크립 션 기반 앱은 사무실의 데스크톱과 집의 랩톱에서 열심히 일하는 열심히 일하는 크리에이티브에게 라이센스 당 두 자리를 허용합니다. 새 Mac에서 Sketch를 사용하거나 드라이브를 다시 포맷해야하는 경우 이전의 기계 / 드라이브에서 Sketch를 등록 취소 한 다음 다시 등록해야한다는 불편이 있습니다.

시작하기

스케치는 회사 사이트 (sketchapp.com)에서 쉽게 다운로드 할 수 있습니다. 신용 카드없이 30 일 무료 평가판이 제공됩니다. 스케치에는 MacOS 10.13.4 (High Sierra) 이상이 필요합니다. 이 회사는 수백 개의 대지가있는 복잡한 여러 페이지 문서로 작업하는 경우보다 강력한 RAM로드 Mac 중 하나를 권장합니다. 2.9GHz Intel Core i9 프로세서, 32GB RAM 및 Radeon Pro 560X 그래픽 카드를 사용하여 MacBook Pro 2018에서 Sketch 53.2를 테스트했습니다.

다운로드 페이지에서 바로 Sketch는 초보자 안내서, 광범위한 문서, 튜토리얼 및 팁, 소셜 미디어 및 개발자 커뮤니티, 블로그 및 채팅, Dribble에 대한 링크를 제공합니다. 글로벌 디자인 커뮤니티 모임 및 행사 목록을 확인하는 것은 반갑고 고무적입니다. 또한이 사이트는 와이어 프레임 키트, 모바일 UI 키트, 템플릿, 모형, 대시 보드, 개념 및 아이콘을 포함한 다양한 무료 및 프리미엄 Sketch App UX / UI 리소스를 제공합니다.

인터페이스와 캔버스

예를 들어 리드를 스케치하고 플로팅 패널이없는 세 개의 기본 섹션이있는 깨끗하고 상황에 맞는 UI를 제공합니다. Mac 사용자 인 경우 Sketch UI는 Pages, Numbers 및 Keynote와 같은 Apple 앱의 인터페이스에서 모델링되므로 익숙합니다. 이 최신 버전에서는 Apple의 Dark Mode가 지원됩니다.

화면 왼쪽에는 레이어 인벤토리, 해당 레이어 및 대지의 개별 컨텐트 항목 및 그 위에 명명 된 컨텐트가있는 페이지 목록이 있습니다. 오른쪽에는 선택한 레이어의 내용 속성을 사용하여 바이올린을 볼 수있는 검사기가 있습니다. 툴과 액션이 포함 된 툴바가 있습니다. 중앙 무대는 마법을 만드는 캔버스입니다.

페이지 목록을 사용하면 레이어를 쉽게 구성, 할당 또는 변경할 수있을뿐만 아니라 컨텐트 항목의 이름, 그룹, 선택 및 복제를 통해 작업 흐름을 효율적으로 수행 할 수 있습니다. 개발자에게 파일을 전달할 때 최고의 모양입니다.

스케치는 제작하기 쉬운 라이브러리, 텍스트 및 레이어 스타일, 심볼 인스턴스 및 사전 설정을 사용하여 일반적인 작업을 용이하게하거나 자동화하여 워크 플로우를 윤활합니다. 또한 스케치 기능을 다양한 방식으로 확장 할 수있는 수백 가지의 시간을 절약 할 수있는 UI 키트, 템플릿 및 플러그인이 있습니다.

스케치에서 그리기 및 조판

치타가 실행되면 스케치는 프로토 타이핑입니다. 치타는 확실히 걸을 수 있지만 진화 한 것은 달리고 있습니다. 마찬가지로 Sketch에서 절대적으로 그릴 수 있지만 괜찮습니다. 그러나 Sketch에서 특별한 점은 프로토 타입입니다. 여전히 Sketch의 그리기 도구로 수행 할 수있는 작업에 대한 개요를 살펴볼 가치가 있습니다.

모든 컨텐츠 작성, 가져 오기 및 조립은 삽입 드롭 다운을 클릭하여 시작합니다. 여기에는 예상 모양, 그림 및 텍스트 도구가 있습니다. 편리하게 오른쪽으로 가져 오기, 정렬 및 배포와 같은 정렬 작업이 있습니다. Union, Subtract, Intersect 및 Difference와 같은 비파괴 기본 부울 도구입니다. 직관적이고 효율적인 벡터 도구를 사용하면 모양, 점 및 베 지어 곡선을 만들고 편집 할 수 있습니다. Sketch는 필수 그리기 작업을 처리 할 수 ​​있지만 Illustrator는 아니며 그럴 필요도 없습니다.

Sketch의 기본 타이포그래피는 친숙한 Microsoft Word와 유사한 기능과 함께 그림자, 채우기 및 테두리 장식 옵션을 사용하여 간단합니다. 예를 들어, 탭을 지원하지 않는 유형의 블록을 포맷하려면 Sketch에서 약간의 수동 작업이 필요할 수 있습니다. 원하는 효과를 시뮬레이션하려면 스페이스 키를 사용해야합니다. 반응 형 레이아웃을 디자인 할 때는 복잡한 조판이 필요 없기 때문에 다양한 크기의 장치에서 볼 때 활자체 (크기, 줄 바꿈, 하이픈 등)가 변경됩니다.

프로토 타이핑 및 반응 형 디자인

다른 드로잉 프로그램 (Adobe XD와 매우 유사)과 달리 Sketch는 대화식 프로토 타입을 쉽게 제작할 수 있습니다. 사이트 또는 앱 (UI)의 경로와 경험 (UX)의 모습을 시뮬레이션하기 위해 스크롤 또는 비 스크롤, 링크 및 교차 링크 메뉴, 심볼, 섹션, 페이지 및 클릭하고 핫스팟 (클릭 가능한 영역)을 정의합니다. 앱 내에서 작업 내용을 미리 볼 수있을뿐만 아니라 Sketch Mirror (아래 해당 기능에 대한 자세한 내용)를 사용할 수도 있습니다.

Sketch의 새로운 기능은 일반적인 Lorum Ipsum tedium에 묶지 않고 프로토 타입 텍스트 및 모양 필드를 역동적이고 사실적인 데이터로 채울 수 있다는 것입니다. 선택한 텍스트 또는 모양 레이어에 텍스트 또는 이미지를 가져올 소스 파일을 할당 할 수 있습니다.

스케치는 앱 내뿐만 아니라 다른 사람들과도 잘 어울립니다. Illustrator에서 만든 아이콘을 복사하여 붙여 넣을 수 있다는 것을 알게되어 기뻤습니다. 가져 오면 Sketch에서 내 아트를위한 그룹화 된 레이어를 만들었고, 앱에서 만든 아트와 마찬가지로 아이콘을 그대로 사용하거나 라이브러리에 추가하거나 심볼을 만들 수있었습니다.

오늘날의 시장에서는 잘 계획된 화면 지향 디자인이 반응해야합니다. 즉, 보기 화면 (데스크톱, 랩톱, 모바일, 태블릿)에 따라 앱 화면 또는 웹 페이지 내의 콘텐츠가 자동으로 크기 조정 및 이동됩니다. 따라서 각 장치에서 가장 잘 보이는 모양에 따라 텍스트 크기가 조정되고 줄 바꿈이 변경되며 이미지가 축소, 확장 또는 숨겨집니다.

Sketch에서 각 요소 또는 그룹을 복사하여 붙여 넣어 변형 종횡비와 다양한 종횡비의 단순화를 수동으로 작성해야합니다. 그러나 XD의 반응 형 크기 조정 또는 InDesign의 레이아웃 조정 기능과 유사한 반응 형 레이아웃 수정을위한 스마트 조정 옵션이 있었으면합니다. 레이아웃 조정은 거의 완벽한 솔루션을 제공하지 않지만 시간을 절약하고 빈 페이지보다 시작하기에 더 좋은 위치를 제공합니다.

장치에서 실시간으로 Sketch 디자인을 미리보기 위해 iOS 용 무료 Sketch Mirror와 Android 장치에서이를위한 여러 앱이 있습니다. 모든 경우에 기기에는 Wi-Fi 또는 USB 연결이 필요합니다. 정보에 입각 한 설계 결정을 내리면 모든 사람의 작업 흐름에 도움이되므로 실제 장치에서 Sketch Mirror를 사용하여 조정, 자르기 및 텍스트 크기를 실시간으로 확인할 수 있습니다.

출력 및 협업

클라이언트 피드백 또는 팀 협업을위한 작업이 준비되면 몇 가지 공유 방법이 있습니다. 기본 방법은 문서를 Sketch Cloud에 업로드하는 것입니다. 업로드 후에는 URL을 얻고 문서를 보도록 초대 할 사람을 선택하고 댓글, 다운로드 또는 라이브러리로 사용의 세 가지 액세스 수준 중 하나를 설정할 수 있습니다. 링크가있는 사용자는 내장 된 주석 도구를 사용할 수 있으며 태블릿이나 휴대 전화에서 페이지를 열면 장치 레이아웃이있는 한 대지를 전체 해상도로 미리 볼 수 있습니다.

라이브러리는 사용자와 팀을 프로젝트 자산 및 사전 설정에 연결합니다. Sketch에서이를 생성하는 것은 매우 쉬운 일이며 하드 드라이브, 서버 또는 Dropbox와 같은 타사 클라우드 기반 창고에 상관없이 전 세계적으로 액세스 가능한 단일 지점에 유연한 브랜드 자산을 저장하는 현명한 방법입니다. 라이브러리는 문서에서 라이브러리로 지정하는 또 다른 스케치 페이지이므로 자산을 추가하거나 수정할 수 있습니다.

생성 한 심볼을 편집하면 사용자 (또는 문서를 공동 작업하는 다른 사람)가 디자인 문서로 돌아 오면 화면 오른쪽 상단에 업데이트에 대한 메시지가 표시됩니다. 그런 다음 클릭하여 업데이트를 선택하거나 아트 워크를 라이브러리에서 분리 할 수 ​​있습니다. 스케치는 순서와 구성이 크므로 해당 경고를 클릭하면 라이브러리 구성 요소를 나열하는 대화 상자 창이 팝업되어 오래된 심볼과 업데이트 된 심볼이 나란히 표시됩니다. 손끝에서 완전한 정보를 얻는 것이 좋습니다.

또는 대지를 PDF 페이지로 내 보내서 Apple Preview, Adobe Acrobat 또는 기타 PDF보기 소프트웨어에서 주석으로 표시 할 수 있습니다. 스케치는 또한 그래픽, 슬라이스 및 페이지를 JPG, PNG 및 SVG 파일로 내 보냅니다. 또한 SVG 및 CSS 속성에 대한 코드를 내보낼 수 있습니다.

이 앱에 대한 스케치 없음

Sketch는 화면 기반 디자인 경험을 만드는 디자이너를 위해 탄생 한 본격적인 도구이며, 이 기능을 능숙하게 수행합니다. 친숙한 (Mac 사용자 용), 직관적 인 인터페이스 및 디자이너와 고객 간의 간편한 공동 작업을 통해 Sketch는 설계 검증 및 승인 프로세스를 촉진하고 촉진하기 때문에 시제품 제작 툴로 명성을 얻었습니다. 최고의 벡터 일러스트 기능을 위해서는 편집자 선택, Adobe Illustrator를 참조하십시오.