문자를 잘못 정렬하면“오른쪽”이 더 옳게 나타납니다

저는 현재 고객을위한 로고를 만들고 있습니다. 진행중인 작업은 다음과 같습니다.

S가 위의 줄과 일치해야한다는 것이 분명합니다. 나는 그것을 정렬하는 가장 좋은 방법은 상단 곡선보다 S의 하단 부분을 정렬하는 것이라고 생각합니다. 심지어 상단 곡선이 더 많이 돌출되어 있다고 생각했습니다. 다음 예를 참조하십시오

또한 로고의 다른 쪽 끝에서도 AI 느낌이 비슷한 것을 수행하여 로고 끝의 공백 삼각형을 최소화합니다.

내가 생각하는 최종 결과는 그 정렬에서 더 기쁘게 생각합니다.

나는 이것이 맞다고 생각하지만 내 고객이 질문하고 있습니다. 이 정렬은 제가 경력 중에 습득 한 습관이므로 공식적으로 이것을 배우지 않았습니다. 사실, 내가 어디에서 줍 었는지 기억할 수 없습니다.

말해봐, 내가 여기서 나쁜 습관을 줍니까? 내 고객이 맞습니까? 이것이 맞다면이 정렬 유형의 이름이 있습니까? 아니면 내 고객에게 추천 할 수있는 기사가 있습니까?

예, 이것들은 합법적 인 것들이며 이름이 있습니다.

"시각 정렬" 또는 "광학 정렬"

이것이 일반적인 원칙입니다. 규칙보다는 시각적으로 올바르게 보이는 것에 따라 눈으로 정렬하는 것입니다. 타이포그래피뿐만 아니라 아이콘 세트 디자인과 같이 시각적 일관성이 중요한 곳에서 사용됩니다. 곡선이있는 아이콘은 직선 가장자리가있는 아이콘과 정렬 될 때 깔끔하게 보입니다.

아래의 더 구체적인 기술 용어는 매우 일반적으로 사용되지는 않지만 (내가 찾아보아야 함) 호기심을 불러 일으키기 위해 여기에 있습니다.

인쇄상의 오버 슈트

이것은 캐릭터가 적절한 수직 포인트를 통과 할 때입니다. 그렇게하는 것이 엄격하게 멈추는 것보다 더 자연스럽게 보이기 때문입니다. Joojaa의 대답은 이것에 대한 훌륭한 예를 많이 가지고 있습니다. 저는 Microsoft의 타이포그래피 표준 에서이 것을 추가 할 것입니다 (세계에서 코믹 샌즈가 세계적으로 널리 알려지더라도 MS는 일반적으로 꽤 좋은 타이포그래피 팀을 가지고 있음). 이것이 사용되는 곳 :

광학 마진 정렬

기본적으로 수평 오버 슈트는 일반적으로 곡선 또는 기울어 진 문자 및 가장자리에 거의 맞지 않는 단단한 문자에 적용되는 다른 문자에 적용됩니다. 기본적으로 여백에서 타이트한 커닝이며 적용되는 캐릭터는 일반적으로 다른 곳에서 타이트한 커닝을받는 것과 동일합니다.

Wikipedia가 현재이를 설명하는 방법은 다음과 같습니다.

많은 글꼴을 보면 문자 '의 곡률이 기준선과 다른 많은 작은 문자의 완벽한 정렬을 관통한다는 것을 알 수 있습니다. 그리고 일반적으로 둥근 모양은 이것을하는 경향이 있습니다-직선 가장자리의 기준선을 뚫습니다. 이 현상에 대한 기사가 있었는데 왜 북마크의 어딘가에서 발생하지만 링크가 현재 나를 피합니다.

이미지 1 : 기준선 피어싱이 강조된 기준선을 관통하는 라운드 's'의 예.

보시면, 매우 기하학적 인 글꼴조차도 이렇게합니다 (이미지 1 참조). 이것은 그렇지 않은 것보다 더 자주 발생합니다-너무 많이 말해서 규칙으로 들었습니다. 그러나 상황에 따라 금액과 모양이 어떻게 다른지 유의하십시오. 그래서 여전히 오늘 결정하는 것은 당신의 눈입니다.

눈이 예리한 경우 일부 편지 양식도 세로로 뚫고 있음을 알 수 있습니다. 동일한 현상이 발생하기 때문입니다.

이미지 2 : 옆으로 동일한 효과. 이것은 직선과 곡선이 옆으로 혼합되어있는 경우에 일반적으로 발생합니다.

추신 : 죄송합니다. 임시 워크 스테이션에서 사용 가능한 글꼴이 약간 제한되어 있습니다.

이것은 오버 슈팅 (overhanging) 이라고하는 기술 입니다. 우리가 오버 슈팅을 사용하는 이유는 (적어도 순수한 수학의 관점에서) 인간으로서 사물을 인식하는 방식이 부정확하기 때문입니다.

나를 믿지 않습니까? 설명하겠습니다 :

이 이미지를 고려하십시오.

원과 삼각형의 무게가 같은 느낌입니까? 진실은 높이가 같지만 면적이 다르다는 것입니다.

이제 같은 영역에서 어떻게 보이는지 보여 드리겠습니다.

원과 삼각형 모두에 대해 생성 된 오버 슈트를 확인하십시오. 원과 삼각형은 여전히 ​​시각적으로 불균형 해 보이지만 (특히 삼각형), 일부는 스케일로 놀고 삼각형의베이스를 사각형과 정렬하면 다음과 같이 시각적으로 매력적인 이미지를 얻습니다.

가이드없이 :

오버 슈팅은 여전히 ​​두 가지 방식으로 발생하지만 다른 방식으로 발생합니다. 이것은 나쁜 연습과는 정반대이며, 적절한 시각적 균형을 얻기 위해 필요한 것입니다. 우리는 종종 사용하는 특정 주제에 따라 모양 크기, 너비, 간격 및 정렬을 가지고 놀아야합니다. 이것에 대한 구체적인 공식은 없으며 구성과 원하는 결과에 따라 다릅니다. 세로 크기를 변경할 때 적절한 공백을 유지하려면 가로 간격을 같은 양으로 변경해야 할 수 있습니다.

획 너비는 시각적 정렬과 관련하여 작동합니다. 이것 좀 봐 :

스케일링과 간격이 동일하더라도 기분이 좋지 않습니다.

여기서 결론은 카운터의 균형을 맞추는 데주의를 기울이고 스트로크를 늘리면 보상 량을 늘려야한다는 것입니다. 사실, 우리가 반대 형태를 가질 때, 그것들은 형태의 개요를 압도하고 그들의 형태는 고체 형태 자체보다 더 중요해집니다. 이것이 바로 Nintendo가 Nintendo 스위치 로고를 디자인 할 때 한 일 입니다.

자세한 내용은 Fábio Martins의 기사 The Art of Eyeballing – Part III : Overshooting을 통해 실제로이 답변의 이미지와 일부 내용을 훔쳤습니다.

나는 그것을 뒷받침 할 기사가 없지만 당신이 옳다는 것을 경험에서 알 수 있습니다. 이와 같이 수동 자간, 간격 및 문자 모양 (및 기타 개체) 정렬과 같은 부분 과학은 부분 과학입니다. 정확한 숫자와 수학보다는 눈과 장이 당신을 인도하게하십시오.

여기서 사용되는 개념은 눈 (즉, 뇌)이 직선과 다르게 곡선을 처리한다는 것입니다. 하프 톤을 부드러운 톤으로 "보는"방법과 다소 유사한 방식으로 눈은 평균 위치를 곡선 문자 형태의 "가장자리"로 찾습니다. 귀하의 로고 폼 위치는이 개념에 따라 "정확합니다". 물론 핵심은 "세리프가 튀어 나오는지 또는 다른 문자 그대로의 위치를 ​​고정시키는 문자 그대로의 클라이언트에게 전달하는 방법입니다.

이런 종류의 일은 타이포그래피에서 항상 작동합니다. 예를 들어, 중앙 집중식 헤드 라인에서 선이 끝날 때 후행 기간이지나도록하여 선이 기술적으로 중심을 벗어나지 만 선의 평균 가중치는 중심이 아닙니다.