지난주 금요일 밤 11시, 나는 그 망할 버튼을 아직도 수정하고 있었다.
평범한 버튼이 아니라, 보스가 다섯 번이나 뜯어고치게 만든 메인 비주얼 버튼이었다. 첫 번째 버전은 너무 밋밋하다고 했고, 두 번째는 너무 화려하다고 했고, 세 번째는 고급스럽지 않다고 했고, 네 번째는 너무 어둡다고 했다. 다섯 번째 버전에서 그는 또 한마디 했다. "뭔가 좀 아쉬운데, 좀 더 고민해 봐."
나는 화면 속 색상 블록을 바라보며 속으로 수만 마리의 알파카가 달려가는 기분이었다. 솔직히 디자인 일을 하면서 가장 무서운 건 고객이 요구사항이 없는 게 아니라, 요구사항이 있는데 제대로 표현하지 못하는 거다. 그가 말한 "아쉽다"는 말은 즉 "나도 뭘 원하는지 모르겠지만, 너가 뭔가 만들어 내야 해"라는 뜻이었다.
그때 이틀 전에 북마크해 둔 작은 도구가 생각났다. CSS 그라데이션 생성기였다. 원래는 자연스러운 하늘 그라데이션 색을 만들 수 있는지 시험해 보려고 했는데, 이게 내가 생각했던 것보다 훨씬 쓸모가 많았다.
도구를 열면 왼쪽에는 색상 스톱, 오른쪽에는 미리보기, 가운데에는 드래그할 수 있는 슬라이더가 있었다. 아무 색이나 몇 개 골라서 파랑, 보라, 분홍으로 노을이 지는 하늘의 그라데이션을 만들어 봤다. 그다음에는 순수한 흑백 그라데이션도 시도해 보고, 투명도 변화도 추가해 봤다. 이렇게 약 10분 동안 슬라이더를 이리저리 움직이는데 갑자기 아이디어가 번뜩였다. 그라데이션과 모션 효과를 결합하면 어떨까?
나는 재빨리 도구에서 진한 파랑에서 연한 보라, 그리고 분홍 오렌지로 이어지는 그라데이션을 만들고, 각도를 약 120도 정도 기울였다. 미리보기 창에서 그 효과는 뭐랄까, "보자마자 비싸 보이는" 느낌이었다. 나는 스크린샷을 찍어 보스에게 보내며 한마디 덧붙였다. "이 방향으로 시도해 볼까요?"
약 5분 후, 보스가 음성 메시지를 보냈다. "어, 이거 괜찮네, 느낌 있어. 좀 더 밝게 할 수 있어?"
나는 의자에서 벌떡 일어날 뻔했다. 그런 다음 도구로 색상 스톱의 밝기와 채도를 미세 조정하고, 2분 더 걸려서 최적화된 버전을 보냈다. 이번에는 바로 "OK"라는 답장이 왔다.
그런데 어떻게 됐게? 일주일 내내 나를 괴롭히던 디자인 시안이 결국 이 도구로 10분 만에 해결됐다. 대충 넘어간 게 아니라 정말로 결과물이 좋았다.
나중에 돌아보니 왜 그렇게 힘들었을까? 항상 전통적인 방식으로 색을 조합했기 때문이다. 포토샵을 열고, 수동으로 그라데이션을 만들고, 한 번씩 시도하고, 매번 파라미터를 바꿀 때마다 스크린샷을 찍고, 내보내고, 위챗으로 보내고, 커뮤니케이션 비용이 엄청났다. 하지만 이 도구는 실시간이라 슬라이더를 움직이면 효과가 바로 화면에 나타나서 보이는 그대로 얻을 수 있다. 게다가 색상 스톱 시스템이 직관적이어서 색을 몇 개든 추가할 수 있고, 위치도 조정할 수 있으며, CSS 코드를 바로 복사해서 코드에 붙여넣기만 하면 된다.
더 중요한 점은, 이 도구 덕분에 "색 조합"이라는 고정관념에서 벗어나 "그라데이션" 자체가 어떤 시각적 감정을 줄 수 있는지 생각하게 된 것이다. 예전에는 그라데이션이 그냥 배경 장식이라고 생각했는데, 이제는 디자인 전체의 영혼이 될 수 있다는 걸 알게 됐다. 깊은 곳에서 얕은 곳으로, 차가운 색에서 따뜻한 색으로 이어지는 그런 전환은 자체적으로 스토리텔링이 있어서 평면 디자인을 "살아 있게" 만든다.
이제 내 작업 방식은 완전히 바뀌었다. 웹 배경, 버튼 상태, 카드 그림자, 차트에 시각적 계층을 추가할 때든, 첫 반응은 이 도구를 열고 색상 스톱을 몇 개 끌어서 느낌을 본 다음 사용 여부를 결정하는 것이다. 효율성은 비교할 수 없을 정도로 향상됐고, 더 중요한 건 이제 보스가 "아쉽다"고 말해도 두렵지 않다는 것이다. 왜냐하면 나는 빠르게 여러 가지 "느낌"을 시도해 볼 수 있기 때문이다.
그러니까 가끔은 우리 능력이 부족한 게 아니라 도구를 잘못 고른 것이다. 야근하며 좌절하게 만드는 그런 작업도 생각을 바꾸고 도구를 바꾸면 10분 만에 해결될 수 있다. 물론, 전제는 새 도구를 시도하는 데 10분을 투자할 의향이 있어야 한다는 것이다. 옛 습관에 집착하지 말고.
자, 더 말하지 않겠다. 이제 그라데이션 방식을 표준 문서로 정리하러 가야겠다. 다음에 비슷한 요구사항이 오면 바로 복사해서 쓸 수 있게, 조정도 필요 없이.