1, 머리글 탐색 텍스트 12 또는14;
2. 메뉴 탐색 텍스트 번호14-18;
3. 시더바노. 12 또는 아니오. 14,
4. 아니오 레벨 1 메뉴 14, 보조 메뉴 12 또는 아니오를 사용합니다. 레벨 1 메뉴 12, 없음. 12 는 보조 메뉴입니다.
5. 포드노. 12 또는 아니오. 14
본문: 제목 24-32; 제목 텍스트 16 또는18; 텍스트 번호는 12 또는 14 입니다.
7. 제목 크기, 18px, 20px, 24px, 28px, 32px, 가능한 짝수를 사용합니다.
8. 버튼 텍스트: 로그인 및 등록 페이지 버튼 또는 기타 버튼 (텍스트 번호14-16) 은 실제 상황에 따라 크기를 조정하거나 굵게 만들 수 있습니다.
9. 같은 수준의 글꼴 크기 배합은 일치해야 한다. 예를 들어, 동일한 레벨 블록 내에서 제목 텍스트와 내용 텍스트 크기의 일관성이 있습니다.
애플 홈페이지에서는 제품 전시문에 64 번과 32 번을 매치해 짧고 강력하며 가독성이 강하며 시각적 충격이 크며 브랜드 특색이 돋보입니다.
글꼴 조판 사양
첫째, 최고의 가독성 사양
1. 선 너비
전통적인 책 조판의 행당 문자 수는 55-75 가 가장 좋지만, 실제로 75-85 의 행당 문자는 웹 페이지에서 더 인기가 있습니다. 중국어가 14 글꼴인 경우 35-45 자를 권장합니다.
높은 곳으로 가다
웹 디자인에서 자간은 일반적으로 글꼴 크기에 따라 1- 1.5 배 행간이고 1.5-2 배 단락 간격입니다. 예를 들어, 폰테노. 12, 행간 12px- 18px, 단락 간격18px. 또한 단락 사이의 행 높이/간격 =0.754 입니다. 행간이 정확히 단락 간격의 75% 인 것이 일반적입니다.
3. 선 정렬
일반적으로 페이지에 한 가지 텍스트 정렬만 사용하는 것이 좋습니다. 양쪽 정렬은 가급적 피하는 것이 좋습니다.
4. 텍스트를 공백으로 둡니다
텍스트 컴포지션의 경우 레이아웃에 빈 공간을 남겨 두어야 합니다. 빈 공간은 자간, 행간, 단락 간격 순으로 작은 것부터 큰 것까지 남겨 두어야 합니다. 또한 내용 영역을 조판하기 전에 페이지의 실제 상황에 따라 페이지 주위에 공백을 두어야 합니다.
5. 쓸데없는 원칙 (잉어)
비교, 반복, 정렬 및 친밀감.
글꼴 선택
글꼴: 중국어: 송체, 마이크로소프트 야블랙, 설립자 시리즈 (무상태형)
글꼴 크기: 웹 페이지의 텍스트/탐색 글꼴 크기는 12px- 18px 사이입니다.
영어는 10px- 16px 가 될 수 있고, 아무리 작아도 인식도가 별로 좋지 않다. 정상적이고 고전적입니다.
종의가체
Win 에서 가장 흔히 볼 수 있는 글꼴, 작은 글꼴 비트맵, 큰 글꼴 TrueType, 큰 글꼴은 보기 좋지 않으므로 제목을 작성하지 않는 것이 좋습니다.
마이크로소프트 야헤
마이크로소프트 야블랙 글씨체가 약간 굵다. 오랫동안 인터넷을 둘러보면 눈이 불편할 수 있다. 대조적으로, 세리프 글꼴은 장식적이고 읽기 쉽기 때문에 송체는 이런 대형 문자 사이트에 더 적합하다. 마이크로소프트 야헤가 주는 느낌은 평화, 청결, 단순함, 차분함, 전문이다.
중국 가는 검은 색
Mac 에서 중국어를 기본값으로 합니다.
영어
헬베티카:
디자이너가 가장 좋아하는 글씨체, 사실적인 스타일, 간결하고 현대적인 라인으로 평가돼 인기를 끌고 있다. Mac 에서 최고의 웹 글꼴로 간주되지만 Windows 에서는 힌트로 인해 표시 효과가 좋지 않습니다.
Arial:
Helvetica 의' 복제' 는 Helvetica 와 비슷하며 R, G 등의 디테일에 약간의 차이가 있다. 글꼴이 너무 작아서 글자가 너무 많으면 좀 피곤해 보인다. Win 과 Mac 이 정상적으로 보입니다.
루시다 가족:
Lucida Grande 는 Mac OS UI 의 표준 글꼴로 휴머니즘적인 스타일로 좀 활발하다. Mac 의 디스플레이는 Win 보다 낫다.
버다나:
화면 디스플레이를 위해 특별히 설계된 서체, 휴머니즘 스타일, 작은 사이즈는 여전히 또렷하게 보일 수 있지만 서체 세부 사항이 심각하게 부족하기 때문에 제목을 붙이지 않는 것이 좋다.
타호마:
이것도 휴머니즘 스타일이다. 서체는 Verdana 와 비슷하지만 약간 좁고 카운터가 약간 작다. Windows 의 표준 글꼴이었고 Mac 10.5 이후 기본적으로 설치됩니다.
버다나:
산세리프 글꼴 세트입니다. 작은 글자에 여전히 구조가 명확하고 읽기 쉬운 등 우수한 성능을 갖추고 있기 때문에 1996 출시 이후 많은 분야에서 가장 선호하는 표준 글꼴 중 하나가 되었습니다.
조지아:
그루지야는 기본적으로 텍스트 화면 표시에 적합한 세리프 글꼴입니다. 획이 무겁고, 세리프가 밝고, 윤곽이 크고, 작은 글씨체가 선명하며, 디테일도 괜찮다.
일부 부분 예술 웹 사이트, 큰 문자는 랍스터를 사용할 수 있습니다. 무료 서체나 서체 사은품을 검색하여 더 예술적인 웹사이트를 만들다.
Trebuchet, Georgia, Times New Roman, Arial, Lucida 등의 글꼴은 26px 이상에서 더 잘 작동하며 문자 제목으로 적합합니다.
웹 페이지의 배너 글꼴
Web banner 의 글꼴 선택 방법은 banner 의 주제에 따라 글꼴을 선택하는 것입니다. 글꼴 자체는 개성이 있기 때문입니다.
첫 번째 범주, 안정성 (조정, 완전성, 안정성, 품질)
마이크로소프트 야헤, 홀리 굵게, 송풍, 중국 부티크 블랙, 스퀘어 블랙, 스퀘어 랜팅 시리즈.
둘째, 경직되고, 날카 롭고, 분명하고, 강합니다.
조자공방 흑체, 조자공방판 흑체, 조자공방 흑체, 장해산 예선체, 콘화 이금블랙, 모나초흑체 (대기 열정 권위 선언 등의 주제에 더 적합하다)
세 번째 부류, 가볍고, 손으로 쓴 것, 귀엽고, 동진, 착함.
방정경 블랙, 콘화 포스터, 한예밀, 방정지예, 새 오후 차, 한예 쪼그려 앉기, 새 땅완자 (게임 엔터테인먼트 포스터, H5 광고페이지, 어린이/여성 주제용)
4 종, 영동, 상큼함, 수려함, 우아함, 정교함, 고운.
정청과판 송악 간체판, 정방송각본수 해서체, 정방송각본수 해서체, 한의전당시, 간강희사전체, 쇼난 서예체, 조자공방, 송각본 (복고, 우아함, 전통, 품질, 영동 등의 소재에 적합)
특수 글꼴 또는 예술 글꼴의 설정입니다.
특별한 서체로 스타일을 표현해야 한다면, 특별한 서체나 예술 서체를 사진으로 웹 페이지에 넣는 것이 가장 좋다. (조지 버나드 쇼, 예술명언) 이런 서체가 필요한 곳에서는 사진으로 대체하여 모든 사람이 같은 페이지를 볼 수 있도록 해야 한다.