[TIL] 0729

 

1. 오늘 학습 키워드

• 클론 디자인

 

2. 오늘 학습한 내용을 나만의 언어로 정리하기

 

네이밍 규칙의 중요성

• 구조 파악을 돕기 위한 대명사처럼의 네이밍 필요
• 일관된 규칙으로 정리하면 구조를 파악하는 데 도움이 됨
• 네이밍은 단순 이름 붙이기가 아니라 사람과 시스템이 모두 이해하기 쉽게 만드는 설계의 일부

오픈라이브러리 사용하는 방법은?

• 정답지처럼 받아들이지 말고, 이해하고 내 것으로 소화하기
• 이점
  • 원티드 내부의 구조, 컴포넌트 만드는 방식 직접 체험 가능
  • 실무에서 사용하는 naming, spacing 등 암묵적 기준 체험
  • 표준은 아님 -> 참고 자료로 활용하기

 

홈화면의 역할

• 전체 서비스 흐름을 보여주는 가장 중요한 페이지
• 사용자에게 가장 강조하고 싶은 정보가 명확히 보이도록 설계해야 함
• 홈 = ‘핵심 정보 요약 + 진입 경로 제공’의 역할

 

컬러 시스템: Atomic vs Semantic

• Atomic Color: 전체 팔레트 기준 (기초 색상 정의용)
• Semantic Color: 실사용 목적에 맞게 역할을 부여한 색
  • 실무에서는 주로 semantic color 사용
• Label 정의 예시:
  • strong: 강조가 필요한 상황
  • normal: 일반적인 경우
  • neutral: 가시성 확보가 필요한 상황
• 단순 색상이 아니라, "왜 이 색을 쓰는지"의 맥락을 이해하고 적용하기

 

아이콘 작업 시 유의점

• 아이콘은 반드시 프레임 안에 포함되어야 함
• 가로, 세로 모두 scale로 반응형 적용 가능해야 함
  → 다양한 사이즈에서 왜곡 없이 잘 보이게 하기 위함

 

 

오늘 진행한 디자인 카타🔽

 

 

[디자인 카타] 월별 시세 비교 그래프, 어떤 보기 방식을 선택할까?

 

 

3. 학습하며 겪었던 문제점 & 에러

 

- 새롭게 알게 된 점 & 느낀점

• • UI 분석을 제대로 안 하면, 실제 UI 구조 설계 단계에서 더 고생하게 된다 
  • Radius, padding, gap 등을 나름 분석해뒀지만, 막상 UI 설계를 할 때 본인이 못 알아봐서 다시 구조를 분석하러 가는 일이 생겼다.->나중에 헷갈리지 않으려면, 단순 수치가 아니라 컨텍스트와 예시까지 함께 정리하기
  • 과제 해설 보니까 빠뜨린 아이템들(뱃지, 그라데이션, ...)이 꽤 보인다ㅎ ㅎ ㅎ ㅎ  ㅎ ㅎ.. 

 

 

4. 다음주 학습 할 것은 무엇인지

• 입문주차(2) 발제 듣기
• 개인과제 추가할 부분 수정하기
• 개인적으로 볼 내용 🔽

모바일 디자인할 때 그리드 시스템 꼭 사용해야 할까?