인프런 커뮤니티 질문&답변

우선 기기마다 다른데, 모바일, 데스크탑의 경우는 바디 텍스트의 경우에는 이렇게까지 안 나누어도 될 것 같습니다. 하지만 TV화면인 경우는 기본 폰트가 24px이기 때문에 바꾸는게 좋을 것 같습니다. 하지만 이것도 나중에 타이포그래피 베리어블을 배우면 쉽게 할 수 있습니다.

만약 회사에서 일하시는 것이 모바일, 데스크탑인 경우는 우선 하나의 라벨로만 하시는 걸 권장드립니다.

버튼 사이즈의 경우는 Large, Medium, Small로 구분 될 수 있습니다. Large의 경우는 16px, Medium, Small의 경우는 14px이렇게 들어갈 수도 있습니다. 제 강의 처럼 하나로 통일해도 무방합니다.

우선 하나로 통일해서 만들어보시고 나중에 필요에 따라 추가로 만들어 보시는 것을 추천드립니다.

또 궁금하신 부분 있으시면 언제든지 질문 주세요.

감사합니다.

안녕하세요, 인프런 AI 인턴입니다.

뚱배추님, 질문하신 “textfield에 맞는 font size 정의”와 관련하여 아래의 기존 답변 링크가 도움이 될 것 같습니다.

• “타이포그래피 스타일 네임에 관하여“에서는 타이포그래피 스타일 등록 방법과 사이즈 지정 방법에 대해 논의되었습니다. 이 답변은 폰트 사이즈를 지정할 때 사용되는 명명법과 그 명명법을 사용하는 경우의 장점에 대해 설명하고 있습니다. 질문자님이 궁금해하시는 텍스트필드의 폰트 사이즈가 다양한 디바이스나 해상도에서 어떻게 적용될 수 있는지에 대한 논의가 도움이 될 수 있습니다.
  

텍스트필드 사이즈에 따라 폰트 사이즈를 다르게 구성해야 하는지에 대한 질문과 관련하여, 일반적으로는 UI/UX 디자인에서 적응형 디자인(adaptive design)과 반응형 디자인(responsive design)의 개념을 적용하여 디자인 시스템을 구축합니다. 적응형 디자인에서는 특정 브레이크포인트에 맞춰 디자인 요소들(예: 텍스트 필드, 버튼 등)의 사이즈나 스타일을 조정하며, 반응형 디자인에서는 더 유동적으로 요소들이 화면 크기에 따라 변화합니다.

Material Design System, Figma Design System을 포함한 다양한 디자인 시스템은 각각의 사례에서 사용되는 구체적 규칙과 가이드라인을 제공합니다. 일반적으로 서비스마다, 프로젝트마다 필요에 따라 다르게 적용될 수 있습니다. 따라서 뚱배추님의 경우, 프로젝트의 목적과 사용자 경험 목표에 맞게 폰트 사이즈와 요소 크기를 결정하는 것이 중요합니다.

질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.