사용자가 해야 할 일에서 시작하기
앱을 사용할 사람과 그들이 하려는 일, 첫 화면에 필요한 내용을 설명하세요. Pixso AI가 편집 가능한 인터페이스를 만들어 줍니다. 각 화면의 콘텐츠와 목적을 명확히 하면서 연관된 화면으로 디자인을 확장하세요.
상품 탐색, 예약 관리, 진행 상황 확인 등 사용자가 할 일에 맞춰 필요한 콘텐츠와 동작을 요구사항에 담으세요.
같은 파일에서 관련 화면을 만들고, 화면마다 필요한 차이를 하나씩 다듬으세요.
더 나은 배치 탐색하기
제품을 빠르게 둘러볼 때는 그리드가, 항목별 세부 정보를 보여 줄 때는 목록이 유용할 수 있습니다. 해당 영역을 선택하고 AI에 다른 배치를 제안해 달라고 요청하세요. 캔버스의 익숙한 편집 도구로 결과물을 더 다듬을 수 있습니다.
개선할 카드 레이아웃, 탐색 메뉴, 콘텐츠 영역을 지정해 요청하세요.
새 레이아웃에서도 유지해야 할 정보와 시각적 규칙을 함께 설명하세요.
여러 화면을 하나의 경험으로
AI 사용을 허용한 사용자 지정 라이브러리를 선택해 새 화면에 활용할 컴포넌트와 시각적 규칙을 제공하세요. 재사용 컴포넌트와 공유 스타일로 앱을 다듬으며, 반복되는 요소에 일관된 디자인을 적용할 수 있습니다.
화면마다 규칙을 다시 설명하는 대신, AI 사용을 허용한 게시된 디자인 시스템을 생성 과정에 활용하세요.
기본 화면과 함께 선택됨, 빈 상태, 오류 상태도 설계하고 다음 행동을 명확하게 안내하는 콘텐츠를 작성하세요.
화면이 이어지는 경험 살펴보기
화면을 클릭 가능한 프로토타입으로 연결해 한 동작에서 다음 동작으로 이어지는 경로를 살펴보세요. 팀과 공유하고 디자인을 논의한 뒤, 피드백을 반영해 본격적인 구현에 들어가기 전에 인터페이스를 개선할 수 있습니다.
핵심 화면을 연결하면 검토자가 떨어져 있는 목업을 해석하는 대신 의도한 흐름을 직접 탐색할 수 있습니다.
앱 디자인이 발전하는 동안 디자인 파일과 피드백을 함께 관리하세요.
상품 탐색 화면부터 시작하세요. 그런 다음 같은 시각적 방향을 유지하면서 상품 상세, 장바구니, 계정 화면을 각각 요청해 만들어 보세요.
모바일 홈퍼니싱 쇼핑 앱의 홈 화면을 디자인해 줘. 인테리어 참고 이미지, 가구 카테고리, 제품명과 가격이 표시된 제품 목록을 포함해 줘. 따뜻한 뉴트럴 색상과 읽기 쉬운 타이포그래피를 사용해 줘. 탐색 메뉴에서 상품 둘러보기와 검색을 쉽게 찾을 수 있게 해 줘. 요구사항 문서에 제공된 제품 정보를 사용해 줘. 이 화면은 상품 상세와 장바구니로 이어질 예정이니 이후 화면에도 맞는 탐색 메뉴와 제품 카드로 구성해 줘.
Pixso AI는 편집 가능한 앱 인터페이스 디자인을 생성합니다. 화면을 다듬고 프로토타입으로 연결한 뒤 개발자와 공유할 수 있습니다. 애플리케이션 개발, 백엔드 연결, iOS 또는 Android 출시 버전 제작은 개발 과정에서 진행합니다.
네. 같은 디자인 파일에서 관련 화면을 만들 수 있습니다. 각 화면의 요구사항을 정하고 같은 시각적 방향이나 디자인 시스템을 재사용한 뒤, 하나로 이어지는 경험에 맞춰 결과물을 다듬으세요. 복잡한 앱도 한 화면씩 작업하면 더 세밀하게 조정할 수 있습니다.
네. Pixso 디자인에서 선택한 요소를 다듬거나 참고 이미지를 첨부하고 어떤 부분을 참고할지 설명할 수 있습니다. 레이아웃, 텍스트, 색상, 컴포넌트의 변경을 요청하고 캔버스에서 결과물을 계속 편집하세요.
네. 디자인 파일을 공유하고 화면을 프로토타입으로 연결해 의도한 사용 흐름을 전달할 수 있습니다. 디자이너, 개발자, 이해관계자가 같은 자료를 보며 사용자 경험을 논의할 수 있습니다.
첫 인터페이스를 만들고 세부 요소를 다듬은 뒤, 팀과 함께 디자인을 발전시켜 보세요.
