multiking

온보딩 화면(Onboarding Screen)은 사용자가 앱을 처음 실행할 때 앱의 목적, 주요 기능 또는 브랜드 메시지를 소개하는 첫 진입 경험이다. 이 실습에서는 피그마를 활용하여 3장의 온보딩 화면을 만들고, 이후 프로토타이핑으로 자연스러운 좌·우 스와이프(또는 버튼 클릭) 흐름을 구성하는 것을 목표로 한다.Ⅰ. 실습 목표모바일 프레임을 생성하여 온보딩 UI를 구성할 수 있다.일관된 타이포그래피와 컬러 스타일을 적용할 수 있다.온보딩 화면 3장을 구성하여 기본적인 앱 첫 화면 구조를 완성할 수 있다.다음 단계에서 프로토타입 연결을 할 수 있도록 깔끔한 구조를 만든다.Ⅱ. 온보딩 화면 구성 원칙앱 소개 이미지 또는 일러스트핵심 메시지(Headline)부가 설명(Body Text)페이지 인디케이터 (●..

학습목표:와이어프레임과 프로토타이핑 개념과 제작 시 유의할 점을 학습한다.와이어프레임의 개념과 유의할 점와이어프레임(Wireframe): 기획자나 디자이너의 아이디어를 러프하게 구성한 화면 디자인. ✓ 각 화면 단위의 UI를 설계하는 것✓ 화면의 설계와 화면 간의 관계 및 이동까지 모두 포함.✓ 구조(페이지 요소의 구성 방식), 콘텐츠(페이지에 표시될 내용) 및 기능(인터페이스의 작동 방식)을 설명하는 데 사용 와이어프레임 작업 시 유의할 점은 다음과 같다:기능적 요소의 위치와 역할을 명확하게 설정해야 한다.디자인의 일관성을 유지하여 사용자 경험을 향상시켜야 한다.사용자 흐름(User Flow)에 맞게 화면 전환을 고려해야 한다.다양한 디바이스에서의 활용성을 염두에 두어야 한다.와이어프레임 툴 핸..