기획자용 무료 UI/UX 참고 사이트 모음

기획자로써 4년 넘게 일해보면서

일할 때 많이 도움되었던 인사이트를 찾을 수 있는 사이트들을 소개해보고자 한다.

 

여담으로 내가 했던 업무엔 기획자도 디자인이 필요한 경우가 많았다.

요즘은 업무가 세분화 되어서 디자인까지 신경쓸 일이 없을 수도 있지만,

보통의 회사는 PM이나 서비스기획자라면 UIUX 디자인까지 살펴보기 때문이다.

사용자 친화적인 형태나 요즘 트랜드 디자인이나 지양되고 있는 사용성은 알고 있어야

함께 프로젝트를 만들어가는 디자이너에게 제안을 할수도 있도 도움이 될 수도 있기 때문이다.

 

목차

• 트렌드 & 영감
• 디자인 시스템 & 사용자 흐름
• 게임 인터페이스

---

 

트렌드 & 영감

사이트	설명
Muzli	최신 UI 트렌드, 앱/웹 디자인 사례 모음. 구글 크롬 확장 프로그램도 있어 업무시 편함
Land-book	랜딩페이지 위주로 다양한 웹사이트 디자인 모음.
Awwwards	글로벌 웹 디자인 어워드. 수상작들은 UX적으로도 훌륭함.
FWA	혁신적인 웹사이트 및 인터랙션 사례 모음. 실험적인 디자인 많음.
GDWEB	국내 웹디자인 포트폴리오 및 사이트 모음. 한국 트렌드 파악용.
RWDB	반응형 웹사이트 사례 모음. 레이아웃 참고에 좋음.

 

디자인 시스템 & 사용자 흐름

사이트	설명
Mobbin	실제 앱의 화면 구조를 그대로 캡처해서 카테고리별로 볼 수 있어. 앱 기획에 최고.
UX Archive	유명 앱의 온보딩, 로그인, 구매 흐름 비교 가능.

 

다양한 인터랙션 모

사이트	설명
CodePen	개발자들이 인터랙션을 만들어 공유하는 사이트. 코드도 볼 수 있어 css 개발시 유용함.
WEB's CSS	티스토리로 만들어진 CSS 모음집, 카테고리화가 잘되어있어 찾아보기 편함.

 

게임 인터페이스

사이트	설명
Interface in Game	다양한 게임의 UI 구조와 인터랙션을 고퀄리티 캡처로 정리한 사이트. 장르별, 플랫폼별 검색도 편함.
GameUI.co.kr	국산 게임 UI 캡처 사이트. 전략게임 UI 예시 중심으로 보기 좋음. UX 플로우 참고에 유용.