현업 8년차 디자이너가 알려주는 한국 UI/UX 패턴
안녕하세요. 볼디에요. 현업에서 8년동안 다양한 UI/UX 패턴 사이트를 참고하면서 좋았던 사이트들 소개해볼게요!
유아이볼
첫번째는 유아이볼이란 사이트입니다. 기존 사이트는 업데이트가 너무 저조해서 하루에 하나의 앱을 업데이트 하는 방식으로 제가 직접 개발한 사이트인데요. 아무래도 국내 최대의 UI/UX 패턴 사이트라 가장 참고할 수 있는 레퍼런스가 가장 많을거라고 자신합니다! 다만 단점으로는 필터가 지금 정리가 되지 않아서 필터 정리는 상반기 초에 개발될 예정입니다.
WWIT
두번째는 WWIT 입니다. 아마 가장 많이 알려져 있는 사이트 같은데요. UI/UX 패턴 사이트의 정석이라고 느껴져요. 그런데 너무 업데이트가 일어나지 않아서 계속 참고하기에는 무리가 있는 것 같긴 합니다. 그리고 카테고리, 패턴, 컴포넌트별로 분류가 되긴 하는데 누르면 막상 세분화가 잘 안되어 있어 아쉬운 점이 있었어요!
디자이너스
세번째는 디자이너스입니다. 디자이너스는 사실 UI/UX 패턴에서 모바일만 있는게 아니라 잘 되어있는 웹 레퍼런스도 확인할 수 있어요. 그런데 사실 어떤 부분이 잘 되어 있는지 납득은 잘 안 가더라고요..? 그리고 여기도 앱 업데이트가 너무 저조하게 일어나서 봤던 앱 레퍼런스를 또봐야하는 단점이 있었어요
그리고 디자이너스만의 특장점이 하나 있는데요! 앱 디자인을 하다가 어떤게 맞을지 고민일 때 참고할 수 있는 토픽 기능도 있는데 이게 나름 재미있어요. 디자인 두가지 안 중에서 고민이신 분들은 직접 문의하기를 통해서 문의해보셔도 좋을 것 같아요! 특히 혼자 일하시거나 주니어 분들이면 많이 활용해볼 법 한 것 같아요
Diby
Diby는 UX 리서치 회사에서 UX 패턴을 부분적으로 아카이빙 해주는 사이트에요. 그래서 디자인 패턴보다는 UX 플로우 중심으로 확인할 수 있고 녹화본이 있어서 좀 더 쉽게 이해할 수 있어요. 그런데 전반적으로 필터가 정리가 되지 않아서 정리가 필요할 것 같아요
mobbin
가장 유명한 UI/UX 패턴 사이트인 모빈이에요. 아무래도 다양한 레퍼런스가 많아서 제 주변 사람들도 유료 멤버십을 많이 사용하고 있는데요! 해외앱 기반으로 되어 있기 때문에 국내앱과는 맞지 않은 UI/UX 패턴도 종종 발견할 수 있어서 아쉬운 점도 있었어요
https://mobbin.com/browse/ios/ui-elements
notefolio
다음은 국내에서 디자이너분들의 가장 큰 커뮤니티라고 불리는 노트폴리오에요. 이곳에서는 국내 디자이너분들의다양한 포트폴리오도 볼 수 있는데요. 사실 신입 분들 위주의 포트폴리오인 것 같긴 하지만 주니어일수록 다른 디자이너의 포트폴리오를 보는게 중요해서 추천드립니다
https://notefolio.net/?keywords=UI%2FUX
UI/UX 패턴 뿐만 아니라 인테리어나 브랜딩을 참고하기에도 좋은 사이트에요. 단, 핀터레스트는 이쁘게 보이기 위한 ui/ux가 많아서 종종 신입 분들이 이렇게 디자인 하겠다 라고 레퍼런스를 가지고 오면 현업에 쓸 수 없는 디자인이 많이 있더라고요..? 이쁘지만 국내 앱에선 안 어울리는..? 그런 부분만 조심하면 다양한 레퍼 찾을수 있을 거에요!
dribbble
사실 핀터레스가 전세계적으로 유명하지만 조금 더 고품질의 디자인을 찾으신다면 드리블도 추천드려요!
behance
조금 더 체계적인 uiux 디자인 프로세스를 확인하시고 싶으시면 비헨스를 이용해보는 것도 좋아요. 아이콘 시스템이나 디자인 시스템, 디자인 프로세스가 자세히 나와있어서 좋습니다. 단, 여기도 비쥬얼 위주의 플랫폼이다 보니 핀터레스트처럼 브랜딩에 치우치지 않길 바랍니다.
