웹 클론 디자인 - 내배캠 사전캠프 3주차 수요일 ~ 목요일

1. 디자인 클론을 진행할 웹을 선정합니다.

유튜브

2. 내가 선정한 웹/앱을 뜯어보고 간단하게 설명을 작성해봅시다.

a. 분야

• 영상
  

b. 핵심 서비스

• 영상 시청
  

c. 주요 기능

• 영상시청
  

영역: 홈, shorts, 구독, YouTube Music, 나, 오프라인 저장

• 홈 :
  - 알고리즘 추천 영상
  - 카테고리별 영상 추천
  - 알림 확인
  - 영상 업로드
  

• shorts :
  - shorts 영상 시청
  - shorts 좋아요 싫어요 댓글 공유 등

• 구독 :
  - 구독한 채널 영상 중 최근 업로드된 영상
  - 구독한 채널 관리

• YouTube Music :
  - 추천 음악과 재생목록, 뮤직비디오
  - 카테고리별 음악 추천
  - 재생목록 만들기

• 나 :
  - 채널, 프로필 설정
  - 시청기록
  - 재생목록

• 오프라인 저장 :
  - 오프라인 저장한 영상 시청가능
  

3. 선정한 서비스에서 어떤 부분을 클론할 지 정합니다.

1. 메인화면

클론 한 메인화면

2. 핵심 서비스 - 영상 시청 화면

메인화면 하나 만드는데 생각보다 오래 걸려서 핵심 서비스 화면은 다음날 만들었다.
아이콘을 찾기위해 플러그인에서 머터리얼 심볼을 사용했는데 아이콘 이름을 몰라서 아이콘을 찾는데 시간이 많이 소요됐다. 그래도 찾지 못 한 아이콘은 직접 그려서 만들었다. 클론 디자인을 하면서 처음에 생각했던 것 보다 많은 공부가 됐다. 생각지도 못 했던 아이콘 이름, 내배캠 피그마강의에서 배웠던 스킬들을 사용하면서 복습도 됐고 같은 자간같아 보였지만 조금씩 달랐던 글들, 전체적인 화면 구성과 강약등 많은 것을 학습했다. 처음에는 단순작업이라고 생각하고 지루할줄 알았는데 평소에 대충 봤던 유튜브 웹사이트 구성을 하나하나 관찰하면서 따라 만드는 시간에 어느새 집중하게됐고 즐거움을 느꼈다.