초보 디자이너라면? 알면 도움되는 내용

초보 UXUI 디자이너를 위한 궁극의 스타트 가이드

제가 지난 5년간 모은 링크들입니다.

누가 또 이런 질문들을 했을 때 바로 이 링크를 복붙해주기 위해 이 리스트들을 만들기로 결심했습니다. 😛

무슨 소프트웨어 쓰시나요? 어떻게 하면 프로 디자이너가 되나요? 어떻게 그래픽 디자이너에서 UX디자이너로 직무 전환하나요? 제 디자인 커리어를 어떻게 시작해야 할까요?

가장 중요하다고 말하고 싶은 7가지 항목은 이겁니다.

1. 베이직을 흡수하세요 [super important] ✴️
2. 디자인 프로세스와 원칙을 마스터 하세요
3. 커뮤니티에 가입하고 기여하세요
4. 영감을 받고 영감을 주세요
5. 최신 뉴스에 리프레시 하세요
6. 툴은 본인의 컨셉을 전달하기 위해 쓰는 거에요
7. 보너스: Freebies era [그냥 다운만 받지말고, 참여하세요 😄]
   
   

제가 주구장창 이용하는 링크들만 뽑아 봤습니다. 또한, 제가 왜 이 특정 사이트들을 좋아하는지도 설명해 놓았어요. 필요할 때 꺼내 사용하세요.

No 1. 베이직을 흡수하세요 [super important] ✴️

시작하기에 앞서, 저를 포함해서 대부분의 디자이너들은 휘황찬란한 애니메이션이 우리를 프로 디자이너로 만들어 줄 거라고 생각합니다. 근데 그건 사실이 아니죠.

여백 스페이싱, 타이포그래피, 그리고 정렬 같은 기본기를 배우는 것이 당신을 프로 디자이너로 만들어줄 것 입니다.

그래서 당신이 초보 디자이너로서 시작할 때 디자인의 기본을 배우는 것을 무시하지 마세요.

북마크 해 둘 링크들**:**

• Human Interface Guidelines. — 그리드, 타이포그래피, 해상도에 관한 것
• Material design — 모션과 UI디자인 가이드라인
• Icons Basics — 시각보정의 이해
• UI Basics
• NN Groups for UX — UX리서치와 UX기본기에 관한 내용
• Law of UX — 여백에 관한 기본기
• Design of everyday things

No 2. 디자인 프로세스와 원칙을 마스터 하세요

저는 여러분이 모든 기본은 할 수 있다고 생각해요. 첫번째 스텝은 모두 본인에 관한 것입니다. 이제 알아야할건 디자인 팀 안에서 사람들과 함께 일한다는 것, 개발자와 비지니스 리더들과 일한다는 걸 생각하는 것입니다.

디자이너의 역할은 디자이너, 개발자, 기획자들의 총체적인 팀과 콜라보&커뮤케이션을 시작할 때 성취됩니다.

북마크 해 둘 링크들**:**

(i) 개발자랑 일할 때

• Device Metrics — Material Design
• Android Asset Studio
• The Ultimate Guide To iPhone Resolutions
• Zeplin

(ii) 프로세스 측면에서

• Survey Methods Google Design
• Design Sprints
• UX Project Checklist
• IDEO — Design Kit
• Design Process
• Design Principles
• Design-systems
• 100 Things Every Designer Needs To Know About People

(iii) 프레젠테이션 측면에서 [이 스킬은 꼭 배워야해요]

• Apple Presentations
• Talking about design High Resolution
• Copywriting

(iv) 음성 인터페이스 배우기 [왜냐면 4차 산업시대이니까...]

• Alexa Design
• AI UX: 7 Principles of Designing Good AI Products
• AI Conversation design process

No 3. 커뮤니티에 가입하고 기여하세요

전세계를 막론하고 디자인 커뮤니티를 하는 것은 엄청 도움이 됩니다. 소극적인 멤버가 되지마세요, 기여할 시도를 하고 다른 디자이너들을 지지해 주세요

다른 사람들의 스타일을 그저 따라하지말고, 당신만의 유니크한 스타일을 커뮤니티로 가져오세요

북마크 해 둘 링크들:

• Playbook — 의미있는 디자인 대화들
• Dribbble — UI, motion에 집중된
• Behance — 브랜딩
• Product Hunt — 멋진 툴들.

No 4. 영감을 받고 영감을 주세요

영감은 그냥 다른 디자이너의 멋진 디자인을 쳐다보는 걸 의미하는게 아니라, 어떻게 그들이 그 특정 문제를 해결했는지 면밀히 보고, 무엇이 그들을 탁월하게 만들었는지를 해부하는 것 입니다.

북마크 해 둘 링크들:

• Mobbin — 리얼 앱 UI 패턴
• Uisources — 리얼 앱 인터랙션
• Awwwards — 웹디자인을 위한 사이트
• Reallygoodemails — 이메일 템플릿 디자인
• Bestfolios — 포트폴리오를 위한 케이스 스터디

No 5. 최신 디자인 소식으로 생각을 전환해보세요

미래는 이미 여기에 있습니다. 그저 균등하게 나눠지지 않았을 뿐입니다. - 윌리엄 깁슨

그냥 뉴스를 스크롤하는 것으로도 당신의 디자인에 생각지도 못하게 큰 도움을 줄 수 있을 겁니다

북마크 해 둘 링크들:

(i) 디자인 회사들의 블로그

• Airbnb Design — 디자인 시스템과 커뮤니티를 만듦
• Google design — 멋진 테크 앱들
• Uber design — 모션이랑 UI
• Microsoft Design — 만약에 본인이 포괄적인 디자인에 관심이 있다면?
• Invision Design — 이해하기 쉬운 아티클들
  
  

(ii) 매일 매일 디자인 뉴스

• FastCompany — 고품질의 기사들
• Sidebar — 아주 야단스런 기사들 (?)
• Muzli — 비주얼 최강자
• Techcrunch — VC, 펀딩, 돈과 관련된 것들
• DesignBetter.Co — 탑 디자인 리더들의 인터뷰
  
  

No 6. 툴은 본인의 컨셉을 전달하기 위해서 쓰는 거에요.

디자이너들이 디자인 툴을 배우기 시작하면서 하는 전형적인 오해들이 있는데요. 어떤 디자인 툴을 쓰는데 프로가 되려고 하는건 완전 잘못된 생각입니다. 툴들은 매년 바뀌지만 디자인 기본기는 절대 안변합니다. 디자인 툴들은 그냥 본인이 본인 아이디어를 시각화 시키키는걸 도와줄 뿐이지, 그게 좋은 디자이너가 되기 위한 첫번째 요소는 아닙니다.

시니어 디자이너 ≠ 디자인 툴을 쓰는데 프로

시니어 디자이너 = 문제를 찾고 솔루션을 제시하는데 프로

북마크 해 둘 링크들:

(i) 디자인

• Adobe XD — 윈도우에서 작동하는 대박 빠른 툴
• Sketch — 유명한 디자이너들의 툴
• Figma — 콜라보레이션을 위한 툴

(ii) For User testing

• Marvel
• InVision

(iii) Prototyping

• Adobe — 빠른 자동 애니메이팅, 음성 인터랙션

• Framer x — 놀라운 드래그 앤 드롭 애니메이션 컴포넌트들+Reactjs

• Invision Studio — 최고의 터치 인터랙션

• Principle — 복잡한 인터랙션

• Kite — 애니메이션에서 swift 코드로 변환

• ProtioPie — 센서 인풋을 사용함, 프로토타입을 위한 아두이노 인풋

• Sketch Together — 좀 멋진 것들을 배울 수 있는 곳

(iv) Animation

• After effects — 온보딩 애니메이션
• Cinema 4D — 프로덕트 디자인 데모 영상

No 7. 보너스 : Freebies (무료 디자인 소스)

무료 디자인 소스에 관해서는 그저그런 무료 리소스들이 너무 많아서 멍해지기 쉽습니다. 본인이 다운받고 사용하는 리소스들에 있어 까다로워져야합니다. 예를 들어, 만약에 당신이 아이콘을 다운받는다면, 구글같이 믿을만한 플랫폼이 만든 아이콘을 다운받도록 해야합니다. 그래야 모두가 그 통합 아이콘의 의미를 이해할 수 있으니까요.

참여하고 지지하세요, 그냥 다운만 받지 말고 😄

북마크 해 둘 링크들**:**

(i) 아이콘&일러스트레이션

• Material Design Icons — 다운받고 나서 그들이 어떻게 완벽한 아이콘을 만들었는지 분석하세요
• Noun Project — 그저 좋은 아이콘
• Undraw — 당신이 프로젝트를 시작할 때 이것들을 더미로서 사용하세요
• Brand Icons — 모든 대기업들의 로고가 SVG로 있습니다. 구글링할 필요없어요

(ii) 무료 폰트

• Apple fonts — 애플 기기에 완벽함. 일단 SF font들 다운 받으세요
• Google Fonts — 모든 언어에 잘 맞는 폰트들
• DaFont — 아주 많은 창의적인 폰트들

(iii) Colors

• BrandColors — 당신이 디자이너로서 시작할 때 이 컬러들을 사용해보고 어떻게 그들이 컬러의 조화로움을 유지하는지 이해하세요
• Color Hunt — 트렌디한 컬러들
• Webgradients — Give a spark

(iv) Videos

• Pexels Video
• Pixabay

(v) Music

• Fugue — Icon8 Music
• Youtube Free music

(vi) Images

• Unsplash — 깔끔한 사진들
• Remove.bg — SNS 프로필 사진들 만들 때 쓰세요
• TinyPNG — 본인 사이트 만들 때 이미지 압축을 도와줍니다

(vii) Brainstorming Wireframe

• Sketchsheets — 팀 브레인 스토밍 세션 때 이 종이들을 프린트 해가세요
• Sketchize: Free Wireframing Sheets
• Sneakpeekit Sketch Sheets

(viii)Mockup

• Facebook Design — 디바이스들 다운로드
• Cleanmock — 자동적으로 당신의 스크린들을 목업에 넣어줌

(ix) 무료 리소스 파일 다운로드

• Sketch Repo
• PSD Repo
• Figma Freebies
• Xd Resources
• Invision Studio

(x) UI Kits

• Apple Design Resources
• Android Pie Kit Sketch — DeveloperTown
• Material Design 2.0 Kit — DeveloperTown
• iOS 11 GUI for iPhone X and iPhone 8

후, 이 리스트를 다 쓰고나니 드는 생각인데, 디자이너라는 직업이 아주 어렵고, 유동적인 부분이 많아 보이네요.
하하. 그렇지만, 모든 디자이너들은 자기 직업을 사랑합니다.

https://uxdesign.cc/ultimate-start-guide-for-beginner-ux-ui-designer-b848be089589

이 글은 Ux collective에 Johny Vino가 기고한 글을 번역한 글입니다. 번역을 도와주신 이정민님 감사합니다~!