웹 품질 가독성
글꼴과 색상의 적절한 사용은 읽기 사이트 쉽게 만들 것입니다.
색상 대비에주의
비전이 아닌 좋은는 사람이나 디스플레이 장치, 검은 색과 흰색 또는 검은 색과 흰색이 최고 좋은하지 않습니다.
밝은 배경에 회색 텍스트, 명암이 좋지 않습니다 :
| 흰색 배경에 회색 텍스트 (#EEEEEE) |
| 흰색 배경에 회색 텍스트 (#CCCCCC) |
| 흰색 배경에 회색 텍스트 (#AAAAAA) |
| 흰색 배경에 회색 텍스트 (# 888888) |
| 흰색 배경에 회색 텍스트 (# 666666) |
| 흰색 배경에 회색 텍스트 (# 444444) |
| 흰색 배경에 회색 텍스트 (# 222222) |
| 흰색 배경에 회색 텍스트 (# 111111) |
어두운 배경에 회색 텍스트, 대비도 가난한 :
| 검은 색 바탕에 회색 텍스트 (# 222222) |
| 검은 색 바탕에 회색 텍스트 (# 444444) |
| 검은 색 바탕에 회색 텍스트 (# 666666) |
| 검은 색 바탕에 회색 텍스트 (# 888888) |
| 검은 색 바탕에 회색 텍스트 (#AAAAAA) |
| 검은 색 바탕에 회색 텍스트 (#CCCCCC) |
| 검은 색 바탕에 회색 텍스트 (#DDDDDD) |
| 검은 색 바탕에 회색 텍스트 (#EEEEEE) |
일부 - 같은 검은 색과 빨간색, 검은 색과 파란색, 노란색과 녹색 등은 - 시각적 피로를 생성합니다 :
| 빨간색 배경에 검은 색 텍스트 |
| 파란색 배경에 검은 색 텍스트 |
| 녹색 배경에 노란색 텍스트 |
경기는 나쁘지 않았다 :
| 회색 배경에 검은 색 텍스트 |
| 밝은 파란색에 검은 색 텍스트 |
| 골동품 흰색에 검은 색 텍스트 |
| 진한 파란색에 흰색 텍스트 |
문자 간격에주의
독자의 약한 시력를 들어, 아니 작은 어려움과 문자의 비교적 가까운 간격을 읽고.
보통 문자 간격 텍스트를 쉽게 읽을.
어려운 텍스트 간격 작은 텍스트를 읽을 수 있습니다.
당신의 간격을보기
쉽게 다음 간격은 읽기쉽게 텍스트의 좋은 간격으로 읽기
다음 간격은 읽기 어려운작은 텍스트가 어려운 선도 읽기
멋진 글꼴을 피하십시오
이 글꼴은 읽기 쉬운 ....
이 글꼴은 읽기가 어렵다 ....
이탤릭체 사용을 최소화
일반 글꼴 읽기 쉬운.
기울임 글꼴은 읽기 쉽지 않다.