1. 앱 ux/ui 참고

- 윗 https://wwit.design/pattern/review
- 모빈 https://mobbin.com/browse/ios/apps?sort=publishedAt

윗은 한국의 모바일 디자인 패턴을 수집/분류/보여주는 웹사이트예요.
(모빈으로부터 영감을 받아서 만들어졌다고 알려져 있죠.)

윗의 가장 큰 특징이자 정체성은 국내 앱의 스크린을 한눈에 볼 수 있다는 점인데요.
해외 자료가 아닌 국내의 자료를 기반으로 서비스 스크린이 아카이빙 되어있어요.
모든 앱은 스크린 사이즈(375*812)를 기준으로 하고 있는데, 이것은 아이폰 xs의 기준입니다.
해당 웹사이트에서 도움을 받고 나서 마음을 보낼 수 있는 후원하기 채널도 있답니다!

​ 

출처 : 윗 홈페이지
​ 

출처 : 모빈 홈페이지


윗의 검색 분류를 자세히 살펴보면 카테고리별로 검색하거나 스크린의 패턴별로 검색할 수 있어요.
예시로, 카테고리 중 배달​이라는 주제로 검색을 하면, 배달 서비스를 제공하고 있는 앱의 스크린을 보여준답니다.


출처 : 윗 홈페이지

영감을 받고자 하는 앱의 메인홈과 주요 특징적인 서비스 스크린을 확인하고자 한다면, 카테고리별로 검색하였을 때 ​큰 도움이 되겠어요. 만약 영감을 받고자 하는 특정 앱이 있는 것이 아니라면? 기능별로 검색을 할 수도 있어요. 예를 들어, 결제하는 앱페이지를 기획하고 있는데, 다른 서비스들의 결제하기 패턴을 보고자 한다면, 스크린패턴의 주문/결제 분류로 검색하면 쉬워요. 스타벅스 결제 스크린을 한번 살펴볼까요?

출처 : 윗 홈페이지​

이렇게 결제 수단과 쿠폰 및 할인정보, 현금영수증 정보, 주문내역을 한 눈에 볼 수 있는 마이페이지와 각각의 버튼에서 실행되는 상세 페이지를 한 눈에 볼 수 있답니다.

 

요즘 IT : https://yozm.wishket.com
요즘 IT는 위시켓이 운영하는 프로덕트 메이커들의 경험/지식/영감을 나누는 플랫폼인데요. 좋은 콘텐츠를 제공하는 사람과 신뢰도 높은 콘텐츠, 그리고 그것을 필요로 하는 사람을 연결하는 콘텐츠 학습 플랫폼이라고 할 수 있어요. 좋은 '기준'을 잡아가는 데 큰 도움을 받고, 또 줄 수 있는 웹사이트라고 추천할 수 있습니다. 자신들의 경험과 지식을 공유하는 곳이기 때문에, 이론과 실무에 대한 정보 역시 개인(작성자)에게 초점이 맞춰져 있으니 이 부분을 염두에 두면서 이용하면 더 좋은 영감들과 만날 수 있을 거에요. 기획부터 디자인, 개발, 프로덕트, 아웃소싱, 프리랜싱, 비즈니스까지 세분화되어있으니  내가 궁금하고, 필요로 하는 인사이트를 찾는 과정의 접근성도 상당히 좋은 편!

특히, 정해진 답이 없는 대표적 분야인 기획을 앞두고 있다, 꼭 이용해보시길 바라요.
 

 

출처 : 요즘 IT 홈페이지


2. 디자인 참고

핀터레스트 : https://www.pinterest.co.kr

사진, 디자인 등 필요한 이미지를 키워드나 주제 별로 검색할 수 있고, 수집해서 별도로 보드로 만들어 다루기도 쉬운 웹사이트에요. 워낙 많은 사람들이 이용하는 플랫폼이기에 다양한 디자인 참고자료가 필요할 때 특히 유용해요. 아마 핀터레스트를 이용해보지 않은 디자이너는 없지 않을까 싶을 정도로 대중화되어 알려져 있는 웹사이트죠.  검색 화면도 아주 단순하고 쉬워서 필요한 키워드를 입력하기만 하면 되서 편하게 이용할 수 있어요. 그리고 이름처럼 핀터레스트의 특징, 즉 내가 원하는 이미지의 핀을 따로 모아 저장할 수 있어서 스크랩 관리도 아주 쉽답니다!​

출처 : 핀더레스트 홈페이지

AIGA Eye on design : https://eyeondesign.aiga.org

다양한 주제의 디자인 영감을 찾을 수 있고, 또 그에 대한 상세한 설명이 있는 편집 플랫폼이에요. 디자인과 디자이너가 된다는 것의 의미를 탐구하는 사이트로, 미국의 비영리 디자인 기관인 AIGA에서 운영하고 있고 다양한 디자인 이미지 뿐만 아니라 디자이너 커뮤니티에도 참여할 수 있답니다!  디자인이 특이한 아이디어가 많고, 컬러링도 화려한 것들이 많아서 눈길을 끄는 디자인 영감을 받고 싶다면? 이곳을 이용하면 좋겠어요.



출처 : AIGA 아이온디자인 홈페이지​