웹에 대한 이해도가 중요한 이유는 무엇인가요?

웹 랜딩 페이지 시안을 만들어 개발자에게 넘겼는데 '이 애니메이션은 CSS로 구현이 안 돼요'라는 말이 돌아왔어요. 레이아웃도 절대 위치값으로 고정되어 있어서 반응형 처리가 불가능한 구조였어요. 처음부터 다시 설계해야 했어요.

웹 구조를 이해하지 못하면 아무리 예쁜 시안도 실제로 만들 수 없다는 걸 그때 처음 알게 됐어요. CSS 기본 레이아웃, 반응형 그리드, 브라우저 렌더링 방식을 기초부터 공부했어요. 설계 기준이 생기고 나서 개발자와 나누는 이야기가 달라졌어요.

지금은 Figma로 웹 시안을 만들 때 그리드 기반 레이아웃과 유동 컴포넌트 구조로 설계해요. 개발자가 구현할 수 있는 방식으로 디자인하는 것이 웹 이해도의 핵심이라는 걸 그 경험이 가르쳐줬어요. 웹을 이해하는 디자이너는 개발자에게 다른 언어로 말한다는 걸 그 협업이 보여줬어요.