본문 바로가기 메뉴 바로가기

multiking

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

multiking

검색하기 폼
  • 분류 전체보기 (313)
    • 데이터 R지? (22)
    • Data Science (21)
      • data분석 예제 (1)
      • R package (14)
      • Orange3 (6)
    • 강의실 (26)
      • 컴퓨팅사고 with python (26)
    • UI_UX Design (153)
      • UI Design 개론 (48)
      • Figma (31)
      • Adobe XD (18)
      • Google UX Design (1)
      • CUI와챗봇 (9)
      • HCI개론 (21)
      • 디지털기술과예술 (24)
    • Python (41)
      • 기초문법 (8)
      • 실전예제 (13)
      • Text Mining (18)
    • Front-End-Web (25)
      • html+css (20)
      • Andorid with Kotlin (4)
    • 컴활 (8)
      • 생성형 AI 알까기-AI한테 맡겨봤더니 인생이 편.. (2)
    • 머신러닝 (2)
    • 실전 프로그래밍 (1)
      • 레이-오스테리스 복합도형검사 (1)
  • 방명록

navigate (1)
프로토타입_온보딩 화면만들기

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

UI_UX Design/Figma 2024. 12. 4. 21:38
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
반응형

Blog is powered by Tistory / Designed by Tistory

티스토리툴바