1.333배
7강 까지 듣다가 잘 몰라서 질문남겨봅니다.
폰트에 1.333배를 사용하는 이유가 궁금합니다.
그리고 type-scale.com 에 있는 스케일중에서도 왜 1.333 - perpect Fourth 을 사용하는지도 궁금합니다.
이로인해 폰트에 소수점이 생기는건 괜찮나요?
답변 1
6
안녕하세요 fellgood1177 님 :)
요즘 오프라인 강의가 많아 제가 답변이 좀 늦었네요.
1. 제 기준에서의 폰트 크기의 비율은 1.333배씩 증가하는 모습이 가장 좋아보이고 크기 또한 대중적으로 많이 사용되는 크기이기 때문에 사용한 겁니다.
2. 먼저 type-scale 에 대해 이해할 필요가 있는데요, type-scale은 타이포그래피 디자인 이론으로, 제품 또는 서비스에 균형 있고 조화로운 구성을 설정하기 위해 사용되는 글꼴의 시스템 같은 개념입니다.
여기서 글꼴의 비율은 수학적(황금비율) 이론과 화성학의 음계를 기반으로 하는 비율로 정해지는데요, 그게 바로
perpect fourth와 같은 항목들입니다 :)
Minor Second : 단2도
Major Second : 장2도
Minor Third : 단3도
Major Third : 장3도
Perfect Fourth : 완전4도
Argmented Fourth : 증분4도
Perfect Fifth : 완전5도
Golden Ratio : 황금비
이렇게 각자의 증가 비율마다 화성학 용어를 설정해두고 타이포그래피의 이론으로 사용하고 있습니다.
무엇을 정해서 쓸지는 디자이너의 선택이며, 이렇게 일정값이 증가하는 형태의 디자인을 했다면, 개발자도 수월하게 작업할 수 있습니만, 대부분의 디자이너들이 본인의 느낌(feel)대로 디자인 하는 경우가 많습니다.
3. 박스들간의 간격과 크기에 대한 소수점은 문제가 될 수 있으나 폰트는 전혀 문제되지 않습니다.
감사합니다 :)
borderTransparent를 라이트/다크모드에 이중등록
0
30
2
해결되었습니다.
0
26
1
안녕하세요! 강의잘 들었습니다.
0
84
2
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
0
52
2
토큰스튜디오에서 폰트 스타일등록 문의
0
66
2
토큰에서 style로 export시 에러
0
74
2
컬러시스템 등록 관련
0
72
2
토큰 light/dark mode 오류
0
69
2
Pretendard 없으면 에러납니다
0
245
2
폰트 토큰 작업 할때
1
100
3
여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
0
59
2
토큰을 깃허브에 올리는 방법이 없어진거 같은데요
1
84
2
토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요
0
217
2
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
1
80
1
tailwind color generator 이게 작동이 잘 안되네요
0
75
2
figma tokens플러그인 안나오는데요??
0
126
2
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
1
57
2
피그마 배리어블에 export시 값 저장 안됨
0
210
3
Style - variable 문으ㅣ ㅜㅜ
0
69
2
borderTransparent 임포트가 안됩니다
1
69
2
화면이 보이지가 않아요?
0
67
1
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
1
275
2
피그마 토큰 플러그인
1
293
2
깃허브 sync 오류
1
193
2