내일배움캠프 본캠프/TIL & WIL

[240712] 클론 디자인 & 7주차 WIL

kuichana 2024. 7. 12. 20:18

[클론 디자인]

강의 완강 이후, 피그마 사용에 대한 감을 유지하기 위해서 화해 홈 화면 클론 디자인을 진행.
 
 
📌 작업 시 유의했던 점
✅ 가능한 완성된 버튼, 모듈의 너비/ 높이는 짝수로 유지할 것.
 
- 가능한 4포인트 그리드에 맞춤.
- 4포인트 그리드에 벗어나게 되더라도 만들어진 요소의 너비/ 높이 값은 4포인트로 유지할 수 있도록 함.
 
 
한글 폰트와 영어 폰트를 구분하여 사용하면서 자간과 행간을 맞출 수 있도록 노력할 것.
사용한 폰트  한글: Apple SD Gothic Neo, 영어, 숫자, 특수기호: SF Pro
 
- 한글은 자간이 영어나 숫자에 비해 넓어 보이므로 자간을 -1~2.5% 정도로 조정하여 사용.
- 폰트의 행간이 서로 다르기 때문에 한글 폰트 대비 영어 폰트의 행간을 1정도 작게 조정.
 
 
✅ 아이콘은 되도록이면 그리드를 유지할 수 있도록 할 것.
기준 크기 및 두께  28px, 1.5pt / R값은 편의를 위해 0으로 설정.

좌측이 임의로 설정한 그리드, 나머지는 아이콘

 
- 대략적인 그리드 설정 후, 아이콘 드로잉.
- 아웃라인 스트로크 이후, 그리드에 맞게 아이콘 리사이징.
 
 


 

[밍글링 데이]

B조 내의 다양한 사람들을 만나 게임을 진행하고 서로 알아가는 시간
이었지만 10분 만에 영혼가출.. 

사람이 많은 환경에서는 원격으로도 기빨릴 수 있다는 걸 알게 되었다..


 

[비주얼 디자인 과제 피드백] 

이전에 진행했던 디자인/ 수정 중인 디자인

 
📌 과제에 대한 튜터님의 피드백
- 라운드 값을 주지 않은 버튼이 깔끔하고 명확함이라는 컨셉에는 부합하지만 편안하고 안정적인 느낌에서는 조금 멀어짐
- 채도가 낮은 파스텔 컬러는 컨셉에 부합하지만, 버튼 텍스트의 가시성이 낮아 보이는 문제가 있음
 
▶️ 버튼의 형태와 컬러스타일에 대해서 좀 더 고민해 볼 필요성
우선은 버튼에 라운드 값을 주고 색상을 시멘틱 단계 상 400 → 500으로 수정하여 임시적으로 수정함
Popular 부분의 뱃지는 이전에 작업하던 시안 중 하나로 텍스트의 형태로 넣어봤는데 여러 경우의 수를 좀 더 고민해 볼 예정.
 
 


[7주차 WIL] 

FACTS(사실, 객관) :
- 화요일에 새로운 팀이 편성되고, 파워 J이신 팀장님의 관리 하에, 매일 계획에 맞춰 UX 기획 및 리서치 강의 완강했다. 그리고 한 주의 마무리로 첫 팀 프로젝트의 마무리 차원에서 밍글링 데이를 진행했다.
 
FEELINGS(느낌, 주관) : 
- 개인 학습을 진행하면서도 계획대로 진행하다 보니까 안정감을 느꼈다.
 
FINDINGS(배운 것) :
- 계획표가 있지만 계획에 맞춰 강의를 진행해야 겠다는 생각은 없었는데 매일 계획대로 진행하다 보니까, 강의 내용을 좀 더 차근차근히 정리할 수 있는 기회가 되었다. 원래대로 라면 성격이 급해서 더 빠르게 듣는 거에만 집중했을 것 같은데 이번에는 강의 내용을 전체적으로 정리할 수 있는 시간을 확보할 수 있었다. 
 
FUTURE(미래) : 
- 앞으로도 하루에 가능한 많은 일을 하려고 하기보다는 정해진 분량 만큼 진행할 수 있도록 해야 겠다.