UI, UX, 인터랙션 디자인 참고 사이트 추천 Design Site

 UI, UX, 인터랙션 디자인 관련해서 참고할 수 있는 사이트들입니다. 시각 디자인과 학생이나 디자이너들이 공부하기 좋은 곳들을 모았으니 도움이 되었으면 좋겠습니다. 이미지만 봐도 도움이 되는 사이트가 대부분이지만 글도 확인하고 싶으신 분들은 번역기를 돌리시면 될 것 같네요.

*간단한 용어 설명

UI design = User Interface design = 사용자 인터페이스 디자인

 : 사용자가 제품을 어떻게 이용하게 만드는지를 디자인하는 것. 사용자가 실제로 마주하는 아이콘, 레이아웃 등 시각적인 요소들을 디자인함.

UX design = User Experience design = 사용자 경험 디자인

 : 사용자가 어떤 제품이나 서비스를 이용하면서 얻는 경험을 설계하는 것. 사용자들을 행동과 반응을 분석하여 더 편리하게 서비스를 이용할 수 있게 함.

Interaction design = 인터랙션 디자인

 : 사용자가 시스템과 상호작용하는 과정을 설계하는 것.

 미디어 디자인 관련한 용어가 워낙 많아서 헷갈리지만 대충 이렇게 기억하면 될 것 같네요.

아이콘, 레이아웃 등 ->UI(사용자 인터페이스)

사용자가 아이콘을 누르면 화면이 바뀜 ->인터랙션

아이콘을 눌렀을 때 어떤 화면이 나오는지, 사용자가 아이콘에 대해 어떤 생각을 가지게 할 것인지 등 ->UX(사용자 경험)

Pttrns  https://pttrns.com

Pttrns 사이트

 Pttrns는 모바일 UI 디자인을 참고할 수 있는 사이트입니다. 카테고리 별로 나누어져 있어 원하는 분야의 UI 디자인을 볼 수 있습니다. 모든 자료를 보려면 로그인하셔야 합니다. 약간 핀터레스트랑 비슷한 느낌입니다. 로그인을 요구하는 건 아마 사이트 트래픽을 늘리고 광고 수익을 얻기 위함이 아닐까 싶습니다. 세상에 완전 무료는 없겠죠.

Mobbin  https://mobbin.design

Mobbin

 Mobbin은 Pttrns와 마찬가지로 모바일 UI 디자인을 참고할 수 있는 사이트입니다. 디자인이 잘 되어 있는 앱들의 디자인 패턴이 정리되어 있습니다. 듀오링고, 틱톡, 넷플릭스 등의 모바일 앱 화면을 확인할 수 있는데요. 홈페이지 메인에 있는 것 외의 다른 앱도 보고 싶으면 로그인하셔야 합니다.

 

UX Planet  https://uxplanet.org

UX Planet

 UX Planet은 UI, UX 디자인과 관련된 글들을 읽어볼 수 있는 영문 사이트입니다. 이쪽 분야에서는 꽤 유명한 사이트 중 하나입니다. Medium이라는 블로그 서비스 기반이며, 여러 사람들이 글을 작성하기 때문에 블로그를 읽는 느낌으로 살펴보시면 됩니다. 사용자 경험 디자인에 대한 아이디어나 조언을 얻기 좋습니다. 현재까지도 글이 꾸준히 업로드되고 있습니다. 디자인 트렌드를 살펴보기 좋아요.

Design Kit  https://www.designkit.org

Design Kit

 디자인 키트는 IDEO에서 만든 사이트로, 디자인에 필요한 프로그램과 작업 시 활용하기 좋은 자료들이 정리되어 있는 블로그입니다. 인간 중심 디자인을 키워드로, Mindsets(사고 방식), Methods(행동 양식), Case Studies(사례 연구)를 통해 UX 디자인과 디자인 철학에 대해 공부하기 좋습니다. 영문 사이트입니다.

Awwwards  https://www.awwwards.com

Awwwards

 Awwwards는 디자인 공부하시는 분들 사이에서는 꽤 유명한 사이트입니다. 다양한 UI 디자인을 참고할 수 있습니다. 반응형 웹 디자인을 직접 경험해 볼 수 있고, 디자이너나 아트 디렉터들의 평가도 볼 수 있습니다. 전문가들의 의견이 있어서 웹 공부하는 분들이 참고하기 좋은 사이트입니다.

PRIMARY studio  http://primarystudio.co.kr

'프라이머리스튜디오' 네이버 블로그  https://blog.naver.com/primary7985

 한국어 사이트입니다!! 인터랙션 디자인과 관련하여 여러 사례들이 정리되어 있습니다. 홀로그램, 증강현실, 키네틱 아트 등 다양한 디스플레이 기술을 활용한 작업의 이미지와 영상을 볼 수 있습니다. 공식 사이트의 경우 잘린 영상이 많긴 하지만 작업물의 스케치와 결과물 이미지를 볼 수 있습니다. 결과물만을 보는 것도 도움이 되지만 제작 과정을 함께 보는 것도 작업 시에 유용합니다.

d'strict  http://www.dstrict.com/kr

 프라이머리 스튜디오와 비슷한 작업을 하는 업체입니다. 다양한 기술을 활용한 사용자 경험 디자인 사례를 볼 수 있습니다. 어차피 글이 별로 없긴 하지만 한국어로 된 사이트입니다. 직원들 인터뷰나 채용 관련 페이지도 있으니 인터랙션 디자인 쪽으로 취직하려는 분들은 보시면 좋을 것 같네요. 직원 인터뷰를 통해서 작업에 필요한 역량을 알아 볼 수 있습니다.

 사이트마다 특징이 다르니 즐겨찾기로 정리해 놓으시는 걸 추천합니다. 몇몇 사이트는 지속적으로 업데이트 되고 있기 때문에 시간 날 때마다 방문하시는 게 좋습니다. 디자인을 공부하다 보면 잘 변하지 않는 분야를 공부할 걸 그랬나 싶을 때가 있네요. 그만큼 디자인은 계속 변화하기 때문에 많이 보고 최신 정보를 얻는 것이 중요하니 참고하세요.