피그마 놀이터

안녕하세요. 오늘은 모바일 UI에서 많이 볼 수 있는 토글스위치에 대해 간략히 알아보고 디자인 및 프로토타입을 만들어 보도록 하겠습니다. 토글스위치는 1916년 William J. Newton이 발명한 물리적 토글스위치에서 유래되었습니다. 이러한 스위치는 전등이나 기기의 전원을 켜고 끄는 데 사용되었으며, 간단한 레버 동작으로 두 가지 상태를 전환할 수 있었습니다.(출처 : 위키피디아) 집에서도 흔히 볼 수 있는 전기 스위치로 생각하시면 됩니다. 스마트폰 환경 설정에서 토글스위치를 많이 보셨을 텐데요~ 물리적인 토글스위치의 형태와 기능을 디지털 환경에 맞게 구현하였습니다. 단순하고 직관적인 디자인으로 끄고/켜다 처럼 상반되는 의미를 두고 제작하고 사용하게 됩니다. 토글스위치 만들 때 주의사항 목..

안녕하세요. 지난 포스팅에선 컴포넌트 속성 중 베리언트 추가 방법에 대해 알아보았습니다. 나머지 속성인 불리언, 인스턴스 스와이프, 텍스트 속성에 대해 이어서 살펴보겠습니다. 다시 한번 정리하자면 Property(프로퍼티) = 속성 = 컴포넌트 자체속성 Variants(베리언츠) = 변형 = 단일 컴포넌트에서 파생된 다양한 컴포넌트를 세트로 묶어서 관리 컴포넌트 자체가 가지고 있는 속성을 프로퍼티라고 합니다. 베리언트는 한 개의 컴포넌트를 (상태, 색상, 크기... 등) 필요에 의해 다양한 컴포넌트로 변형 만들고 세트로 묶어서 관리하는 것을 말합니다. 프로퍼티는 현재 총 4가지가 있습니다. 1. Variant (베리언트) : 컴포넌트의 여러 상태에 따른 종류, 여러 컴포넌트를 세트로 묶음 2. Boole..