brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Feb 17. 2018

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://blog.marvelapp.com/


https://medium.design/


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. 멘토를 얻고 멘토가 되세요


디자인을 배우는 또 다른 훌륭한 방법은, 디자인 멘토를 찾거나 도움이필요한 디자이너 친구들을 도와주세요. 이들은 여러분이 배우는 프로세스의 속도를 높여줄 것입니다.


이런 동료 디자이너들은 여러분의 작업물을 리뷰해줄 수도 있고 코멘트를 해줄 수도 있습니다. 또한 자신의 경험을 통해 배운 팁이나 요령을 공유해줄 수도 있습니다. 그러니가서 다른 디자이너에게 메일을 쓰고, 질문하고, 고민 거리를나눠보세요.



또한 저는 지난 몇 년간 디자인과 프론트엔드 개발을 가르치면서 제가 생각했던 것 보다 더 많은 것을 배웠습니다. 사람들과 디자인에 대해 대화를 시작할 준비가 되었다면, 여러분이 멘토가 될 수도 있고 다른 사람에게 디자인을 가르칠 수도 있습니다. 디자인을 다양한 관점에서 보는 방법을 배우게 될 것이며 전혀 생각지도 못했던 피드백이나 질문을 받게 될 것입니다.


디자인에 대해 다른 사람들과 대화를 나누다보면 언제나 여러분의 마인드는 “브레인스톰” 모드로 들어가게 되어 디자인에 더 많은 관심을 가지게 되는 자신을 발견하게 될 것입니다.





추천 VOD UX 강좌


안녕하세요. UX 컨설턴트 전민수입니다.


브런치를 운영한 지 6년이 되었는데 어느덧 구독자 12,000명 되었네요.


여러분의 응원에 힘을 얻어 지금껏 아티클을 가능한 작성 했는데요. 많은 구독자께서 브런치 글을 강의로 제공하면 좋겠다는 의견이 많았습니다. 그래서 과거부터 최신 UX 아티클의 내용을 더 쉽게 전달시키는 목적으로 인터넷 강의 형태로 촬영하여 UX 라이브클래스 패키지 사이트에 오픈하게 되었습니다.   


UX 라이브클래스 패키지를 통해 전체 178여 개 UX 강좌를 하나의 패키지 형태(총 300시간 이상) 대 공개합니다. 특히, 브런치 구독자에 한해 할인율 98%(정가 990,000원 > 할인가 98,000원, 평생 소장) 제공하고 있으니 여러분의 많은 관심 부탁드립니다. 참고로 매달 선착순 10명 한정 판매하오니 서둘러 주세요~

(라이브클래스 플랫폼 회사 계약으로 인해 매달 선착순 10명만 수강 신청 가능하오니 양해 바랍니다)

PM VOD 패키지 바로가기 > 

https://ebprux.liveklass.com/


그러데요~ 전민수 UX 컨설턴트님!
 라이브클래스 VOD 패키지 구매 시 어떤 점이 좋은가요? 질문이 많은데요...


첫째. 기존 UX 인강 강의는 무제한 형태고 제공되고 있으나, 최신 UX 트렌드에 맞춰 업데이트되지 않는 경우가 많습니다. 그런데 제가 강의 운영하는 라이브클래스 패키지는 현재 제공된 UX 강의 300시간 외 매달 꾸준히 최신 10시간 이상 VOD 촬영하고 있습니다. 


이를 라이브클래스 패키지에 빠르게 업데이트하고 있어, 여러분이 UX 최신 트렌드를 따라갈 수 있고 UX 실력을 쌓아 나아가고, UX 전문가로 성장하는데 많은 도움이 될 것입니다. 치매 걸리기 전까지 라이브클래스 패키지에 매달 10시간 업데이트 예정입니다.  


둘째. 라이브클래스 패키지 강의는 UX 프로세스와 방법론을 A-Z 백과사전 형태로 33개 테마 형태로 묶여 있어서, 구글링, 유튜브 등 검색하지 않아도 빠르게 원하는 UX 지식을 얻을 수 있습니다.  


앞으로도 국내 환경에 맞는 UX 방법론을 더 연구하고, 브런치에 최대한 많이 공유하겠습니다.

구독자 여러분 감사합니다.  

매거진의 이전글 UX디자인 인터뷰 면접에서 자주 나오는 12가지 질문

작품 선택

키워드 선택 0 / 3 0

댓글여부

afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari