본문 바로가기

EduTech (에듀테크)/IT 디자인

[30min IT] 더 가독성이 있는 타이포그래픽(글씨체) 디자인하기 [인포그래픽]


제목(링크): 더 가독성이 있는 타이포그래픽(글씨체) 디자인하기 [인포그래픽]

-좋은 디자인은 가독성을 증가시킬 수 있다.

-글씨체를 선택하기 위해서는 전체적인 디자인과 글씨체에 대한 대한 문화적이고 맥락적인 이해가 필요하다.

-더 적은 종류의 글씨체를 선택하는 것이 심플하지만 크기나 글씨체 굵기에 따라 다양한 글씨체를 섞어서 쓰는 것은 더 강한 임팩드를 줄 수 있다.

-여러개의 글씨체를 섞어 쓸때는 각각의 글씨체가 확실한 역할을 하도록 해야한다. 부제목을 쓸때는 한가지 글씨체를 정해서 쓰는 것 처럼 말이다.

-글씨 굵기: 글씨 굵기에 대비를 주는 것은 시각적인 우선순위를 설정하는 데에 큰 도움을 준다.

-확실하게 대비시켜라. 글씨체를 선택할 때 가독성을 향상시키기 위해서는 매우 큰 차이를 주는 것이 좋다. 대비가 부족하면 시각적인 우선순위가 무너지고 각각의 글씨체의 역할이 모호해질 것이다.

-적절한 대비를 조성하면 글씨체들 사이에서 서로 압도하는 경우가 없이 조화를 이룬다.

-같은 글씨체 종류에서 충분한 대비를 가진 것을 사용하는 것이 매우 효과적일 수 있다.

-좋은 디자인의 글씨체들은 읽기가 쉬운데 크기나 색깔 글자 폭이나 줄 높이나 정렬이 잘되어있기 때문이다.


Article Title/Link : How to Pair Typefaces & Ensure Readability [Infographic]

-Good typography enhances design and can lead to better readability

-Selecting typefaces required knowledge about type, culture and context in the scope of the entire design.

-Using fewer typefaces is a simple, but not so impactful option. Multiple styles, sizes and weight will result something bold and surprising. 

-When using multiple typefaces make sure that the roles are clearly established. Do not switch subheading font to another elsewhere.

- WEIGHT: Contrasting the overall weight of the fonts is an easy way to establish visual hierarchy.

- Don't choose two serifs or thwo sans serifs to create a type marriage. unless they are absolutely distint in some way.

-Make it evident. Typeface choices need to have sharp differences in order for a document to be readable. It there is not enough contrast, visual hierarchy fails, and the roles attributed to various fonts won't be clear and obvious.

-Go for a neutral contrast and they create a harmonious typographic paring playing different roles without a font overpowers the other.

-Using distinct font from the same typeface may be perfectly suitable for creating a combination that will work very well.

-Well designed text is easier to read because it takes a few important consideration into account: size and color, line width, line height and alignment.