[TIL] 24.10.16(수)
피그마 4주차 강의 내용 정리(5~8강)버튼 컴포넌트의 아이콘 바꾸기(인스턴스 스왑 프로퍼티) 버튼 컴포넌트의 텍스트 바꾸기(텍스트 프로퍼티) 합성 컴포넌트와 네스티드 인스턴스합성 컴포넌트: 컴포넌트에 폰트, 컬러, 여백 및 간격, 곡률 등 파운데이션 요소가 결합한 컴포넌트로, 바텀시트, 다이얼로그, 리스트, 카드, 탭 등 복잡한 구조의 컴포넌트를 의미함네스티드 인스턴스: 재료로 쓰인 컴포넌트를 하위 컴포넌트, 본체를 상위 컴포넌트라고 봤을 때, 상위 컴포넌트에서도 하위 컴포넌트의 속성을 조작할 수 있도록 하는 기능(네스티드 인스턴스를 가진 컴포넌트들은 대부분 합성 컴포넌트 > 컴포넌트 내부에 다른 컴포넌트들이 들어가 있다는 뜻이기 때문)(Nested는 '감싼'이라는 뜻으로, nest가 '둥지'라는 뜻인..
[TIL] 24.10.10(목)
피그마 3주차 강의 내용 정리(1~4강)파운데이션파운데이션: UI를 구성하는 가장 작은 알갱이이자 기초 재료(ex. color, radius, spacing, font, icon 등)사용하는 사람마다 분류와 이름이 조금씩 다를 수 있음색상(color)서체(font, typography)간격, 여백(spacing, gap)곡률(radius)그리드(grid)고도(elevation)아이콘(icon) 컬러 스타일디자인을 할 때 가장 먼저 정하게 되는 핵심 요소 UI 디자인에서의 컬러(컬러가 디지털 환경에서 구현되는 개념과 원리)RGB: 컴퓨터는 빨강, 초록, 파랑을 각각 256가지의 값으로 보여줄 수 있음> RGB색상을 사용할 때 '255, 255, 255' 처럼 작성하는 이유가 됨> 이 각각의 숫자를 컴퓨터는..
