읽히는 웹디자인을 만드는 타이포그래피 - 웹디자인 강좌 2-3

웹디자인에서 정보를 더 읽기 쉽고 명확하게 전달하기 위한 웹 타이포그래피의 핵심 기준을 알아봅니다.
텍스트 위계와 폰트 스케일, 반응형 폰트 크기, 행간·자간, 시스템 폰트와 웹폰트, WCAG 명도 대비까지 실제 웹디자인에 필요한 타이포그래피 원칙을 살펴봅니다.

피그마를 활용해 실제 텍스트 대비를 검사하는 방법까지 함께 알아봅니다.

#웹디자인 #타이포그래피 #UI디자인


🕐 타임스탬프
00:00 텍스트와 위계 구조가 중요한 이유
01:23 폰트 크기와 스케일 설정
03:48 반응형 화면의 폰트 크기
04:57 행간과 자간 설정하기
08:17 시스템 폰트와 웹폰트
09:31 폰트 두께와 명도 대비
10:28 WCAG 웹 접근성 기준
11:56 피그마에서 텍스트 대비 검사하기
12:59 핵심 내용 정리


🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.

🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)