TIL (Today I learned)
오늘 나는 무엇을 했나요
- 카타 ( 랜딩페이지 레퍼런스 서치)
- 피그마 활용법 (1) 1~ 3주차 강의
오늘은 어떤 것을 배웠나요
1. 카타 ( 랜딩페이지 레퍼런스 서치)
디자인 카타란?
매일 레퍼런스를 수집하고 분석하며 "왜?"라는 질문을 던지고
이를 다른 사람들에게 전달하는 연습을 통해 디자인 사고력을 기르는 데일리 과업입니다.
반복되는 연습이라는 뜻을 가진 Kata 를 통해 매일 아침 디자인을 훈련해봅시다.
어떤점이 도움되나요?
근본적으로 'WHY?'라는 질문을 디자인 결과물로 자연스럽게 풀어내는 능력을 키워내는 훈련을 합니다.
레퍼런스를 분석하고 자신의 의견을 전달하는 과정을 통해 UX 설계 역량을 높이고,
프로덕트 디자이너로서의 핵심 자질을 점차적으로 발전시키게 됩니다.
- 시각적 분석 능력 강화
- 디자이너로서 다양한 자료를 보고 본질을 파악할 수 있는 능력을 기릅니다.
- 매일 레퍼런스를 수집하고 생각을 정리함으로써 시각적 판단력을 키워갑니다.
- 커뮤니케이션 능력 향상
- 자신의 의견을 효과적으로 전달하는 힘을 기릅니다.
- 다른 사람의 시각을 듣고, 그 시각에 맞춰 의견을 전달할 수 있는 능력을 키웁니다.
먼저 랜딩페이지의 정의는 소비자가 검색 엔진 혹은 웹/앱의 광고를 통해 도달하는 페이지이기 때문에 착륙이라는 뜻의 랜딩(Landing)을 붙여 사용
- 홈페이지와의 차이
- 랜딩 페이지는 비지니스 웹사이트와 별개로 그 자체로 ‘목적’이 있는 웹페이지일 수 있는 반면, 홈페이지는 비즈니스 웹사이트의 첫 페이지를 말함
- 랜딩 페이지는 마케팅을 위한 단 하나의 목표를 가지고 있지만, 홈페이지는 웹사이트 전체에 대한 탐색을 촉진하는 것이 목표이자 목적
오늘은 랜딩페이지 레퍼런스를 서치하고 발표 자료를 제작하였음 1시간동안 좋아보이는 3가지이상의 랜딩페이지 레퍼런스를 찾아 좋은이유를 작성을함
1.https://www.masterclass.com/
4.https://coda.io/start/welcome
각자의 랜딩페이지 선정이유
1번사이트
-고객의 구체적인 목표에 대해 생각하는 것으로 시작하고, 그 목표를 헤드라인으로 하여 확 눈에 들어옴
-헤드라인바로 아래 바로 고객에게 이 홈페이지를 찾은 이유를 물어보며 CTA 버튼을 자연스레 유도함
-왼쪽부분은 고객에게 필요한 정보를 배치하고 오른쪽부분은 슬라이드 애니메이션을 넣어 간결하게 랜딩페이지를 만듬
2번사이트
-애니메이션을 넣어 방문자들의 주의를 집중시키고 페이지에 머무는 시간을 좀 더 만듬
-매우 간결한 구성으로 고객이 이 페이지를 들어온 이유가 무엇인지 정확하게 알고 원하는것을 보여줍니다.
3번사이트
- 무료로 가입 아래 신용카드를 필요로하지 않는다는 문구로 방문자의 CTA 버튼유도에 도움을 줌
- 바로 아래 제품 실사용 모습을 배치하여 페이지와 상호 작용하도록 유도하는 데에도 도움이 됨
- 랜딩 페이지가 매우 단순하여 방문자가 제품에 집중할 수 있도록 함
4번사이트
- 3번사이트와 비슷하게 바로 아래 제품 실사용 모습을 배치하여 페이지와 상호 작용하도록 유도함
- 다른 레퍼런스 사이트와 달리 상단바에 내용을 없애 좀 더 제품에 집중할 수 있도록 함
2. 피그마 활용법 (1) 1~ 3주차 강의
1. 컬러스타일과 폰트스타일을 다시한번 제작해보면서 만드는방법에 좀더 익숙해졌음
2. 1:3:6법칙의 개념 익숙해졌음
3. 분기점을 정하는 기준점과 정할때 생각하면 좋은것을 복습하였음
4. 일반적인 행간값과 그 이유를 다시 복습하였음
서체마다 모두 다르긴 하지만 일반적으로 통용되는 값은 있어요.
제목처럼 굵고 큰 폰트 : 120~135%
본문은 135~170% 사이
(본문의 경우 150%로 하는 게 제일 좋다고 알려져 있어요.)
150% 라는 건 2로 나눈 값을 더한 값
즉, 150%는 2배수로 움직일 수 있다
기본 폰트 사이즈가 16px일 때, 2로 나눈 값은 8이기 때문에 행간 값은 폰트 사이즈 16px에 절반인 8px을 더해 24px가 됌
오늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요
오늘은 처음 카타를 하여 랜딩페이지 레퍼런스를 서치를 하였는데 랜딩페이지가 무엇인지 조차 몰라서 문제를 겪고 튜터님에게 질문을 하여 해결을 하였습니다.
앞으로는 랜딩페이지나 웹페이지 등 특정 페이지등을 레퍼런스 서치를 하면서 공부를 하기