본문 바로가기

프로토타입2

#20 프로젝트 Day 7, 8 (Sprint 4, 5) // 프로토타입, 고객인터뷰 [디자인 스프린트] 4일 차 프로토타입 제작 (2023.07.23.) 4일 차는 프로토타입 제작하는 날! 우리 팀은 이전에 배웠던 피그마로 제작하기로 했다. 의견도 모두 다르고 해서, 다른 팀원들이 아주 고생이 많았다... 우선 아이디어 정리부터: 그리고 프로토타입 구현: [디자인 스프린트] 5일 차 고객 인터뷰 (2023.07.24.) 5일 차는 하루종일 5명의 고객인터뷰를 하는 날이다. 우리는 타깃을 20대 청년으로 잡았기 때문에 다른 20대이신 팀원분이 2명 구하고, 내가 3명을 구했다. 나름 전공이 다르고 (컴퓨터공학, 국제관계학, 경영학), 나이도 다르고 (23, 25, 22), 성별도 다른(여, 남, 여), 성격도 아주 다른 다양한 친구들에게 부탁을 하였다. 단, 하나의 공통점은 모두 주변 지.. 2023. 8. 21.
#9 피그마로 '카카오뱅크' 앱 UI 만들기 // 프로토타입 설정 방법 피그마의 디자인에 대한 기본적인 기능은 모두 익혔다. 오늘은 프로토타입(Prototype) 기능에 대해 배우고 실제 앱 UI를 따라 만들어보자. ※ 가장 좋은 UI 디자인 레퍼런스 사이트는 WWIT-윗 https://wwit.design/ Lifeplus 한국의 UI/UX 모바일 패턴을 수집합니다. wwit.design 1. 프로토타입(Prototype) 1) 체크 박스 설정 - 빈 체크박스와 채워진 체크박스 두개 만들기 - 각 체크박스를 컴포넌트 설정 -> combine variable -> change to 설정 - 만약 전체동의가 필요하다면 -> 피그마가 연쇄작용은 안됨, 보여주기 위함이니 모두 체크된 페이지를 따 만들면 됨 2) 스크롤 (Scroll) - Prototype -> scroll beh.. 2023. 7. 6.