Paico
아이디어에서 웹 · 모바일 앱 UI까지
Pixso 앱 다운로드
UI/UX 디자인, 제품 디자인, 디자인 시스템, 프로토타이핑에 관한 실무 가이드와 튜토리얼, 실제 사례를 확인하세요.
강좌 목록을 예로 카드와 필터가 들어갈 공간을 계산합니다. 기준 프레임과 브레이크포인트의 차이, 컨테이너 기준 조정, 개발 전달 방법까지 설명합니다.
워크숍 일정과 추가 자료 선택을 예로 두 컨트롤의 역할을 구분합니다. 기본값, 선택 해제, 긴 레이블, 유효성 검사와 키보드 동작도 함께 다룹니다.
프로젝트 카드의 여백과 간격을 직접 정하며 8포인트 체계를 적용합니다. 작은 예외를 다루는 기준과 내용이 길어졌을 때의 배치 방법도 살펴봅니다.
예약 가능, 선택됨, 오류와 예약 확정을 색상만으로 구분하지 않게 설계하세요. 한 가지 예약 흐름을 통해 문구, 기호, 명도 대비를 함께 검토하는 방법을 알아봅니다.
한 장의 커피 워크숍 사진을 가로 배너, 정사각형 카드와 모바일 화면에 적용합니다. 남겨야 할 대상, 별도 크롭이 필요한 경우, 제목 가독성을 지키는 방법을 알아보세요.
온라인 쇼핑몰 반품 흐름을 예로 UX 경쟁 분석의 범위를 정하고 중요한 동작을 비교합니다. 관찰한 내용을 구체적인 디자인 제안으로 발전시키는 방법을 알아보세요.
선택한 기간, 날짜 설명, 차트 결과가 일치하는 일·주·월 컨트롤을 만듭니다. 즉시 적용과 저장을 구분하고 포커스, 느린 응답, 좁은 화면까지 설계합니다.
예약 화면에 여섯 가지 동작 주석을 작성하는 예제입니다. 무엇을 설명하고 어디에 배치할지, 프로토타입이나 댓글은 언제 사용할지 구체적으로 살펴봅니다.
수령 장소를 고르는 바텀 시트에서 검색, 키보드, 임시 선택과 확정을 구분하고 닫기와 복귀 동작까지 설계하는 방법입니다.
한 사람의 점수를 받는 입력 폼과 여러 응답의 평균을 읽는 요약은 다른 작업입니다. 다섯 단계 고객 지원 평가로 질문·선택·제출·오류·평점 수를 함께 설계합니다.
코드가 도착하는 메시지와 서비스 화면을 하나의 흐름으로 설계합니다. 6자리 입력, 수신 주소 수정, 재전송 대기, 만료 및 확인된 인증 결과를 구별하는 방법을 설명합니다.
하루 40~120달러 대여료 필터를 통해 슬라이더와 숫자 입력, 적용된 검색 결과를 일치시키는 방법을 설명합니다. 값이 겹치거나 잘못 입력되었을 때의 동작도 함께 설계합니다.
전체 23페이지 중 1페이지
파일 만들기
리소스 커뮤니티
업데이트 내역
사용자 가이드
