Web Guide사진 톤이미지 가이드비주얼 통일
이미지 스타일 가이드: 사진 톤 통일하기
여기저기서 모은 사진을 그대로 쓰면 한 사이트처럼 보이지 않습니다.
각 사진은 괜찮은데 모아 놓으면 어수선한 이유는 톤이 제각각이기 때문입니다.

01무엇이 제각각인가
사진마다 밝기, 색감, 채도, 구도가 다릅니다. 어떤 것은 따뜻하고 어떤 것은 차갑고, 어떤 것은 채도가 높고 어떤 것은 낮습니다.
개별로 보면 문제가 없지만 한 화면에 나란히 놓으면 통일감이 없어 보입니다.
01
밝기
어떤 사진은 밝고 어떤 것은 어둡습니다.
02
색온도
따뜻한 톤과 차가운 톤이 섞입니다.
03
채도
쨍한 사진과 차분한 사진이 섞입니다.
04
구도
인물 사진의 시선 방향이나 여백이 제각각입니다.
05
배경
깔끔한 배경과 복잡한 배경이 섞입니다.
06
비율
가로세로 비율이 달라 목록에서 어긋납니다.
02기준을 정한다
우리 사이트에 쓸 사진의 기준을 몇 가지만 정해 두면 됩니다. 새 사진을 고르거나 촬영할 때 이 기준을 따르면 자연스럽게 통일됩니다.
기준은 예시 사진 몇 장으로 보여주는 것이 말보다 명확합니다.
밝기 방향
밝고 화사한지, 차분하고 진중한지.
색온도
따뜻한 톤인지 중립인지 차가운 톤인지.
채도
선명한지 차분한지.
인물 유무
사람이 등장하는지, 등장한다면 어떤 상황인지.
구도
여백이 있는지, 꽉 찬 구도인지.
예시 사진
기준에 맞는 사진 3~5장을 예시로 정해 둡니다.
03후보정으로 맞춘다
이미 있는 사진들의 톤이 다르다면 간단한 보정으로 어느 정도 맞출 수 있습니다. 밝기와 색온도만 조정해도 훨씬 통일되어 보입니다.
전문적인 보정이 아니어도 됩니다. 같은 필터를 일괄 적용하는 정도로도 효과가 있습니다.
보정 없이 사용
각 사진의 톤이 제각각 · 목록에서 어수선 · 브랜드 인상이 흐려짐
간단한 보정 후
밝기와 색온도를 비슷하게 · 통일감 · 같은 사이트처럼 보임 · 큰 비용 없이 개선
04비율과 자르기 규칙
목록에서 사진 비율이 제각각이면 카드 높이가 달라지고 어수선해집니다. 위치별로 비율을 정하고 그에 맞춰 자르세요.
자를 때는 중요한 부분이 잘리지 않게 주의해야 합니다. 특히 인물의 얼굴이나 제품의 핵심 부분입니다.
목록 썸네일, 상세 대표, 배경 이미지 각각 비율을 정합니다.
중앙 기준으로 자르면 중요한 부분이 잘릴 수 있습니다.
이미지마다 어디를 기준으로 자를지 지정할 수 있으면 좋습니다.
자른 버전만 두지 말고 원본을 보관합니다.
관리자에 권장 크기와 비율을 표시합니다.
CHECK POINT
□ 사진 톤의 기준을 정했는가
□ 기준에 맞는 예시 사진을 지정했는가
□ 기존 사진의 밝기와 색온도를 맞췄는가
□ 위치별 이미지 비율이 정해져 있는가
□ 자를 때 중요한 부분이 잘리지 않는가
□ 원본 이미지를 보관하고 있는가
□ 관리자에 권장 규격이 표시되어 있는가
#사진 톤#이미지 가이드#비주얼 통일#이미지 비율#후보정#브랜드 일관성#썸네일#홈페이지 디자인#웹비스타#홈페이지 제작