Technote

디자이너 를 위한 워드프레스 가이드

디자인과 사용자 경험을 책임지는 디자이너를 위한 가이드. 테마 선택 · 웹폰트 · 이미지 최적화가 속도와 전환에 미치는 영향을 다룹니다.

글 71편· 디자이너

테마 · 플러그인 입문

본문 16px이 기준선인 이유, 그리고 예외

16px은 누가 정한 유행이 아니라 브라우저와 사용자가 합의한 기본값입니다. 그 값을 기준으로 삼되, 한글 장문에서는 한 단계 올릴 이유가 분명히 있습니다.

디자이너 4분 읽기

성능 최적화 입문

업로드 전에 정해 두는 최대 크기

카메라 원본을 그대로 올려도 화면은 멀쩡해 보입니다. 그래서 문제가 늦게 발견됩니다 — 워드프레스가 그 뒤에서 무엇을 하는지 알면 기준이 잡힙니다.

디자이너 3분 읽기

테마 · 플러그인 입문

브랜드색 하나에서 필요한 변형을 전부 뽑는 법

브랜드색 하나로는 화면을 그릴 수 없습니다. 호버 · 눌림 · 틴트 배경 · 비활성까지 필요한 변형을 규칙으로 뽑아내면, 화면마다 색을 새로 고르는 일이 없어집니다.

디자이너 3분 읽기

테마 · 플러그인 입문

자식 테마 만들기 — 헤더 한 줄과 로드 순서

파일 두 개면 끝납니다. 다만 헤더의 Template 한 줄과 스타일 로드 순서를 잘못 잡으면, CSS 를 아무리 써도 화면이 바뀌지 않습니다.

디자이너 4분 읽기

테마 · 플러그인 입문

색 대비 — 회색 본문이 기준에서 탈락하는 자리

연한 회색 본문은 시안에서 가장 세련되어 보이고, 실제 화면에서 가장 먼저 읽히지 않습니다. 기준값 세 개만 알면 색을 고르는 그 자리에서 판단할 수 있습니다.

디자이너 3분 읽기

테마 · 플러그인 입문

한글 본문의 행간, 1.5로는 왜 부족한가

웹의 기본 행간은 라틴 알파벳을 기준으로 정해진 값입니다. 한글은 같은 크기에서 글자 안의 획이 더 촘촘하고 받침 때문에 실제 글자 높이도 커서, 같은 1.5가 훨씬 답답하게 읽힙니다.

디자이너 5분 읽기

₩270,000 · 신청하기