UX/UI

다크모드와 라이트모드를 쉽게 설정할 수 있는 토글 스위치 라이브러리!

다크모드와 라이트모드 설정을 쉽게 만들어주는 '토글' 라이브러리

사용자 경험과 인터페이스 구성에 참고할만한 UI Kit이 정리된 노션 페이지

서비스 성격, 제작 타입(앱, 웹, 랜딩 화면 등)에 따른 다양한 종류의 UI Kit을 큐레이션 해주는 노션 페이지!

피그마에서 디자인 문서를 관리할 수 있는 템플릿

컬러, 타이틀, 컴포넌트 등 디자인 내용을 문서로 쉽게 관리할 수 있도록 도와주는 피그마 템플릿!

기능, 유저 인터페이스, 서비스 카테고리에 따른 화면 사례 확인이 가능한 곳!

화면 종류, 인터페이스, 서비스 카테고리 등에 따라 다양한 웹서비스 화면 사례를 확인할 수 있는 곳!

주요 디자인 시스템을 통해 정리한 유저 인터페이스 가이드라인!

토글 버튼, 얼럿, 컬러 피커 등 서비스에서 자주 사용되는 유저 인터페이스에 대한 여러 예제는 물론, 디자인 시스템에 따라 어떤 명칭으로 사용되며, 실제 구성 시 참고해야 하는 내용은 무엇인지 자세한 내용을 확인할 수 있는 곳

모바일앱 스크린샷 사례를 서비스 카테고리에 따라 살펴볼 수 있는 곳

전 세계 다양한 모바일앱 스크린샷 사례를 서비스 카테고리에 따라 확인할 수 있는 곳!

사용자 리서치 관련 상황별 툴과 관련 자료를 정리해주는 곳!

사용자 리서치와 관련된 상황별 툴을 정리해 줌과 동시에 참고 자료를 확인할 수 있는 곳

‘웹 3.0(Web 3.0)’ 서비스 화면 사례를 확인할 수 있는 곳!

기능 사용 단계, 특정 인터페이스 단위 등의 분류에 따라 웹 3.0 서비스 화면 사례를 살펴볼 수 있는 곳!

체크박스, 툴팁, 버튼 등 자주 쓰이는 UI 컴포넌트 구성 방법에 대한 자세한 내용을 확인할 수 있는 곳!

툴팁, 버튼, 알림(토스트 등), 텍스트필드, 아바타(프로필), 체크박스, 모션 등의 UI 컴포넌트에 대한 구성방법, 고려사항, 접근성 등의 정보를 확인할 수 있는 곳!

프로덕트 디자인과 관련된 다양한 자료를 제공하는 노션 페이지

한 디자이너가 직접 제작한 노션 페이지로, 프로덕트 디자인과 디자인에 대한 다양한 리소스를 제공하는 곳!

페이스북 그룹

지금 써보러 갑니다 페이스북 그룹을 통해 서비스에 대한 더 깊은 이야기를 나눠보세요!