웹 페이지는 노란바탕에 녹색글씨가 최고다

via : Web page readability: Green text on yellow works the best
관련 논문 : Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles
1997년에 발표된 10년 전의 자료이긴 하지만, 사람 눈이라는 게 크게 달라졌을까?
논문에서는 47명의 참가자를 대상으로 6개의 전경/배경의 색 조합과 3개의 폰트 타입 (Arial, Courier New, & Times New Roman), 그리고 2개의 글자체 (Italicized & Plain)을 가지고 웹 사이트의 가독성을 테스트했는데 결과는 다음과 같다.

  • 대부분의 경우 Green on Yellow가 가장 좋은 결과를 보이는 colore scheme이었고
  • Time New Roman font가 Arial보다는 평균적으로 훨씬 뛰어났으며
  • (놀랍게도) 가장 빠른 반응 속도를 보인 것은 노랑 바탕에 기울어진 녹색의 Times New Roman이었다.
  • Black on gray가 black on white보다는 훨씬 빠르다.

This text is the readability winner

Time new roman이나 arial 같은 폰트는 그 역사도 길고 온라인과 오프라인을 가리지 않고 사용되는 범용의 폰트이니 분명 이러한 연구는 매우 의미 깊다.
그에 비해 한글 폰트는?
온라인의 경우 매킨토시와 윈도우로 이원화된 OS 시장을 따라 맥용 폰트와 윈도우용 폰트(그래봐야 굴림 돋움 궁서 바탕)로 나뉘어지고 있으며 오프라인의 경우 기존의 신문과 책이 가장 많이 사용하는 명조와 고딕이 전부이다.
한글을 대표할 만한 서체의 개발은 매우 시급하다. 국책사업으로 진행해야 하지 않을까? 이대로 그냥 두면 앞으로 (적어도 on-line에서) 가장 많이 쓸 서체의 자리는 윈도 Vista에 추가된 ‘맑은 고딕’이 차지하게 될 것이다.
관련 링크 : 위키의 한글 글꼴

Similar Posts

  • 양변기에서 발견한 얼굴

    하루에 서너번씩은 들르는 사진 커뮤니티 slrclub.com에서 오늘은 정말 기발한 사진을 발견했다. 이 사진을 찍은 작가는 양변기 물을 내리다가 발견한 소용돌이에 영감을 얻어서 약 50회 정도 변기물을 내리면서 촬영한 끝에 이처럼 놀라운 사람 형상을 얻어냈다고 한다.관심과 끈기, 이러한 열정이 놀라운 성취의 기원일 것이다!  관련된 글: 이미지 모자이크 툴 [site] 내 사진으로 잡지 표지 만들기 site> 어디에나…

  • 네이버에 핵폭탄을~

    Test url : http://www.netdisaster.com/go.php?mode=bomb&url=http://www.naver.com/ 핵폭탄, 공룡 발자욱, 그래피티, 개* …특정 사이트에 다양한 noise 효과를 줄 수 있다.물론, 나한테만 보여지는 것이지만.http://www.netdisaster.com/ 관련된 글: 어린이 전용 블로그? 블로그 수익모델, 이렇게 없을까. 야후! 사전 vs 네이버 사전 Gmail vs. 한메일, 네이버메일, 야후 메일 Naver photostreet vs. Amzon local search 비교, 포탈6사의 "전체보기" 네이버 지역정보서비스 ‘월드 타운’ 구글, 파비콘(favicon)…

  • 금주의 짧은 소식 2013-01-06

    GREE Messenger: GREE Launches Chat App To Go Against LINE And Comm:http://t.co/JH6wqs2F http://t.co/Te0Eb85D 2013 모바일 기술 혁신 예측 – 스마트폰 혁신 전쟁, NFC 결제는 아직, 휘는 스마트폰, 고기능 카메라, 입을 수 있는. http://t.co/E3kU94gO 역사의 주인공 Fubiz x MyProvence 2013 – Fubiz™ http://t.co/uBk3MJkB @Fubiz 에서 http://t.co/bZGIVj1O 이렇게 세계의 변화속도가 빨라지고 복잡해지면 「지도」즉, 사전 계획은 도움이 되지 않고 지도를 제작하기 위한 비용도 높아집니다….

  • 나들이 철 미아방지 용품

    관련 기사 : 온라인쇼핑몰, 나들이철 미아방지용품 인기1. 꼬리꼬리 미아방지가방아이는 캐릭터 가방을 메고, 부모는 그 가방에 달린 긴 끈을 붙잡고 다닌다. 미아 방지보다는 차도 등의 위험한 곳으로 순식간에 뛰어드는 것을 방지하는 효과가 더 클 듯. 인형은 귀엽다. 2. 헬로키티 무선 미아 방지기아이가 가지고 있는 송신기와 어른이 가지고 수신기로 구성되며, 아이가 5m~20m까지의 설정된 범위를 벗어나면 경보가 울린다….

  • http://re-code.com/

    월마트의 상품 바코드를 출력할 수 있게 만들어 주는 사이트.리코드 닷 컴 “자신만의 가격을 정하세요”라며 사람들에게 수백가지의 바코드를 제공하는 웹사이트 `리코드닷컴(Re-code.com). 사람들은 이 웹사이트에서 가격대별로 다양한 바코드를 선택해 출력할 수 있고, 이렇게 만들어진 가짜 바코드는 실제 상점의 물건에 붙여져 이용될 가능성도 있다는 것. AP통신에 따르면, 자신을 나단 핵티비스트로 소개한 사이트 운영자는 “가격이 어떻게 정해지는지 알리는 것이…

  • 아마존, 파이어폰 출시

    http://www.amazon.com/dp/B00EOE0WKQ/ref=cm_sw_r_tw_dp_yfJOtb1SWAVVV 킨들과 마찬가지로 AT&T에서 나왔고, 주요 특징은 위 상품 페이지의 동영상에서 잘 나옵니다. 주요 특징 기타 이번 파이어폰 출시는 PC인터넷에 강력한 서비스를 가지고 있다면, 단말 사업이 그 모바일사업을 강화해줄 수 있으며, 그것만으로도 단말사업의 의미가 충분하다는 것을 보여준 것에 의의가 있다 하겠습니다.기존 아마존 유저들한테는 쇼핑몰 혜택 등이 제공될테니 충분히 고려할만한 폰입니다. 관련된 글: 아마존, π/2% discount?…