[📝TIL 02_1]10점 만점의 10조, 괜찮아요..? 많이 놀랬조..?

|  2024년 10월 28일 월요일 TO DO  |

✔️팀 노션 작성하기
✔️ 디자인카타 - 랜딩페이지

✔️  Figma 활용법(1) 1주차 강의 듣기

+ 저번주에 배운 화면 연결하기 복습

✔️ 1주차 숙제 작성 후 제출하기

---

디자인 카타 : 랜딩페이지

랜딩페이지 Landing page  ✏️

착륙이라는 뜻을 가진 랜딩 landing을 붙여 사용된 단어로,
소비자가 검색을 통해, 또는 웹/앱의 광고를 통해 보여지게 되는 페이지를 말한다.
또한 제품 구매 및 회원 가입과 같은 특정 액션을 자연스럽게 유도하는 페이지기도 하다.
이러한 페이지를 통해서 자사의 상품과 서비스를 홍보할 수 있는 도구이다.

단, 홈페이지와는 다르다.
홈페이지는 다양한 요소가 있는 비즈니스 웹 사이트의 첫 페이지이며, 웹사이트 전체에 대한 탐색을 촉진하는 것이 목적이다.
랜딩페이지는 마케팅 또는 판매 목적으로 활용되기 적합한 페이지이자 필수적인 정보만을 제공한다.

 

랜딩페이지가 정확하게 어떤 목적으로 활용되는 페이지 인지 알아본 후 레퍼런스를 찾아보았다.

평소에 사용하면서 좋아보였던 레퍼런스들이 많았는데..!!

좋은 디자인이 보이면 바로바로 저장과 메모를 해두는 습관을 들여야겠다.

 

약 09시 30분부터 10시 30분까지 랜딩 페이지 레퍼런스를 찾고 이유를 작성하였다.

레퍼런스 서치가 느린편인 나는 원하는 레퍼런스들을 많이 못찾았다🥲

---

 

1주차 강의 : 01 피그마 알아보기 + 사전강의 5주차 화면 연결 복습

화면 연결하기

플로우

플로우 Flow는 프로토 타입의 흐름 하나하나를 말한다.

파란 선이 플로우_figma

 

 

트리거 속 플로우의 종류(10가지)

트리거 Trigger 는 프로토타입의 플로우를 실행시키는 조건이다.

올라가 있는 "동안"에 인지, 그냥 올라간 상태인지를 잘 구분해야한다.

On click	클릭 또는 탭/터치 했을 때 액션	On drag	드래그 했을 때 액션
While hovering	커퍼/마우스가 영역 위에 올라가 있는 동안에 액션 유지	While pressing	커서/마우스가 영역을 누르고 있는 동안에 액션 유지
Mouse enter	커서/마우스가 영역 위에 올라가면 액션	Mouse leave	커서/마우스가 영역을 벗어나면 액션
Mouse down	커서/마우스가 영역을 누르면 액션	Mouse up	커퍼/마우스가 영역을 눌렀다 땠을 때 액션
Key/Gamepad	특정 키를 눌렀을 때 액션	After delay	일정 시간이 지난 후에 액션

 

 

트리거 속 액션의 종류(11가지)

액션 Action은 프로토 타입 플로우의 목적지이자 트리거로 인해 만들어지는 결과 예시이다.

Navigate to	페이지(프레임) 이동	Change to	컴포넌트의 다른 베리언츠를 변경	Back	직전 화면으로 이동
Set variable	변수를 특정 값으로 설정	Set vartiable mode	변수를 특정 모드로 설정	Conditional	조건에 따라 A or B 실행
Scroll to	특정 지점까지 스크롤해서 이동	Open link	URL 엶	Open overlay	현재 화면에 다른 프레임을 위에 겹쳐 보여줌
Swap overlay	라이트 박스를 유지한 채 다른 프레임으로 교체	Close overlay	라이트 박스를 닫음

 

 

애니메이션의 종류

애니메이션은 위의 액션을 어떻게 실행 시킬지 결정하는 역할이다.

Instant	별도의 애니메이션 없이 진행	Dissolve	천천히 흐릿해지며 화면을 전환 (=Fade in/out)
Smart animate	이름이 같은 프레임들이 자연스럽게 움직임	Move in/out	화면 위에 다음 화면이 덮여지거나 벗겨지듯 전환
Push	현재 화면을 지정한 방향으로 밀면서 등장	Slide in/out	화면을 지정한 방향으로 밀어 사라지게 하는 동시에 등장

 

 

---

오늘은 또 다른 새로운 팀으로 시작하게 되었다!

이름은 ✨ 10점 만점의 10조✨

후보지가 참 많았는데 조 이름처럼 보이는(?)것으로 정했다 ㅎㅎㅎㅎ

사실 "괜찮아요? 많이 놀랬조" 도 탐났지만 10점 만점의 10조가 의지 불타기 좋을것 같았다.

🔥 이번 팀도 열심히 참여해보기 화이팅이다 🔥