공통 디자인을 여러 홈페이지에 적용하는 동안 사진에 들어간 푸른 필터가 너무 강하다는 지적을 받았다. 해당 브랜드에 맞추라는 요구에는 글자와 전체 톤을 조정하는 일도 포함되어 있었다. 같은 색을 계속 덮어 통일하는 것만으로 브랜드에 맞춘 화면이 되는 것은 아니었다. 사진의 내용과 읽을 문구가 함께 살아 있어야 했다.
기록에는 필터를 옅게 해 달라는 요청이 다시 이어지고, 특정 사진은 원래부터 어두운 것 같으니 새 이미지를 만들자는 판단도 나온다. 필터의 색과 강도, 겹쳐진 층, 원본 사진의 밝기는 서로 다른 원인이다. 나는 이들을 하나의 어두운 화면으로만 보지 않고 수정할 책임으로 나누어 읽었다.
브랜드 색과 사진의 명암은 같은 조절 손잡이가 아니다
브랜드 색을 버튼과 선, 글자에 적용하는 일과 사진 위에 색상층을 얹는 일은 다르다. 사진 위의 층을 강하게 하면 통일감이 생길 수 있지만 실제 피사체가 덜 보이고 배경의 밝기도 달라진다. 고객이 원하는 브랜드의 느낌을 한 색상 필터로 대신하지 않아야 한다. 어디에 색을 쓰고 어디에 원본의 색을 남길지 구별한다.
사진에 글자가 올라가는 경우에는 글자의 읽기 조건도 함께 본다. 층을 약하게 했더니 글자가 흐려지면 다시 사진 전체를 진하게 덮는 것만이 해법은 아니다. 글자 위치, 그 부분의 배경, 필요한 국소 명암을 검토할 수 있다. 실제 읽힘을 확인하지 않고 색상 수치만으로 좋은 대비라고 결론내리지 않는다.
겹친 색상층을 먼저 찾는다
당시 공통 CSS는 기존의 진한 그라데이션보다 우선하는 규칙을 두고, 메인 사진 바깥의 추가 어두운 층을 제거했다. 한 층의 투명도를 줄여도 다른 가상 요소가 계속 검게 덮으면 사진은 여전히 어둡다. 눈에 보이는 결과와 내가 바꾼 속성의 관계를 찾는 일이 먼저였다.
브라우저에서 어떤 요소와 가상 요소가 색을 올리고 있는지 확인하면 수정 대상을 좁힐 수 있다. 원본 이미지, 배경 영역, 앞의 색상층, 제목의 그림자를 한꺼번에 바꾸면 무엇이 효과를 낸 것인지 남기기 어렵다. 나는 레이어별로 원인과 변경을 적어 다른 작업자가 같은 필터를 다시 강하게 넣지 않게 하려 한다.
공통 강도와 개별 브랜드 값을 따로 둔다
수정 문서는 메인과 아래 사진의 색상층 강도를 공통 CSS에서 관리하면서 현장별 색상 값은 따로 기록하도록 했다. 실제 소스에는 브랜드 색상 변수를 읽는 그라데이션과 PC·모바일의 서로 다른 방향이 남아 있다. 공통으로 고칠 부분과 개별 자료에서 결정할 부분을 나눈 구조다. 해당 숫자는 당시 선택이지 모든 사진에 맞는 공식은 아니다.
이 분리가 있으면 필터가 강하다는 공통 문제를 고치면서 다른 브랜드의 색상까지 하나로 덮어쓰지 않을 수 있다. 그러나 모든 사이트에서 같은 강도가 보기 좋다는 결론은 별도 검수가 필요하다. 밝은 사진과 어두운 사진, 제목이 놓인 위치가 달라 같은 변수도 다르게 보인다. 공통 수정은 개별 확인을 없애는 도구가 아니다.
원본이 어두운 문제는 필터 수정으로 끝나지 않는다
사용자는 나중에 특정 원본 사진 자체가 어두운 것 같다고 짚었다. 이때 생성 이미지로 바꾸자는 요청은 필터 조절과 다른 작업이다. 원본의 밝기와 색이 불리한데 투명한 층만 반복해서 고치면 해결되지 않을 수 있다. 반대로 새 사진을 만들었다는 이유로 강한 공통 필터 문제를 해결했다고 처리해서도 안 된다.
연출 사진을 새로 만들 때는 실제 건물이나 사실 자료를 입증하는 이미지와 구별해야 한다. 이 글은 생성된 결과의 사실 충실도를 확인했다는 이야기가 아니다. 당시 사진 교체 요청을 다른 해결 갈래로 남기고, 자료 역할과 표시 기준을 다시 확인하는 판단을 설명한다. 사진 생성의 경계는 별도 자료 규칙과 함께 읽어야 한다.
밝게 보였다는 말의 근거를 남긴다
나는 이번에 요청과 공통 수정 문서, 실제 CSS의 색상층 규칙을 대조했다. 코드 연결 기록은 색상 변수와 공통 파일이 적용되는 구조를 보여주지만 사진 픽셀과 모든 실화면이 포함된 것은 아니다. 원래 사진을 지금 더 밝게 보았다고 쓰지 않는다. 소스에서 바꾼 강도와 실제로 관찰한 읽힘을 구별해야 다음 수정의 이유가 분명해진다.
의뢰자는 화면이 어둡다는 피드백과 함께 어느 사진의 어느 내용이 안 보이는지 알려줄 수 있다. 제작자는 원본 문제인지 겹친 필터인지, 제목을 읽기 위한 처리인지 나눠 확인한다. 내가 남기려는 방법은 필터를 무조건 없애는 취향이 아니라, 브랜드와 사진과 문구의 책임을 나눠 필요한 만큼만 바꾸는 판단이다.