multiking

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

베리언트(Variant)?피그마의 베리언트(Variant)는 디자인 시스템 내에서 하나의 컴포넌트에 여러 상태, 크기, 스타일 등을 정의하여 효율적으로 관리할 수 있도록 돕는 기능이다. 이를 통해 유사한 속성을 가진 다양한 컴포넌트를 하나의 그룹으로 관리할 수 있으며, 작업 속도를 높이고 일관성을 유지할 수 있다.베리언트의 주요 특징속성(Property): 각 베리언트는 속성을 기반으로 정의된다. 예를 들어, 버튼의 "크기", "상태", "컬러" 등의 속성을 설정할 수 있다.다양성: 베리언트를 사용하면 단일 컴포넌트에서 다양한 변형을 쉽게 선택하고 적용할 수 있다.컴포넌트 관리 효율성: 디자인 시스템을 더 체계적으로 구성할 수 있다.버튼 베리언트 속성SizeStateColorSmallDefaultPrim..

학습목표- component와 에셋의 개념을 이해하고 활용 할 수 있다. Ctrl + C  & V 만 계속 할 수 없쟎아Component디자인에서 자주 반복되는 UI 요소를 일관되게 재사용할 수 있도록 만든 디자인 모듈을 말한다. 피그마에서 컴포넌트를 사용하면 디자인의 일관성을 유지하면서도 효율적으로 작업을 관리할 수 있다.컴포넌트의 특징과 장점재사용 가능:컴포넌트는 한 번 만들어 두면 다양한 화면이나 페이지에서 반복적으로 사용할 수 있다.예를 들어, 버튼, 카드, 헤더, 아이콘 등이 컴포넌트로 만들어지면 여러 곳에서 같은 스타일로 재사용할 수 있다.일관성 유지:컴포넌트를 사용하면 디자인 전체에 걸쳐 일관된 스타일과 구조를 유지할 수 있다.예를 들어, 버튼 컴포넌트를 업데이트하면 이 컴포넌트를 사용한 모..