UI/UX 디자이너가 되기 위한 7단계
UX 디자인 배우기 #140
안녕하세요. UX 컨설턴트 전민수입니다.
제가 최근 홀릭스에서 365 day 하루도 빠지지 않고 UX 라이브 Zoom 강의를 진행하고 있습니다.
4개 UX 강좌 진행 중에 있습니다.
[Live UX 강좌1] 홀릭스에서 매일 UX Quiz 풀어보면서 자신의 UI/UX 지식의 체크해 보세요~
[Live UX 강좌2] 홀릭스에서 두 달 만에 완성하는 UX 포트폴리오 스터디를 통해 UX 포트폴리오 만들어 보고, 1:1 코칭받아 보세요~
[Live UX 강좌3] 홀릭스에서 UX 리서치 A-Z 기초부터 고급 실력까지 쌓아보고, 1:1 코칭받아 보세요~
[Live UX 강좌4] 홀릭스에서 UX 설계 A-Z 스킬을 쌓아보고, 1:1 코칭받아보세요~
위 모든 Live 강좌에 대해 일주일 무료 체험 쿠폰을 드리고 있으니, 관심 있는 분은 아래 링크를 클릭해 주세요. 더 자세한 Live 강의 커리큘럼 살펴볼 수 있습니다.
Today UX 아티클
지난 20년간 UI/UX 강의와 컨설팅을 하면서 수집했던 해외 자료를 저 혼자만 공유하기에 아까워 브런치를 통해 공유하고자 합니다. 많은 관심 바랍니다.Trista lius의 "UX 포트폴리오 구축 방법" 전문 번역할 글입니다.
Nicole Said의 UI.UX 디자이너가 되기 위한 7단계 전문 번역한 글입니다.
최근, 저는 많은 분들로부터 비슷한 질문을 받고 있습니다.
어떻게 하면 UI/UX 분야로 들어갈 수 있나요?
저는 프로그래머/마케팅 매니저/소셜 미디어 전략 담당자인데 디자인에 대해 더 알고싶습니다. 어디서 시작하면 될까요?
좋은 디자인인지 나쁜 디자인인지 어떻게 하면 알 수 있나요?
디자이너가 되려면 무엇이 필요한가요?
“어떻게 시작할까”
이 질문은 제가 처음 커리어를 시작했던 시절이 떠오르게 합니다. 7년전, 저는 처음 디자인 업무를 맡아 일을 시작했던 첫 날이 생각납니다. iMac에 텅 빈 포토샵 파일을 열어놓고 멍하니 앉아있었죠(당시 저는 윈도우 유저였거든요). 저는 방금 제 상사가 간략하게 설명해 준 내용이 무엇인지 이해해보려고 노력하고 있었습니다. 어떻게 시작해야 할지 전혀 알 수 없었어요. 완전 머리가 새 하얘진 상태였습니다.
그 일을 시작하기 전, 저는 막 멀티미디어 전공 학위를 가지고 대학을갓 졸업한 상태였습니다. 그러니 제가 디자인에 대해 뭐 알 이유가 있었겠습니까? 대학교에서는 실무 디자인에 대해 전혀 저에게 알려준 것이 없었습니다.
대부분의 대학 과정은 이론을 가르치며, 가끔 어도비와 같은 디자인 툴을 사용하는 방법 정도를 가르치는 정도입니다. 하지만 그걸론 충분하지 않죠 – 전혀요.
스스로 연습하며 공부하는 것이 여러분을 보다 나은 디자이너가 되게 해줄 유일한 방법입니다.
스스로 공부하며 7년의 시간을 보낸 지금, 저는 디자인 선생님이기도 하고 국제 컨퍼런스에 연사로 나가기도 합니다.
여러분이 반드시 알아야 할 첫번째는 타고날 필요가 없다는 것입니다.
우리는 디자이너가 되기 위해 태어난 특별한 창조물도 아니고 예술성을 타고나지도 않았습니다. 디자인은 배우는 것입니다.
디자인은 문제를 해결하는 것이죠. 지속적으로 문제를 찾고 그에 대한해결책을 만들어내는 작업입니다.
디자인에는 여러 분야가 있습니다. UI, UX, 제품 디자인, 그래픽 디자인, 인터랙션 디자인,정보 설계 등등 아주 다양합니다. 더 관심이 가는 분야를 찾는 것부터 시작해보세요.
이제는 가장 일반적인 타입인, 인터페이스와 경험을 조합한 UI와 UX 디자이너에 초점을 맞춰서 디자이너가 되는 방법을 살펴보겠습니다.
1. UI 원칙에 익숙해지기
디자인을 연습하기 전, 여러분이 먼저 해야 하는 것은 디자인 원칙을 배우는 것입니다. 이를 통해 여러분은 디자인의 세계로 들어설 수 있으며 “창의적으로” 생각하기 시작할 수 있을 것입니다. 디자인의 심리적 측면에 대해 배우게 될텐데, 가령 왜 그렇게 하면더 좋아 보이는지, 왜 그렇게 하면 실패하는지 등을 배울 것입니다.
다음은 여러분이 반드시 알아야 할 기본적인 원칙입니다.
1) 색: 색상 관련 용어, 기본기, 색채 심리학
2) 균형: 대칭과 비대칭 Principles of design: Balance
3) 대비: 대비 효과를 이용한 정보 구조화, 계층구조 만들기, 포커스 만들기
4) 타이포그래피: 폰트 선택하고, 웹에서 읽기 쉬운 텍스트 만들기
5) 일관성: 가장 중요한 원칙. 직관적이고 유용한 디자인은 여기서 시작됩니다.
여기에 가시면 좋은 UI 디자인을 하기 위해 해야 할 것과 하지 말아야 할 것을 알 수 있습니다.
2. UX 창작 프로세스 배우기
그 다음으로 알아야 할 것은 창작 프로세스입니다. UI/UX 디자인은 창의적인 사람은 모두 밟아나갈 수 있는 구체적인 단계로 구성된 프로세스입니다.
프로세스는 크게 발견, 정의, 개발, 실행 네 가지 단계로 구성됩니다. 더블 다이아몬드는 이러한 디자인 프로세스를 보여주는 간단한 비주얼 맵입니다.
발견
바로 여기가 프로젝트의 시작입니다. 이 단계에서 디자이너는 리서치를 시작하고, 영감을 얻고, 아이디어를 모읍니다.
정의
정의를 내리는 단계로, 디자이너는 발견 단계에서 뽑은 아이디어를 구체적으로 정의합니다. 여기서 명확하고 창의적인 개요가 만들어집니다.
개발
솔루션이나 컨셉이 만들어지고, 프로토타입을 만들고, 테스트하는 과정을 반복하는 단계입니다. 이 단계에서 겪는 시행착오는 디자이너가 아이디어를 개선하고 정제하는 데 도움이 됩니다.
실행
최종 단계는 실행하는 단계로, 프로젝트가 최종적으로 끝나고, 생산되어 출시됩니다.
제가 쓴 다른 글, “성공적인 웹사이트 디자인을 위한 5단계”도 읽어보세요.
3. 디자인을 보는 눈 기르기
디자인 원리를 아는 것은 아주 훌륭한 일이지만, 때로는 그것으로 충분하지 않기 때문에 좋은 디자인과 나쁜 디자인을 알아보는 눈과 디자인의 강점과 약점을 알아보는 눈을 길러야 합니다.
디자인을보는 눈을 기르는 가장 효과적인 방법은 영감을 주는 작업물을 많이 보는 것입니다. 텅 빈 캔버스를 열고 멍 하니 바라보며 30분을 보내기 전에, 리서치를 해야 창작이 가능하다는 것을 알아야 합니다.
생각만으로는 아이디어가 나오지 않습니다. 여러분만의 작업을 시작하기 위해서는 먼저 다른 디자인을 봐야 합니다. 특히 초심자라면 더욱 그렇습니다.
포트폴리오 웹사이트를 많이 찾아보세요그러니 다른 디자이너는 무엇을 하는지 Dribble에서 찾아보다가, 예쁜 디자인이나 진행 중인 프로젝트와 관련된 무언가를 보게 되면, 노트에 저장하고 어떤 점이 좋았는지 적어두세요. 스크린샷을 해둘 수도 있습니다. 이렇게 하면 여러분만의 디자인을 시작하는 데 영감을 주는 디자인 컬렉션을 만들 수 있습니다.
다음은 제가 주로 영감을 얻는 사이트입니다.
onepagelove.com 여러분에게 영감을 줄 한 페이지짜리 웹사이트
awwwards.com 디자인 능력을 뽐낼 수 있는 어워드 웹사이트
dribbble.com 작업물을 공유하는 디자이너들의 커뮤니
pttrns.com 모바일 디자인 패턴 컬렉션
uimovement.com 매일 올라오는 영감을 주는 최고의 UI 디자인
4. 디자인 글 매일 읽기
디자인에 스스로 더 익숙해지는 가장 좋은 방법은 매일 몇 편의 글을 읽어보는 것입니다.
매일 디자인 뉴스와 블로그를 보는 습관을 기르세요. 새로운 트랜드나 사용 사례나 튜토리얼 등을 발견할 수 있는 수 백만의 글이 온라인에 있습니다. 우리는 그 글을 찾기만 하면 됩니다. 다른 사람의 경험을 통해 배우는 것 보다 더 좋은 것은 없습니다.
그러니 한 잔의 커피와 함께 Medium이나 Smashing Magazine에서 영감을 주는 글을 읽는 것으로 하루를 시작해보세요. 아침에 새로운 것을 배우면 생각이 넓어지고 그날 창의력을 발휘할 여력이 생길 것입니다.
그 다음에는 하루 중에 시간이 남을 때마다 더 글을 읽어보기 위한 쉬는 시간을 가져보세요. 휴식을 가지는 것은 창의력에 있어서 매우 중요합니다. 특히 무언가에 막힌 것 같고 생산적이지 못하다고 느낄 때는 더 그렇습니다. 그런 글을 볼 수 있는 웹사이트를 여러분이 쓰는 브라우저에 북마크 해두거나 디자이너의 뉴스레터를 구독해보세요.
다음은 제가 디자인과 관련해 소식을 얻는 블로그와 뉴스 웹사이트입니다.
https://www.smashingmagazine.com/
http://www.webdesignernews.com/
https://www.sitepoint.com/design-ux/
5. 페이크 프로젝트 디자인해보기
연습을 계속 하면 잘 하게 됩니다. 그리고 우리는 경험이 없으면 클라이언트나 일을 얻어낼 수 없다는 것을 알고 있습니다. 그런데, 일이나 프로젝트 없이 어떻게 연습을 할 수 있나요, 그렇죠?
하지만, 스스로 연습함으로 이 싸이클을 깨고 들어갈 수 있습니다. 재미로 페이크 프로젝트(fake project)를 만들어보세요! Dribble엔 페이크 프로젝트가 가득합니다.
Facebook Material Design by Kevin McCarthy이미 이용하고 있는 웹사이트나 앱을 골라서 다시 디자인해보세요. 개선의 여지가 있다고 생각하는 부분이라면 무엇이든 좋습니다. 아니면 여러분만의 앱 아이디어를 디자인해 볼 수도 있습니다.
이렇게 하다보면 디자인 포트폴리오가 만들어지고, 디자인을 연습할 수있게 됩니다.
6. 최신 웹 디자인 툴 배우기
세상에는 수 많은 디자인 툴이 존재하지만, 전부 다 배울 필요는 없습니다. 가장 좋은 것 몇 가지를 알아보고, 거기서 가장 좋아하는 것을 선택해서, 최신 기능과 트렌드를 항상 업데이트하세요.
다음은 요즘 제가 디자인 프로세스에서 사용하고 있는 최신 툴입니다.
Sketch for interface design
Figma for collaborative interface design
Balsamiq for low fidelity wireframing
Adobe XD for interface design and prototyping
Marvel App for making mockups interactive
Invision App for prototyping and collaboration
7. 멘토를 얻고 멘토가 되세요
디자인을 배우는 또 다른 훌륭한 방법은, 디자인 멘토를 찾거나 도움이필요한 디자이너 친구들을 도와주세요. 이들은 여러분이 배우는 프로세스의 속도를 높여줄 것입니다.
이런 동료 디자이너들은 여러분의 작업물을 리뷰해줄 수도 있고 코멘트를 해줄 수도 있습니다. 또한 자신의 경험을 통해 배운 팁이나 요령을 공유해줄 수도 있습니다. 그러니가서 다른 디자이너에게 메일을 쓰고, 질문하고, 고민 거리를나눠보세요.
또한 저는 지난 몇 년간 디자인과 프론트엔드 개발을 가르치면서 제가 생각했던 것 보다 더 많은 것을 배웠습니다. 사람들과 디자인에 대해 대화를 시작할 준비가 되었다면, 여러분이 멘토가 될 수도 있고 다른 사람에게 디자인을 가르칠 수도 있습니다. 디자인을 다양한 관점에서 보는 방법을 배우게 될 것이며 전혀 생각지도 못했던 피드백이나 질문을 받게 될 것입니다.
디자인에 대해 다른 사람들과 대화를 나누다보면 언제나 여러분의 마인드는 “브레인스톰” 모드로 들어가게 되어 디자인에 더 많은 관심을 가지게 되는 자신을 발견하게 될 것입니다.
전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)
https://brunch.co.kr/@ebprux/1332
[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)
(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
https://www.inflearn.com/users/196290
