Paico
아이디어에서 웹 · 모바일 앱 UI까지
Pixso 앱 다운로드
UI/UX 디자인, 제품 디자인, 디자인 시스템, 프로토타이핑에 관한 실무 가이드와 튜토리얼, 실제 사례를 확인하세요.
목록의 선택 상태와 상세 작업을 하나의 흐름으로 연결합니다. 고객 지원 받은편지함 사례로 패널 크기, 좁은 화면 탐색, 초안 보호, 키보드 포커스와 스크롤을 구체적으로 다룹니다.
네 프로젝트로 구성한 포트폴리오 갤러리에서 슬라이드를 고르고 다시 찾는 흐름을 설계합니다. 이전·다음 버튼과 썸네일, 포커스, 양 끝의 동작, 좁은 화면 구성을 함께 다룹니다.
팀 일정 관리 서비스의 예제로 요금제 대상, 편집자 좌석 수, 결제 주기를 설명하는 방법을 살펴봅니다. 비교표와 버튼, 모바일 구성, 선택한 조건이 다음 화면에 이어지는 과정까지 다룹니다.
탭은 순서대로 수행하는 단계가 아니라 같은 대상의 독립된 화면을 연결합니다. 프로젝트 예제로 선택과 포커스를 구분하고, 초안과 화면 맥락을 지키는 방법을 살펴봅니다.
프로젝트 일정으로 돌아가려는 사용자의 계정 복구를 따라가며 요청 접수, 링크 만료·재사용, 새 비밀번호 설정과 로그인 복귀를 설계합니다.
콘텐츠 계층, 기본 작업, 반응형 레이아웃과 로딩·빈 상태·오류 상태를 다루는 카드 UI 디자인 실전 가이드입니다.
파일과 목록의 보조 작업을 명확하게 노출하고 실수 후에도 복구할 수 있도록 컨텍스트 메뉴 UX를 설계하는 실전 가이드입니다.
특정 항목 찾기, 컬렉션 탐색, 비교와 재방문에 맞춰 페이지네이션·더 보기·무한 스크롤을 선택하는 실전 가이드입니다.
체험 예약 페이지를 예제로 스크롤 영역과 고정 헤더를 구성합니다. 중첩 스크롤, 마지막 콘텐츠의 가림, 미리보기 축소 문제까지 실제 읽기 흐름으로 점검합니다.
배송 방법·지역·사무실 선택에 맞는 컨트롤을 고르고, 검색 결과와 긴 이름, 모바일 표시, 앞선 선택에 따라 달라지는 필드를 구체적으로 설계합니다.
주문하기·장바구니 저장·배송지 수정 버튼을 한 화면에서 비교하며, 주요·보조 행동의 구분부터 크기 조절과 상태 표현까지 구체적으로 설계합니다.
명확한 단계, 적절한 기본값, 복구 가능한 선택, 측정 가능한 활성화 신호로 첫 성공까지 이어지는 사용자 온보딩 플로우를 설계합니다.
전체 23페이지 중 2페이지
파일 만들기
리소스 커뮤니티
업데이트 내역
사용자 가이드
