앱 디자인 패턴 사이트 mobbin

디자인을 시작하기 전

 

기준이 될 기기를 선정하고 그에 맞는 해상도로 작업을 진행합니다.

 

아이폰 X 출시 이후 iOS 기기를 디자인할 때에는

 

하단 홈버튼과 상단 노치 영역을 고려해야 하는데요

 

최신 iOS 앱 패턴을 모아놓은 사이트가 있어 소개합니다.

 

Mobbin

 

Mobbin은 최신 iOS 앱 디자인 패턴 모음입니다.

 

150개 이상의 앱과 8,000개 이상의 패턴이 게재되어있습니다.

 

서비스들은 계속 최신 버전으로 업데이트 관리되고 있습니다

 

 

 

필터 및 검색을 통해 방대한 양의 페이지들을

 

원하는 조건에 맞추어 바로 소팅해볼 수 있고

 

마음에 드는 패턴은 자신의 라이브러리에 저장할 수도 있습니다

 

 

 

세 가지의 필터링 장치가 있는데요.

 

앱의 성격 ex) 파이낸스, 소셜 네트워킹, 뉴스 등

 

페이지의 종류 ex) 로그인, 지도, 카메라 등

 

디자인 요소 ex) 네비게이션, 버튼, 배너 등

 

로 상세히 소팅해볼 수 있게 구성되어있습니다.

 

 

 

가령 SNS 로그인 화면의 패턴을 찾아보고 싶다면

 

카테고리는 Social Networking, 패턴은 Logins로 소팅합니다.

 

디스코드와 젠리, 핀터레스트 등의 로그인 화면이 소팅되었네요.

 

 

 

특정 서비스의 전체 페이지를 보는 것도 가능합니다.

 

PRO멤버십(연 $35)으로 업그레이드하면패턴을 익스포트 하거나 이전 버전도 확인해볼 수 있습니다.

 

굳이 멤버십을 업그레이드하지 않아도 사이트를 이용하는 데에 불편함은 없습니다

 

 

 

최신 앱 서비스들은 어떤 식으로 UI를 구성했는지

 

플로우는 어떻게 되는지 참고할 때 도움이 될 것 같습니다.

 

 

Mobbin - Latest Mobile Design Patterns