UI 디자이너라면 영감은 어디에서든, 언제든 찾아온다는 사실을 잘 알고 있을 겁니다. 그래서 아이디어가 떠오르는 순간 바로 작업에 들어갈 수 있는 환경이 무엇보다 중요합니다.
다행히도 요즘은 모바일 기기 하나만 있으면 언제 어디서든 훌륭한 디자인을 만들 수 있습니다. iPhone이나 iPad에서 바로 멋진 UI 디자인을 완성할 수 있도록 도와주는 앱 다섯 가지를 소개합니다.
1. Dribbble
"그래서... 어디서부터 시작해야 하지?" 많은 UI 디자이너가 프로젝트에 착수할 때 스스로에게 던지는 질문입니다. Dribbble에는 이 질문에 대한 수천 가지 답이 준비되어 있습니다. 전 세계 디자이너들이 자신의 레이아웃을 공유하고 있어 영감을 얻기에 최적의 공간입니다.
누구나 자신의 디자인을 올릴 수 있기 때문에 초보자부터 업계 베테랑까지 다양한 수준의 UI를 접할 수 있습니다. 유명 아티스트들의 검증된 노하우를 배우는 동시에, 방금 게시된 디자인을 통해 최신 트렌드까지 파악할 수 있다는 점이 큰 장점입니다.
마음에 드는 디자이너를 팔로우하면 최신 작품도 계속 확인할 수 있습니다. 협업을 제안하고 싶거나, 실력이 뛰어난 디자이너에게 조언을 구하고 싶을 때도 Dribbble의 사용하기 쉬운 메시징 시스템이 원활한 소통을 도와줍니다.
특히 유용한 기능은 More 탭에 포함된 채용 게시판입니다. 이 채용 공고는 Dribbble의 알고리즘으로 선별되는데, 목적은 단순합니다. UI/UX 디자인 일자리를 UI/UX 디자이너에게 정확하게 전달하는 것이죠.
2. InVision
영감을 얻었다면 이제 InVision을 디지털 스케치북 삼아 작업을 시작해 보세요. InVision 웹 앱과 함께 사용하면 시너지가 극대화되지만, 단독으로 사용해도 충분히 강력한 도구입니다.
InVision의 'Freehand'가 이 앱의 핵심 기능입니다. 머릿속에 스치는 아이디어를 빠르게 와이어프레임이나 사용자 여정(user journey)으로 옮길 수 있는 직관적인 공간입니다.
다양한 도형을 만들고, 자유롭게 스케치하고, 이미지와 텍스트 박스를 삽입하고, 스티키 노트까지 활용할 수 있습니다. 실용적인 설계 초안을 작성하는 데 필요한 모든 기능이 갖춰져 있습니다.
데스크톱 버전과 연동하면 프로토타입, 보드, 스펙 문서 같은 추가 기능과 일반 아이콘, 버튼 디자인 등 유용한 리소스도 함께 활용할 수 있습니다.
InVision의 또 다른 큰 장점은 뛰어난 공유 기능입니다. Freehand 화면을 함께 작업하는 사람에게 보여주기만 하면, 디자인 의도를 굳이 긴 설명 없이도 즉시 파악할 수 있습니다.
3. Spark Post
Adobe Spark Post는 디자인에 활용할 그래픽이나 로고를 제작하기에 탁월한 앱입니다.
홈 화면에서 수천 개의 사용자 제작 그래픽과 애니메이션을 둘러볼 수 있습니다. 툴바로 정렬하거나 특정 키워드로 검색할 수 있어서, 다른 디자이너들이 사용하는 색상 팔레트를 살펴보고 내 프로젝트에 적용할 색감을 고민하기에 좋습니다.
작업을 시작할 준비가 되면 배경 옵션을 선택하고 커스터마이징에 들어가세요. 모바일 화면, 16:9 와이드스크린, Instagram 포스트 등 다양한 사전 설정 비율 중에서 골라 사용할 수 있습니다.
참고: Adobe Spark Post로 SNS 그래픽을 만드는 방법
무료로 사용할 수 있는 수천 가지 아이콘, 애니메이션, 스티커 중에서 선택할 수 있고, 직접 제작한 이미지나 동영상을 삽입하는 것도 가능합니다. 어떤 톤을 써야 할지 고민될 때 참고할 수 있는 색상 팔레트 추천 기능도 제공합니다.
로고나 히어로 텍스트에는 다양한 스타일의 텍스트 효과를 적용해 보세요. Spark Post는 그래픽 디자인을 위한 원스톱 솔루션입니다.
4. Vectornator
Vectornator는 여러 면에서 눈길을 끄는 앱입니다. 무료라고 믿기 어려울 정도로 강력한 기능을 자랑하며, Figma와 동기화해 기존에 만들어 둔 디자인을 불러와 편집할 수도 있습니다.
사전 설정 목록에서 캔버스 크기를 선택하고 바로 작업을 시작하세요. 캔버스에 들어가면 왼쪽 사이드바에 주요 도구가 배치되어 있고, 하단의 화살표를 누르면 추가 커스터마이징 옵션이 펼쳐집니다. 오른쪽에는 레이어의 모든 요소를 한 번에 선택할 수 있는 '전체 선택/해제' 버튼도 마련되어 있습니다.
Vectornator를 다른 앱들과 차별화하는 요소는 바로 뉴스와 업적 페이지입니다. News 페이지에는 앱의 주요 업데이트 소식, Vectornator 활용 팁, 2021 디자인 트렌드 같은 주제가 담겨 있습니다.
업적(achievements) 기능은 앱의 다양한 기능을 재미있게 익힐 수 있는 방법이자, 다른 프로그램의 지루한 텍스트 튜토리얼에서 잠시 벗어날 수 있는 활력소입니다.
5. uMake
uMake는 강력함과 흥미로움을 동시에 지닌 앱입니다. UI 디자인에 3D 그래픽을 더하고 싶다면 툴킷에 꼭 넣어야 할 도구입니다. 여기서 가능성의 한계는 오직 여러분의 상상력뿐입니다.
For You 페이지에는 최신 업데이트와 메시지 버튼이 있으며, 내 최근 작품이나 인터랙티브 비디오 튜토리얼 같은 콘텐츠도 확인할 수 있습니다. 튜토리얼이라고 하면, uMake는 정말 잘 만들어 두었습니다.
고품질 비디오 튜토리얼을 워크스페이스 옆의 미니 플레이어로 시청할 수 있어서, 단계별 방법을 배우면서 동시에 디자인 작업을 진행할 수 있습니다.
화면 상단의 내비게이션 바에서 Stories로 이동하면 3D 모델링 분야의 영감을 주는 이야기와 업계의 새로운 소식을 읽을 수 있습니다.
Designs 탭에서는 예시 그래픽을 자유롭게 만져보며 연습할 수 있고, 새 디자인을 시작하는 버튼도 제공됩니다.
새 디자인은 빈 그래프 화면에서 시작되며, 화면 상단의 도구를 활용해 원하는 대로 자유롭게 빚어갈 수 있습니다. 완성한 디자인은 증강 현실(AR)로 감상하는 재미도 있습니다.
Learn 페이지에서는 풍부한 교육 영상, 궁금한 점을 커뮤니티에 물어볼 수 있는 포럼, 그리고 서비스 관련 정보를 총망라한 지식 베이스(위키 형태)까지 이용할 수 있습니다.
올바른 앱으로 UI 디자인 실력을 한 단계 끌어올리세요
이 앱들을 활용하면 메인 컴퓨터 앞에 있지 않아도 훌륭한 UI 디자인을 손쉽게 만들 수 있습니다. 대부분 무료로 제공되기 때문에, 부담 없이 나만의 디자인 툴박스에 추가할 수 있습니다.