이나의 공부 블로그

[TIL] #14 디자인 카타, 클론 디자인 연습 등~ 본문

스파르타 내일배움캠프/프로덕트 디자이너 트랙

[TIL] #14 디자인 카타, 클론 디자인 연습 등~

ina_design 2024. 11. 7. 20:34

오늘의 학습내용📖

 1.디자인 카타 

어제 발표한 내용을 바탕으로 크리틱 시간을 가졌다.

앱을 사용하다보면 "어 이거 왜이래 별론데" 하는 걸 바로바로 느낄 수 있는데

캡쳐된 이미지들만 보고 크리틱을 하니까 좀 어려웠다~

그리고 나는 UX 보다는 디자인적인 게 더 많이 보이는 듯...

UX를 중심으로 크리틱하는 연습도 해야겠다!

오늘 크리틱 끝난 후 피그마 페이지

2.클론 디자인 

카타 끝나고 과제 피드백 기다리면서 클론 디자인을 하려고 마음 먹었다 !!

클론 디자인 할 때 주의할 점이 궁금해서 구글링을 해봤다.

  1. 원본을 트레이싱 하지 않고 옆에 두고 클론 디자인 하기
  2. 간격,폰트,색상 등 추측해보며 작업하기(스포이드로 컬러 찍거나, 자로 사이즈 재보기X)
  3. 레퍼런스의 좋은 점,개선할 점 등 글로 정리해보기

요 정도 찾았고...

주의 해야할 사항이 더 있는지 궁금해서 질문방에 질문 올렸는데,

해든 튜터님께서 너무 좋은 답변을 남겨주셨다 !!

 

감사합니당 !!!

 

가장 기본인 애플 시스템부터 배껴보자 !! 해서 했는데 쉬울 줄 알았던 게 넘 어려웠다...

 

어떤 개체끼리 먼저 오토레이아웃으로 묶어야하는지도 모르겠고

오토레이아웃으로 묶었는데 패딩값 주니까 갑자기 줄어들고... 엉망진창이었다 !!

그래서 튜터님께 호다닥 가서 질문 드렸는데 바로 알려주신 대로 해보니 제대로 돼서 신기했다 오오...

 

엉성~~

 

애플은 마진값도 홀수로 주고 폰트도 홀수로 쓰는데

나는 아직 초보자니까 최대한 2의 배수로 맞춰서 했더니 간격이 좀 많이 다름 ㅎㅎ...

 

튜터님들께서 클론 디자인을 추천해주셔서 시작한건데 정말 좋은 것 같다.

공부를 잘하려면 내가 잘하는 것보다 못하는 걸 찾아야하는데

클론 디자인이 그런 점들을 바로바로 찾을 수 있는 것 같다... 흑흑...

 

오후에는 컬리 클론 디자인 했다 !!! 시간이 쭉쭉 잘간다 ~~~~

메인 페이지만 했는데 벌써 저녁시간 된 거 실화...?

또 모르는 거 있어서 튜터님 찾아가서 귀찮게 함...ㅎㅎ

마진 여백은 패딩값으로 채우기도 하고 안채우기도 하고 상황에 따라 다르다고 하셨다 (이거 젤 궁금했던 거)

오토레이아웃 오류인지 내가 뭘 잘못 설정한건지 패딩이 안먹혀서 컴포넌트 다시 만들고 난리난리였다...

 

클론 디자인을 하고 느낀 점...

강의에서는 폰트 16px부터 쓰라고 했는데 생각보다 폰트를 작게들 쓰는구나 ~_~...

12px부터 많이 쓰는 듯?

그리고 배리언츠,프로퍼티를 쓸 일이 많아서 손에 익을 수 밖에 없을 것 같았다

 

3.개인과제 해설강의 

 

7시에 개인과제 해설 강의가 올라와서 바로 시청...!!!

다행히 해설강의에 나온 대로 다 해서 제출한 것 같당... 디자인은 좀 미흡했지만 ^^;

해설강의 보고 컴포넌트 세트 만들어서 캐러셀 만드는 방법을 처음 알게 되었다...!!

과제 여기서 끝내지말고 더 수정해보라고 하시는데 튜터님들 피드백까지 받고나서 수정해야징

 


 

느낀 점, 새롭게 깨달은 것💡

- 앞으로도 꾸준히 클론 디자인을 해야겠다

 

오늘의 잘한 점🥰

- 오늘도 시간을 허투루 보내지 않고 알차게 보낸 점 !💨

 

오늘의 문제점,부족한 것😵‍💫

- 없어요!!! 없는 날도 있어야죠 !!!

 

해결방법👊

- 오늘도 잘 퇴실하고 끝나고 동숲 노래 들으면서 뜨개질 해야징~ 나를 위한 보상 ~~ 힐링 ~~🔮