웹 타이포그래피에서 피해야 할 7 가지 매우 흔한 실수

노트북

선택의 큰 영향에도 불구하고 웹 프로젝트의 서체특정 규칙을 고려하지 않고 가장 전문가의 조언을 완전히 무시하지 않고 서체 스타일과 크기를 사용하기로 결정한 고객 중 한 명을 만나는 것은 전혀 어렵지 않습니다. 전문적이고 조화로운 방식으로 텍스트 및 서면 내용에 스타일과 글꼴을 적용하기위한 특정 기본 표준이 있다는 사실을 결코 간과해서는 안됩니다.

오늘 주목해야 할 가장 중요한 규칙 중 웹 타이포그래피의 XNUMX 가지 필수 요소를 제안하겠습니다.

  • 대문자 사용 : 텍스트 나 기사 본문으로 넘쳐나는 넓은 영역에서 우리는 대문자를 사용해서는 안됩니다. 텍스트 또는 제목에 대한 집중.
  • 읽을 수없는 텍스트 크기 : 웹 사이트의 각 영역에서 설정 한 크기에주의하십시오. 가장 권장되는 크기는 초점 영역에 따라 다르지만 11 개 지점에서 찾은 크기입니다. 각 플랫폼 또는 지원에서 결과를 모니터링하고 모바일 버전과 웹 버전이 모두 적절한 크기인지 확인합니다.
  • 과도한 창의성 : 더 바로크하고 과도하게 번성하는 글꼴은 잊어 버리십시오. 이러한 유형의 창의적인 글꼴은 일반적으로 로고 디자인이나 매우 특정한 프로젝트에 매우 적합하지만 어떤 상황에서도 대량의 텍스트에 별표를 표시 할 수는 없습니다. 그렇게하면 독자가 압도적 인 느낌을 받게되고 과도한 시각적 과부하는 방문자가 계속해서 읽는 데 도움이되지 않습니다.
  • 소스 조합 : 웹 프로젝트의 글꼴을 선택하려고합니다. 당신은 Helvetica 글꼴이 더 적합하고 꽤 좋을 수 있다고 생각하기 때문에 바위와 힘든 곳 사이에 있지만 반면에 Palatino가 당신이 찾고 있던 것이라고 생각합니다. 결국 당신은 두 가지를 모두 사용하기로 결정하고 최악의 경우 전체 편지 바다에서 평온한 방식으로 결합한다는 것입니다. 축하합니다! 당신은 큰 딜레마를 없앴지만, 아무리 사소한 것도없이 부수적 인 피해가있었습니다. 당신은 정체성과 청결도없이 지저분한 프로젝트를 만들었지 만 아무 일도 일어나지 않습니다. (반어).
  • 중앙 텍스트의 과도한 사용 : 개념의 열거, 작품 및 / 또는 사진의 표현과 같이 집중된 텍스트로 구조를 사용하도록하는 특정 상황이 있지만 일반적으로 사용해서는 안됩니다. 텍스트를 왼쪽에 정렬하거나 양쪽 정렬하면 항상 질서와 청결 함을 강조 할 수 있습니다. 질서는 우리가 프로젝트에서 항상 추구해야하는 목표라는 것을 이미 알고 있습니다.
  • 부적절한 대조 : 이 시점에서 우리는 모든 종류의 대조에 대해 이야기합니다. 예를 들어 글꼴 및 스타일 (굵게, 기울임 꼴, 밑줄 등), 색상 변경 등의 대조 ... 색상 주제에 관해서는 가장 학문적이고 단순하며 깔끔한 점은 항상 한 가지 색상을 사용한다는 것입니다. 대부분은 검정색이어야합니다.) 과도한 대비는 좋지 않습니다. 우리는 개념을 뚜렷하게 나타내거나 정의 된 것에 청중의주의를 끌기 위해 모든 변형에서 대비를 사용합니다. Si 너는 마킹 대조 cada 내부 당신은 당신을 미치게 읽는 모든 사람들을 몰아 낼 것입니다. 그러니 조금 조심하세요. 이러한 표현 도구 중 하나를 사용할 때마다 정당성을 가지고 그렇게해야합니다. 멋져 보인다고 생각하기 때문에 정당화가 아니기 때문에;)
  • 잘못된 행간 : 선도는 우리 프로젝트의 최종 결과에서 또 다른 중요한 측면입니다. 공간을 존중하고 모든 요소가 충분한 거리를 유지하여 압도적이고 밀도가 높은 느낌이 들지 않도록하십시오.

끝내기 전에 작은 비상용 키트를 남겨두고 싶습니다. 대부분의 웹 디자이너와 프로그래머는 일반적으로 "안전한 글꼴"로 알려진 것을 사용합니다. 그 중에는 다음과 같은 것이 있습니다. 물론 그중 하나를 선택하면 문제의 프로젝트에 적합하기 때문일 수 있습니다. Verdana, Geneva, Sans-serif, Georgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvetica, Sans-serif Tahoma, Trebuchet MS, Arial Black, 가젯, Palatino Linotype, Book Antiqua, Palatino, Lucida Sans Unicode, Lucida Grande, MS Serif, New York, Lucida Console, Monaco, Comic Sans ... (마지막 사람은 긴장하지 않죠?)


코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   카르멘

    나는 당신의 블로그를 사랑하고 당신이 우리에게 보여준 도구에 감사하지만, 나는 디자이너가 sans 만화에 대해 가지고있는 열광에 완전히 동의하지 않는다. 그것은 나에게 캐주얼 캐릭터가있는 글꼴과 그것이 맞을 수있는 프로젝트에 따라 보인다. 성격은 같지만 디자이너의 관점에서 "정치적으로 옳다"는 대안이 있습니까?

    1.    프란 마린

      안녕 카르멘! 당신이 여기에 있어서 기뻐요! 먼저, 귀하의 의견과 정성에 감사드립니다. (내 관점에서 볼 때) Comic Sans는 매우 비공식적인 문자를 가진 글꼴이라는 점입니다. 이것이 미학적 품질이 없다는 의미는 아닙니다. 물론 그렇습니다. 불행하게도 그것을 맥락화 해제하고 실제로 일치하지 않는 시나리오에 배치하려고 하는 많은 사용자가 있다는 것입니다. 특정 문화적 범위를 지닌 학문적이고 진지한 구성에는 경쾌하고 코믹한 요소를 적용할 수 없습니다. 문제는 실제로 그것이 주어진 용도에 있습니다. 비문, 법적 진술, 심지어 불만사항을 표시하기 위해 Comic Sans를 사용한 사람들이 많이 있습니다. 결과적으로 이 글꼴은 다른 디자인과 마찬가지로 필연적으로 영향력을 행사하게 되고 메시지를 방해하며 심각성과 엄격함이 다소 감소하게 됩니다. 나는 한 번 이상 내 의견을 밝혔습니다(예를 들어 이 기사 [http://www.creativosonline.org/sensibilidad-tipografica-aprende-escuchar-al-narrador-detras-de-las-letras.html]이 이에 대해 정확하게 설명합니다. 나쁜 글꼴은 없지만 오히려 그 글꼴에 부여된 나쁜 용도가 있으므로 전적으로 동의합니다.) 이 글에 대해 저는 그녀를 죽도록 미워하는 모든 분들께 일종의 윙크만 했을 뿐입니다 ;) 좀 더 정치적으로 올바른 대안은 무엇일까요? Bradley Hand, Chalkboard(Mac), Kosmik 또는 Delius와 같이 매우 흥미로울 수 있는 손으로 쓴 글꼴이 많이 있습니다. 개인적으로 Comic Sans가 필요한 구성이라면 타이포그래피의 명성에 관계없이 적용되어야 한다고 생각합니다. 이것은 디자이너들 사이의 영원한 논쟁이며 확실히 이 타이포그래피를 사용한 디자인의 좋은 마감을 보고 많은 사람들이 놀라게 됩니다. ;)

      인사말!

  2.   Maralissimeg

    귀하의 메모는 저에게 많은 도움이됩니다. 감사합니다.

    1.    프란 마린

      읽어 주셔서 감사합니다 :) 천만에요! 모두 제일 좋다!

  3.   GINA

    프랜, 더 자주 읽을 수 있기를 바랍니다. 멕시코 시티에서 인사드립니다.
    동료!!

    1.    프란 마린

      의견 주셔서 감사합니다 Gina !!! 읽어 주셔서 영광입니다. 모두 최고 !! :)