도리스 블로그

웹 기반 프로토타이핑 서비스를 제공하는 인비전 invision에서 출시한 UI 디자인 보조 툴 크래프트 craft를 사용해 봤다. 크래프트는 요소복제와 더미데이터 삽입을 간편하게 해주는 스케치앱과 포토샵의 서트파티 프로그램이다. 크래프트에는 가이드 생성 기능과 아직 오픈되지 않은 프로토타이핑 기능도 포함되어 있는데 여기서는 요소복제와 더미데이터 삽입 기능을 소개한다. 스케치앱 플러그인 컨텐츠 제너레이터로 더미데이터 자동 삽입의 맛을 본지 며칠 만에 크래프트를 알게 되었는데 기능이 훨씬 좋다. 삽입되는 이미지의 느낌도 마음에 든다. 텍스트 더미 데이터에 한글도 사용할 수 있다. 다운로드 및 설치다운로드 https://www.invisionapp.com/craft 다운로드 후 실행하면 어도비 크리에이티브 클..

스케치앱 Sketch 3.7 스케치앱 스터디 2주차원하는 모양을 자유자재로 만들 수 있도록 숙달시키기 위해 핀터레스트에서 맘에 드는 이미지를 골라서 따라 만들어 보았다. 내가 주로 쓰는 효과는 거의 다 만들 수 있었다. 1. 스케치앱으로 그래픽 요소를 만들기 위해 참고할 점 원형 라인 그래프 만들기 원형 라인 그래프를 그릴 때 패스 편집 모드로 들어가서 자르기 원하는 구간에 맞춰 앵커를 추가하고 Scissors 를 사용해 잘라내면 편하다. [Layer - Paths - Scissors] Outer Glow 효과 만들기스위처를 만들 때 포토샵에서의 습관대로 Outer Glow를 찾았는데 없었다. Shadow에서 X, Y 좌표값을 0으로 하고, Blur값만 적용하면 아우터글로우 효과를 만들 수 있다. 필요한..

스케치앱 Sketch 3.7.1 스크린샷 스터디를 위해 스케치앱 3.7 트라이얼 버전을 설치해두었다. 그 후 며칠 만에 3.7.1 버전 업데이트가 있었고, 가격이 129달러로 올랐다. 무료 사용기간이 끝나면 결제하려고 했는데 그만 가격이 올라버렸다. :-( 며칠 전만 해도 99달러.이틀 동안 스케치 3 사용자 매뉴얼 한국어 번역본과 스케치앱 공식 홈페이지의 비디오 튜토리얼을 보며 감을 잡았다. 그리고 샘플 화면을 만들어보았다. 실제 써봐야 그 맛을 제대로 느끼고 숙달 시간도 앞당길 수가 있다. 스케치앱의 특징 중 가장 마음에 드는 점은 고정적인 UI 요소와 반복적으로 사용되는 요소를 심볼로 만들어 재사용하는 것이다. 심볼은 하나를 수정하면 같은 심볼을 사용하고 있는 모든 부분에 수정 내용이 동시에 반영된..