[강의학습일지] Figma 활용법(2) 1주차 강의
컨테이너 컴포넌트 컴포넌트의 분류 6가지 중 하나합성 컴포넌트 (Compound Component)ex) 버튼은 이미 컴포넌트이지만 +폰트, 컬러, 여백 등등 만들어 다시 컴포넌트를 만듦팝업과 모달 팝업(Pop-up)일반적인 팝업의 뜻과 UI관점의 팝업은 다름 (회사/사람마다 부르는 이름이 다름)일반적 팝업: 현재 화면+새로운 화면모달(Modal)이름X, UI의 속성(팝업, 토스트, 바텀시트, 다이얼로그, 사이드바 등)어두운 화면: 뒤쪽의 화면이 멈추고 조작할 수 없음을 안내새로 떠있는 화면에만 시선을 집중시킴라이트박스(Lightbox) =스크림(Scrim), 딤드(Dimmed), 딤레이어(Dim Layer), 오버레이(Overlay)모달 UI를 사용할 때 어둡고 반투명한 층원래 있던 화면을 잠그고 사용..
[강의학습일지] UXUI 디자인 입문 6주차 강의
레퍼런스 분석여러 가지 사례를 분류해 생각해 보고 도움이 될만한 부분을 찾아보는 과정얻고 싶은 정보-다양한 사례수집-세부적 요소로 나눠서 살펴보기좋은 점, 나쁜 점, 이유를 찾고 분석해서 인사이트를 정리해서 좋은 디자인을 구분할 수 있다.1. 화면구조 분석화면을 구성하는 요소를 나누는 방법 - 예), 파운데이션 → 엘리먼트 → 모듈 → 페이지 파운데이션: 더 이상 세부 속성으로 쪼개지지 않는 가장 기본이 되는 요소 - 예) 색상, 폰트, 아이콘 등엘리먼트: 파운데이션이 모여서 만드는 요소 - 예) 버튼, 뱃지, 탭 등모듈: 엘리먼트가 모여서 만드는 요소 - 예) 리스트, 캐러셀, 내비게이션 등페이지: 모듈이 모여서 만드는 최종 화면 - 예) 홈, 마이페이지, 장바구니, ..