오늘 한 것들
- 팀 과제
디자인카터 - 랜딩페이지 레퍼런스 인사이트 공유 - 개인 과제
피그마 활용법(1) 완강 - 숙제가 추가되었다.
피그마 활용법(2) 1~2주차
컨테이너 컴포넌트, 다이얼로그 컴포넌트, 체크박스와 라디오, UI키트
-
Conatiner Component - 합성 컴포넌트
-
모달(Modal) - 사용자가 특정 행동을 취하기 전까지 다른 행동을 할 수 없는 것, UI를 분류하는 기준 중 하나.
-
모달의 종류 - 팝업, 토스트, 바텀시트, 다이얼로그, 사이드바 등
-
팝업(pop-up)의 종류- 윈도우 팝업(작은 새 탭-허용 문제) / 레이어 팝업(대다수 - 컴포넌트로 만든 하나의 레이어를 더 보여주는 개념)
-라이트박스 : 모달 뒤 화면을 가리는 반투명한 화면 (Scrim, Dimmed, Dim Layer, Overlay) -
Caution!
중요한 정보를 입력하는 도중 라이트박스를 눌렀을 때 다 날아가는 경우를 방지
너무 자주 나오면 흐름을 방해하고 불편 -
Dialog Component (dialog : 대화)
사용자의 의사를 묻고 답을 얻을 때 사용
컨테이너 속성 + 모달 속성
선택지의 유형에 따라 조작법이 달라진다.
Dialog : 라이트박스를 누르면 취소 또는 닫기
Alert : 경고 또는 확인 표시 : 반드시 버튼을 눌러 확인하거나 직접 취소를 눌러 닫아야함
중요한 시점에 쓰거나 반드시 필요할 때만 사용
Toast or Snackbar : 선택한 행동의 결과 또는 처리 결과를 가볍게 안내할 때 사용 -
컨트롤요소
라벨과 텍스트의 행간을 동일한 세로길이로 맞추기 -
정보구조도(Information Architecture) : 층별 안내도, 설계도
-
Flowchart(Flowchart) : 오시는 길, 흐름
-
와이어프레임(Wireframe = Lo-fi Prototype) : 화면과 시나리오를 빠르고 간략하게 만든 것, 효율적인 소통이 목적
-
피그마 활용법(2) 2주차 숙제- ios와 android, web과 app의 차이점을 조사하는 것! 개인적으로 헷갈리는 부분이라서 노션에 정리중이다.
내일 할 것들
- 강의 수강에 집중하는 주간
- 피그마 활용법 (2) 2주차 숙제 제출, 3주차 완강
느낀 점
-
월요일에 미션인증방을 만들었다. 내일은 말일이어서 미션을 정하는 날이다.
체력을 키우기 위해서 매일 러닝하기를 미션으로 정할 예정이다!
매니저님 제외 총 11명이 모집되어서 뿌듯하다. 방장(?)으로서 열심히 해야겠다. -
강의는 잘 가르쳐주시는데 숙제가 생각보다 까다로워서 설명을 잘 읽어보면 쉬우면서도 까다롭고, 개인적인 공부가 더 필요하다.
