홈페이지 » 웹 디자인 » 101 Serif 대 Sans-Serif의 인쇄체

    101 Serif 대 Sans-Serif의 인쇄체

    글꼴을 선택하는 단계에서 디자이너는 종종 자신에게 묻습니다., “세리프 또는 산 세리프에게”? 활자체의 종류 선택하기 디자인에 사용하는 것이 가장 중요하다. 가독성, 사용자 경험 디자인의 전반적인 미학.

    타이포그래피에 대한 경험이 아무리 많아도 항상 산세 리프레일 대 샌프란시리스 딜레마에 머물러있어 라.. 나는 개인적으로 그것을 통해 좋은 방법은 생각합니다. 아주 기본적인 이해 serifs와 sans-serifs로 구성되어 있습니다..

    다음 글을 보도록하겠습니다. serif와 sans-serif 글꼴 사이의 주요 차이점을 강조합니다. 두 가지를 더 잘 이해하기 위해.

    셰리프는 어디서 왔는가??

    세리프들은 서체의 획 끝 부분에 부착 된 작은가는 선. 그들은 라틴 알파벳에서 유래했다고 믿어진다..

    보편적으로 받아 들여지는 출처는 없지만 타이포그래피 장식 조각, 로마인들은 돌 위에 윤곽선이있는 글자를 칠하는 데 익숙해 져 있었기 때문에 돌 조각가들이 붓 자국을 따라 갔을 때,, 그 결과 세리프가 생겼다..

    산세 리프는 어때??

    반면에 산 세리프, 문자 적으로 "serif없이". 각 모퉁이의 끝 부분에 매달려있는 스트로크가없는 글꼴은 sans-serif 글꼴로 간주 할 수 있습니다.

    이것을 알기., 어떻게 serifs 또는 sans-serif와 함께 갈 것인지 선택할 수 있습니다. 디자인에 영향을 미칩니 까? 다음은 고려해야 할 몇 가지 사항입니다.

    해독 성

    가독성은 종종 다음과 같이 측정됩니다. 독자가 얼마나 쉽게 콘텐츠를 소화 할 수 있는지. 물론 비전은 일반적으로 주관적이므로, 다음과 같은 요소들이 작용합니다. 관심 수준 또는 독자 및 내용 준비 방법 주어진 블록이나 공간에서.

    텍스트를 표현하는 "구식"방법은 이유 때문에 세리프를 사용합니다. 너 생각 해봤 니? 왜 대부분의 신문은 그들의 내용을 위해 serif 서체를 사용 하는가?? 셰리프는 읽기가 쉽기 때문에. 각 문자에있는이 작은 장식적인 선은 라인에서 라인으로 이동하면서 눈을 유동적으로 안내하고 함께 문자를 결합합니다. 눈을 감추지 않고 더 긴 텍스트를 읽음..

    글자 사이의 공백 (간격에 관해서는 세리프를 고려해야하기 때문에) 독자가 서로의 편지를 쉽게 식별 할 수있는 여유 공간을 제공합니다..

    아래의 예를 보시면 serif 글꼴을 사용하면 눈이 편하게 판독 할 수 있습니다. 글자와 단어 사이에 간격이 생기기 때문입니다. 이렇게하면 눈을 한 단어에서 다른 단어로 쉽게 옮길 수 있습니다..

    반면에, serif 글꼴은 읽기가 더 어려워진다. 동일한 간격을 사용합니다. 이것은 각 문자의 분리가 간격을 둘 때 세리프를 고려할 필요가 없다..

    읽기 쉬움

    읽기 쉬움은 글자의 품질과 선명도입니다.. 이것은 서체의 세부 묘사와 관련이 있으며 독자가 한 캐릭터를 다른 캐릭터와 구별하는 데 도움이되기 때문에 필수적입니다. 이 후자는 주로 전체적으로 내용에 접근하는 것에 관심이 있기 때문에 가독성과 다릅니다.

    위 이미지의 경우, Arial의 sans serif에 대한 소문자 L과 I는 거의 비슷하게 보입니다.. 단어 입력을 상상해보십시오. “일리노이 주”.

    내 요점을 강조하겠습니다..

    그러나 글자체를 읽을 수 없으면 결코 읽을 수 없게됩니다. 그러나 읽을 수없는 것으로 보이는 많은 읽을 수있는 유형의 사례가 있습니다. 그들이 어떻게 간격을두고 있거나 크기가 조정되는지 그들의 디자인 목적과 관련하여.

    알렉스 풀 (Alex Poole)은 세리프 (serif)와 산 세리프체 (Sans-Serif) 글꼴을 비교하여 어느 것이 더 읽기 쉬운 지 알아보기 위해 잘 설명 된 기사를 썼다..

    그에 따르면 가독성에 대해서는 다음과 같은 다섯 가지 특징이 있습니다.

    • 세리프 또는 산 세리프
    • 포인트 크기
    • X 높이
    • 카운터
    • 오름차순 및 하위 항목

    풀은 양측을지지하는 주장을 근거로 결론을 내렸다. 서체 선택과 관련하여 가독성에 차이가 없다.. 그는 또한 세리프 (serifs) 또는 그것들의 부족이 가독성에 영향을 미칠 가능성이 있음을 지적했다. 그러나 그 차이는 심지어 측정 할 수 없다..

    그러나 그는 이렇게 말했다.

    가독성의 차이는 같은 유형의 가족 구성원 내에서 쉽게 발견 할 수 있습니다. serif와 sans serif 서체 사이. x 높이, 카운터 크기, 문자 간격 및 획 폭과 같은 다른 요인도 있습니다. 세리프의 존재 또는 부재보다 가독성이 중요하다..

    스케일링 및 해상도

    웹 디자인의 텍스트는 고정되어 있지 않습니다. 화면마다 다를 수 있으며 확장 가능해야합니다. 이건 끝났어 텍스트가 여전히 읽을 수 있도록 화면 크기에도 불구하고.

    이 영역에서는 sans-serif는 스케일링에보다 유연한 전투에서 승리합니다.. Sans-Serif 글꼴은 작은 해상도에서도 강조와 가독성을 훨씬 쉽게 제공합니다. 그 (것)들에있는 세부 사항의 부족 때문에 얼룩이 생존하기 때문에.

    IMAGE : 시간

    여기는 소수입니다 serif가 잘못 사용 된 예. 위의 Time Magazine 표지에있는 하단 단락을 살펴보면 비교적 읽기 쉽지 않다. 쉽게 흐르지 않는다. 특히 그 작은 크기. 그러나 그 효과가 산 셰리프로 전환됨에 따라 얼마나 완벽한 지 주목하십시오. “조나단 프란 젠”.

    산세 리프 글꼴이 날 때도 마찬가지입니다. 활자체의 눈금 그것의 일반적인 모양을 유지하고 그것을 더 알아볼 수있게한다.. 그래서, 스케일링에 관해서는 산세 리프가 잘 적응하기 때문에 산세 리프는 쉽게 더 좋은 크기로 변형되는 경향이 있습니다. 작은 크기로 번지거나 더 큰 크기로 찢어짐.

    serif 또는 sans-serif하려면?

    질문에 대한 답은 무엇입니까??

    글쎄, 우리는 그것이 명백한 동점이라고 말할 수 있습니다. 산세 리프와 세리프 글꼴 중에서 선택하기 궁극적으로 텍스트 사용 목적으로 귀결됩니다.. 스타일링하는 텍스트가 거의 같은 크기로 유지되어야한다면? 그렇다면 가독성을 높이는 것이 좋습니다. 세리프가 더 나은 선택이되게 해준다..

    다른 한편으로는, 당신이 반응 형 웹 사이트의 텍스트 부분, sans-serif 글꼴을 선택하는 것이 텍스트가 너무 작아서 읽을 수 없기 때문에 현명 할 수 있습니다..

    이미지 : GQ

    이것들을 보아라. GIF 잡지는 serif와 sans serif 글꼴을 모두 사용합니다.. 일반적인 합의는 serif 글꼴이 공식 및 인쇄물에 사용된다는 것입니다, 산 세리프는 주로 웹에서 사용됩니다.. 그러나이 경우에 둘 다 사용되었고, 당신이 알아 차리면 그것은 항상 세리프에있는 표지 모델의 이름입니다. 따라서 그것을 강조합니다.

    몇 가지 최종 단어

    그 점을 기억하십시오. 일관성이 핵심이다.. 선택한 글꼴의 선택은 디자인의 전반적인 미학과 함께해야합니다. 너는 할 수있다. 유사한 서체 혼합 및 매치, 어떤 작품인지 알아 내기 위해 크기를 재조정하십시오. 그러나 당신이 이것을하고 있다는 것을 기억하십시오. 사용자는 메시지를 이해할 것이다. 디자인 또한 미적으로 보입니다..