• Summary of key rules

  • 타이포그래피의 주요 규칙에 대한 정리

  • - The four most im­por­tant ty­po­graph­ic choic­es you make in any doc­u­ment are point sizeline spacingline length, and font (pas­sim), be­cause those choic­es de­ter­mine how thebody text looks.
  • - 보편적으로 적용되는 타이포그래피의 네 가지 중요한 요소는 문자의 크기, 행간, 한 줄의 길이 그리고 서체 (전반적으로 사용된)인데, 이 요소들이 본문이 어떻게 보일지를 결정하게 되기 때문이다.
  • - point size should be 10–12 points in print­ed doc­u­ments, 15-25 pix­els on the web.
  • - 인쇄용으로는 10~12 포인트를 사용하고, 웹에서는 15~25 픽셀이 적당하다.
  • - line spacing should be 120–145% of the point size.
  • - 줄간격은 문자 크기의 120~145% 정도로 한다.
  • - The average line length should be 45–90 char­ac­ters (in­clud­ing spaces).
  • - 한 줄의 길이는 공백을 포함하여 45~90 글자가 적당하다.
  • - The eas­i­est and most vis­i­ble im­prove­ment you can make to your ty­pog­ra­phy is to use a pro­fes­sion­al font, like those found in font recommendations.
  • - 전문적인 서체를 사용하는 것이 타이포그래피를 가장 쉽고 눈에 띄게 개선할 수 있는 방법이다.
  • - Avoid goofy fontsmono­spaced fonts, and sys­tem fonts, especially times new roman and Arial.
  • - 우스꽝스러운(goofy) 서체나 고정폭 서체 또는 시스템 서체는 피하는 것이 좋다. 특히 Times New Roman 이나 Arial 은 쓰지 말자.
  • note icon
    (역주) goofy 하다는 것은 Comic Sans 등을 의미하는 듯.
    (역주) Times New Roman이나 Arial은 인쇄용 서체이므로 디지털 기기용으로는 사용하지 말라는 뜻인 듯.
  • - Use curly quo­ta­tion marks, not straight ones (see straight and curly quotes).
  • - 인용 기호는 반듯한 것 말고, 휘어진 것을 사용한다.
  • note icon
    (역주) 곡선이 없는 " 대신 곡선이 있는 “ 를 쓰라는 뜻. (링크된 문서 참조)
  • - Don’t use multiple word spaces or other white-space characters in a row.
  • - 한 줄 내에 여러 자간이나 서로 다른 공백 문자를 쓰면 안된다.
  • - Never use underlining, un­less it’s a hyperlink.
  • - 하이퍼링크가 아닌 경우에는 밑줄을 치지 말자.
  • - Use cen­tered text sparingly.
  • - 가운데 정렬은 정말 필요한 곳에만 (가끔만) 쓰자.
  • - Use bold or italic as lit­tle as possible.
  • - 두껍게(bold) 또는 기울이기(italic)의 사용은 최소한도로 하자.
  • - all caps are fine for less than one line of text.
  • - 전체를 대문자로 쓰는 것은 한 줄 정도가 적당하다.
  • - If you don’t have real small caps, don’t use them at all.
  • - (따로 디자인된) 소대문자 세트를 가지고 있지 않다면, 쓰지 말아라.
  • note icon
    (역주) 소대문자 : 알파벳 대문자를 소문자의 높이에 맞춰 크게 쓰는 것.
  • - Use 5–12% extra letterspacing with all caps and small caps.
  • - 대문자 또는 소대문자를 쓸 경우에는 5~12% 정도의 추가 자간을 주는 것이 좋다.
  • - Use first-line indents that are one to four times the point size of the text, or use 4–10 points of space be­tween para­graphs. But don’t use both.
  • - 첫 줄의 공백을 문자의 크기보다 1~4배 정도 크게 주던가, 아니면 문단 사이에 4~10 포인트 정도의 공백을 주도록 한다. 하지만 두 규칙을 동시에 적용하지는 말아라.
  • - If you use justified text, also turn on hyphenation.
  • - 문자열 양쪽 정렬을 할 거라면, 하이픈 삽입 기능(hyphenation)은 꼭 사용하자.
  • note icon
    (역주) hyphenation : 한 단어가 줄의 끝에 걸려 단어가 중간에서 끊어지고 다음 줄로 계속될 때, 이어진다는 사실을 알리게끔 하이픈으로 표시하는 것.
  • - Don’t confuse hy­phens and dashes, and don’t use mul­ti­ple hy­phens as a dash.
  • - 하이픈과 대쉬를 혼동해선 안된다. 그리고 여러 개의 하이픈으로 대쉬를 대체해서도 안된다.
  • note icon
    (역주) 빼기 기호와 같은 짧은 - 와 문장의 부연 설명 등에 사용되는 — 를 구별하자는 얘기.
  • - Use ampersands spar­ing­ly, un­less in­clud­ed in a prop­er name.
  • - 상표나 이름 등에 사용되는 게 아니라면 &를 남발하지 말자.
  • note icon
    (역주) Fromage & Cracotte Inc. 등에 쓰이는 경우를 제외하면.
  • - In a doc­u­ment longer than three pages, one ex­cla­ma­tion point is plen­ty (see ques­tion marks and ex­cla­ma­tion points).
  • - 느낌표(exclamation point)는 세 페이지에 하나 정도로 사용하여 과하지 않도록 한다.
  • - Use proper trade­mark and copy­right symbols—not al­pha­bet­ic approximations.
  • - 등록상표나 저작권 표시에 비슷하게 생긴 알파벳 대신 올바른 기호를 사용하자.
  • note icon
    (역주) (C) 대신 © 를 사용하자는 뜻.
  • - Put a non­break­ing space after para­graph and sec­tion marks.
  • - 문단이나 단락 이후에 공백이 아닌 공백 기호(Non-breaking space)를 넣는다.
  • note icon
    (역주) 의도하지 않은 줄바꿈 등을 피하기 위해 사용. 원문에 링크된 문서 참조.
  • - Make ellipses us­ing the prop­er char­ac­ter, not pe­ri­ods and spaces.
  • - 줄임표에 마침표나 공백 대신 적합한 문자를 사용하자.
  • note icon
    ...같은것 대신에 …를 쓰라는 뜻.
  • - Make sure apostrophes point downward.
  • - 생략기호(apostrophe)는 항상 아래로 향하도록 한다.
  • note icon
    (역주) 60‘s 대신 60’s 를 써야 한다는 뜻.
  • - Make sure foot and inch marks are straight, not curly.
  • - 피트나 인치등의 표기할 때에는 휘어지지 않고 곧은 기호를 써야 한다.
  • note icon
    (역주) 10인치를 표기할 때, 10“ 대신 10" 를 써야 한다는 뜻.
  • - kerning should al­ways be turned on.
  • - 커닝은 늘 사용하도록 하자.
  • note icon
    (역주) 커닝 : 가독성을 위해 자간을 개별적으로 조정하는 것.
0 Comments