모바일 디자인 레퍼런스를 찾을 때 : mobbin

모바일 디자인 레퍼런스를 찾을 때 : mobbin

 

UI/UX 쪽 디자인은 손을 놓은지가 좀 됬지만,

아직도 즐겨찾기에서 가끔 들어가보게 되는 좋은 사이트를 소개하려고 합니다.

바로 모바일 디자인 레퍼런스를 빠르고 쉽게 살펴볼 수 있는

Mobbin이란 사이트 입니다.

 

https://mobbin.design/

Mobbin - Latest Mobile Design Patterns

Mobbin은 IOS로 출시된 앱들 중, 레퍼런스로 하기 좋은 디자인을 엄선하여

대표 스크린을 모두 모아놓은 모바일 UI 라이브러리라고 볼 수 있습니다.

저도 비주얼 라이브러리라는 주제로 본새를 운영하고 있지만,

Mobbin만큼 디자인을 보기 좋게 커스터마이징은 하질 못했네요... :( 

 

그만큼 앱 레퍼런스를 살펴보기에 이만큼 괜찮은 사이트는 본적이 없습니다.

 

Mobbin 사이트에 먼저 들어가면, 최근에 올라온 어플들의 스크린을

쭉 구경하면서 시작하게 됩니다.

그 중에서 특정 어플의 제목을 누르면

앱에서 볼 수 있는 대표 화면들이 대부분 나열됩니다.

 

로그인부터 검색 화면까지 한방에 짜잔!

이렇게 대표 스크린들이 나열되는 것 만으로도

앱을 설치하고, 직접 테스트를 해보고, 그걸 스샷을 찍어서 옮기고..

하는 뻘짓과 수고스러움을 상당히 줄일 수 있습니다.

그리고 여기에 올라와있는 앱들은 대부분 정말 '보고 따라해도 될 만한'

퀄리티 높고 깔끔한 플로우의 UI들만 엄선되어있다고 믿고 보셔도 되겠습니다. : )

---

여기에서 조금 더 심도 높게 Mobbin을 사용하고 싶다면,

회원가입을 하고 더욱 다양한 기능을 활성화 시킬 수 있습니다.

(SNS 연결만으로도 가입이 가능합니다.)

이렇게 패턴과 엘리먼트를 태그로 정리해두었기 때문에

태깅을 클릭하는 것 만으로도 내가 원하는 화면을 빠르게 골라 볼 수 있습니다.

 

 

 

 

가입한 후에 활성화되는 또 다른 기능으로, Browse 메뉴를 선택 할 수 있는데요.

만약 앱 기획 초반의 컨셉부터 필요한 기획자나 디자이너라면

Browse 제목 하단의 APPS로 구분해서 보는게 좋고, 

특정 화면의 레퍼런스가 필요하다면 PATTERNS 별로 화면을 모아볼 수 도 있습니다.

예를 들어 여행 앱의 지도 화면만 모아볼 수 있게 되는거지요!

UI/UX 디자이너들에겐 완전 꿀 기능입니다. : )

 

 

꼭 디자이너가 아니라도, App관련된 기획이나 연구가 필요한 모든 사람들에게

늘 추천하는 좋은 사이트 Mobbin 이었습니다.

---

Posted By. BONSAE

Bonsae.tistory.com