Summarize this script using the bullet point tree summary or hierarchical bullet point summary format with a bold font for the important keywords.

bullet point tree summary or hierarchical bullet point format with a BOLD font for the important keywords is what I need.

Script:

Typography and best practice
Typography is crucial in our interactions with products and interfaces. More than 90% of online information is in text form. It enhances user experience and usability, capturing users' attention and potentially helping achieve business goals. Because there is some ambiguity in typographic terminology, this reading will go over the essential terms that are especially important to you as a UX UI designer.

As a result, typography makes language visible and plays an essential role in design. Your Style Guide should also include a Typography study.

Lettering and typography
It's critical to distinguish between lettering and typography. Both are popular today and often mixed up. They do, in fact, deal with letterforms, but in different ways. Typography is the layout and arrangement of content using pre-made letter systems such as typefaces and fonts. Lettering, however, entails creating letterforms for a specific use and purpose.

Typography terminology
The term "typeface," also known as a font family, derives from physical print and refers to the faces of physical letter blocks. A typeface is made up of fonts, just like an album is made up of tracks or a book is made up of chapters. A typeface has multiple font weights and a consistent style across all characters, numbers, and symbols. Typefaces include Arial, Times New Roman and Comic Sans.

Examples of different types of font: Helvetica, Futura, Garamond, Bodoni, Univers, Gotham, Century, Baskerville
Typography elements
Before examining the best design practices for improving user experience, let us look at the typography elements. 
Image of typography elements
Baseline
The baseline is the point at which the text line rests. It calculates the distance between the written content and other elements on the interface. 

Image of typography baseline
Cap height
The cap height of a typeface refers to the height of the capital letters. The cap height indicates the height of flat letters such as M, H, T, or I, as opposed to round letters such as S, O, or Q, or pointy letters such as A and V, which overshoot. It should be noted that the cap height is less than the typeface's maximum height. 

Image of cap height
X-Height
The X-height, also known as corpus size, is the distance between the lowercase "x baseline" and meanline. Because typefaces with very large x-heights have less white space between lines of type, this measure can be important for legibility. Because many letters have overshoots or rounded tops, measuring the top of flat characters like x, y, or z is easier, hence the name.

Image of X-height
Ascenders and descenders
An Ascender is a part of a letter that extends above the x-height or cap height, such as the stem of a lowercase b or d. Ascenders are vertical downward strokes that extend beyond the baseline, such as the lowercase g or p.

Image of ascender and descender lines
Weight
The overall thickness of a typeface's stroke is referred to as its weight. Weights can range from extremely light to extremely heavy. The most well-known weights are:

Light, 

Regular,

Medium, and 

Bold. 

Image of different weights in a stroke
Tracking
Tracking is the spacing between all a font's characters. Properly chosen tracking can make the copy visually appealing. Letter spacing, also known as tracking, is the consistent adjustment of the space between letters in a piece of text. 

Image of tracking in typography
Kerning
Kerning is the space that exists between two specific letters. It differs from tracking in that it does not apply to all characters. 

Image of kerning in typography
Leading
The space between two lines of text is known as leading. 

Image of leading in typography
White space
In typography, white space refers to the space between blocks of text. When used correctly, white spaces can make content more appealing and improve readability.

Image of white space in typography
Stroke
A straight or curved line forms the main body of a letter. 

Serif
A stroke or foot-like element is connected to the end of the main strokes of some typefaces. Serif fonts are often more readable than sans-serif fonts because the tiny "feet" guide the reader's eyes to the next character. However, because of their small size, they may not always render properly on screens. 

Sans serif
A typeface that does not have any strokes or extra elements at the bottom of a letter. Because of the lower resolution of screens, sans serifs are frequently used for digital interfaces. As technology advances and screens with higher resolutions become more common, this may no longer be a deciding factor when selecting a font. 
Image of serif and sans serif font on typography
How typography can be used to improve user experience
Because Typography contains so many elements, many designers overlook this discipline because mastering it takes time and practice. Remember that good typography is format-specific, and usability equals legibility. Let's go over a few key steps to ensure your next UI has legible typography that conveys the appropriate mood for your text.

Hierarchy
The size of a text has a significant impact on the user's reading experience. Hierarchical elements should be used to separate the blocks and improve communication. The titles or headers, subtitles, and body text comprise a basic typography hierarchy. Because headings are at the top of the typographic hierarchy, they are larger and heavier.

Remember to start with a font size that is comfortable for your body text. As a general rule of thumb:

For desktops, use a font size of 16 points or higher for body text 

For iOS devices, use a text size of at least 11 point 

For Android devices, use at least 14 points for the main text 

Because different sizes of body text are common, choose typefaces that work well in different sizes.

Text colors
Color selection is also essential. Colors are associated with various emotions as well as a visual hierarchy. As a result, it is a good idea to use different colors for titles, body text, links, buttons and error messages. Also, remember that the text color must contrast with the background color; this is critical for a good reading experience, and even though it may seem obvious, there still are a lot of non-legible buttons out there.

Line length
Take note of the length of the text lines. Set a length limit so that it isn't too long and interferes with the reading experience. To determine the best line length for a text, use a simple formula based on font size: multiply it by 30. So, if your font size is 10px, the ideal reading line length is 300px.

Avoid text walls
You should avoid creating a "wall of text." A wall of text, also known as a gray wall effect, is a single block of text that is devoid of any white space or other design elements. By inserting paragraph breaks at appropriate intervals, you can avoid the gray wall effect. You can also use the following design elements: images, quotations, headings and subheadings and bullet points. When working with long paragraphs, try to include anything that isn't text and breaks up the solid block.
글머리 기호 트리 요약 또는 계층적 글머리 기호 요약 형식을 사용하여 이 스크립트를 요약하고 중요한 키워드는 굵은 글꼴로 표시하세요.

글머리 기호 트리 요약 또는 중요한 키워드에 굵은 글꼴이 있는 계층적 글머리 기호 형식이 필요합니다.

스크립트:

타이포그래피 및 모범 사례
타이포그래피는 제품 및 인터페이스와의 상호 작용에서 매우 중요합니다. 온라인 정보의 90% 이상이 텍스트 형식입니다. 타이포그래피는 사용자 경험과 사용성을 향상시켜 사용자의 관심을 사로잡고 잠재적으로 비즈니스 목표를 달성하는 데 도움이 됩니다. 타이포그래피 용어에는 다소 모호한 부분이 있기 때문에 이 글에서는 UX UI 디자이너에게 특히 중요한 필수 용어를 살펴봅니다.

결과적으로 타이포그래피는 언어를 가시화하며 디자인에서 필수적인 역할을 합니다. 스타일 가이드에는 타이포그래피 연구도 포함되어야 합니다.

레터링과 타이포그래피
레터링과 타이포그래피를 구분하는 것이 중요합니다. 두 가지 모두 오늘날 널리 사용되며 종종 혼동되기도 합니다. 사실 레터링과 타이포그래피는 글자 형태를 다루지만 그 방식은 다릅니다. 타이포그래피는 서체 및 글꼴과 같은 미리 만들어진 문자 시스템을 사용하여 콘텐츠를 레이아웃하고 배열하는 것입니다. 그러나 레터링은 특정 용도와 목적에 맞게 문자 양식을 만드는 것을 수반합니다.

타이포그래피 용어
글꼴 계열이라고도 하는 '서체'라는 용어는 실제 인쇄물에서 유래한 것으로, 실제 문자 블록의 면을 의미합니다. 서체는 앨범이 트랙으로 구성되거나 책이 챕터로 구성되는 것처럼 글꼴로 구성됩니다. 서체는 모든 문자, 숫자 및 기호에 걸쳐 여러 글꼴 가중치와 일관된 스타일을 갖습니다. 서체에는 Arial, Times New Roman, Comic Sans 등이 있습니다.

다양한 글꼴 유형의 예 헬베티카, 퓨투라, 가라몬드, 보도니, 유니버스, 고담, 센추리, 바스커빌
타이포그래피 요소
사용자 경험을 개선하기 위한 모범 디자인 사례를 살펴보기 전에 타이포그래피 요소를 살펴보겠습니다. 
타이포그래피 요소 이미지
기준선
기준선은 텍스트 줄이 놓이는 지점입니다. 작성된 콘텐츠와 인터페이스의 다른 요소 사이의 거리를 계산합니다. 

타이포그래피 기준선 이미지
캡 높이
서체의 캡 높이는 대문자의 높이를 나타냅니다. 캡 높이는 S, O, Q와 같은 둥근 문자나 A, V와 같이 뾰족한 문자와는 반대로 M, H, T, I와 같은 평평한 문자의 높이를 나타냅니다. 캡 높이가 서체의 최대 높이보다 작아야 한다는 점에 유의해야 합니다. 

캡 높이 이미지
X 높이
말뭉치 크기라고도 하는 X 높이는 소문자 "x 기준선"과 평균선 사이의 거리입니다. x 높이가 매우 큰 서체는 글줄 사이의 공백이 적기 때문에 이 측정값은 가독성을 위해 중요할 수 있습니다. 많은 글자가 윗부분이 오버슈트 또는 둥글기 때문에 X, Y 또는 Z와 같은 평평한 문자의 윗부분을 측정하는 것이 더 쉽기 때문에 붙여진 이름입니다.

X 높이 이미지
어센더와 디센더
어센더는 소문자 b 또는 d의 줄기와 같이 x 높이 또는 대문자 높이 위로 연장되는 문자의 일부이며, 내림은 소문자 g 또는 p와 같이 기준선 너머로 연장되는 수직 하향 획입니다.

오름차순 및 내림차순 선 이미지
두께
서체 획의 전체 두께를 가중치라고 합니다. 가중치는 매우 가벼운 것부터 매우 무거운 것까지 다양합니다. 가장 잘 알려진 가중치는 다음과 같습니다:

Light, 

Regular,

Medium, 그리고 

굵게. 

한 획에서 다양한 가중치 이미지
트래킹
트래킹은 글꼴의 모든 문자 사이의 간격을 말합니다. 트래킹을 적절히 선택하면 시각적으로 매력적인 카피를 만들 수 있습니다. 트래킹이라고도 하는 글자 간격은 텍스트에서 글자 사이의 간격을 일관되게 조정하는 것입니다. 

타이포그래피의 트래킹 이미지
커닝
커닝은 두 개의 특정 글자 사이에 존재하는 공백입니다. 모든 문자에 적용되지 않는다는 점에서 트래킹과 다릅니다. 

타이포그래피의 커닝 이미지
선행
두 줄의 텍스트 사이의 공백을 리딩이라고 합니다. 

타이포그래피에서 리딩 이미지
공백
타이포그래피에서 공백은 텍스트 블록 사이의 공간을 의미합니다. 공백을 올바르게 사용하면 콘텐츠를 더욱 매력적으로 만들고 가독성을 향상시킬 수 있습니다.

타이포그래피의 공백 이미지
획
글자의 본문을 구성하는 직선 또는 곡선입니다. 

세리프
획 또는 발 모양 요소는 일부 서체의 주 획 끝에 연결됩니다. 세리프 글꼴은 작은 "발"이 독자의 시선을 다음 문자로 안내하기 때문에 산세리프 글꼴보다 가독성이 더 좋은 경우가 많습니다. 하지만 크기가 작기 때문에 화면에서 항상 제대로 렌더링되지 않을 수 있습니다. 

산세리프
글자 하단에 획이나 추가 요소가 없는 서체입니다. 화면의 해상도가 낮기 때문에 산세리프는 디지털 인터페이스에 자주 사용됩니다. 기술이 발전하고 더 높은 해상도의 화면이 보편화됨에 따라 더 이상 글꼴을 선택할 때 해상도가 결정적인 요소가 아닐 수도 있습니다. 
타이포그래피에 사용된 세리프 및 산세리프 글꼴 이미지
타이포그래피가 할 수 있는 일