디자인·편집

사진가 홈페이지, 색·글꼴·여백을 맞추는 쉬운 기준

디자인 경험이 없어도 색상 2~3개, 글꼴 위계, 반복 여백을 먼저 정하면 포트폴리오가 정돈됩니다. 가상 사진가 사례로 수정 전·후와 확인 항목을 살펴봅니다.

TalkTalkMySite

먼저 정할 세 가지

사진가 홈페이지는 작품이 주인공입니다. 편집을 시작하기 전에 대표 작업의 분위기와 방문자가 할 일을 정하세요. 예를 들어 인물 사진 예약 문의가 목적이라면 작품 보기, 촬영 분야 확인, 문의하기가 자연스럽게 이어져야 합니다.

색상은 배경용 중립색 하나, 본문 글자색 하나, 강조색 하나를 기준으로 삼으세요. 강조색은 버튼이나 링크처럼 시선을 모을 곳에만 씁니다. 글꼴은 제목용과 본문용을 각각 하나로 제한하고, 제목·소제목·본문의 크기와 굵기를 일정한 위계로 반복하세요. 여백은 섹션 사이, 이미지와 설명 사이에 같은 간격 단계를 적용하면 됩니다. 숫자를 복잡하게 맞추기보다 큰 간격과 작은 간격 두세 가지를 정해 반복하는 편이 쉽습니다.

AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집

가상 사례: 수정 전과 후

**가상 사례 — 인물 사진가 민서의 포트폴리오.** 수정 전에는 페이지마다 배경색이 달랐고, 강조색 버튼이 여러 색으로 보였습니다. 제목 글꼴도 섞여 있었으며 사진과 설명 사이 간격이 들쭉날쭉했습니다. 방문자는 작업의 차분한 분위기보다 편집 요소를 먼저 보게 됐습니다.

수정 후에는 밝은 중립 배경과 짙은 본문 글자색을 유지하고, 예약 문의 버튼에만 한 가지 강조색을 적용했습니다. 제목과 본문 글꼴을 각각 하나로 통일하고 제목·소제목·본문의 크기 순서를 고정했습니다. 작품 묶음마다 같은 여백을 두고, 사진 설명도 같은 위치에 배치했습니다. 새 디자인을 만든 것이 아니라 반복 규칙을 줄여 적용한 결과입니다.

노코드 편집에서 확인할 것

TalkTalkMySite는 노코드 템플릿과 AI 채팅, 시각 편집을 제공하므로 코딩이나 디자인 경험 없이도 시작할 수 있습니다. 템플릿을 고른 뒤 색, 글꼴, 여백을 한 번에 여기저기 바꾸기보다 대표 페이지 하나에서 기준을 정하고 다른 페이지에 적용하세요. 홈페이지 제작을 우선한다면 Basic은 웹사이트, Standard는 스토어, Premium은 다국어 제공에 맞는 플랜입니다. 사진을 판매하는 쇼핑몰 제작이 목적이라면 상품 구성과 결제 방식도 별도로 정해야 합니다.

AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집

자동 제안이나 템플릿이 결과를 완성해 주는 것은 아닙니다. 사진 순서와 크롭, 글의 정확성, 모바일 화면에서의 간격, 문의 정보와 영업 내용을 직접 확인하세요. 결제, 소셜 로그인, 도메인, 배송은 필요한 경우 별도 설정이 필요합니다. 검색 순위나 판매를 보장하지 않으며, 무료로 제한 없이 쓸 수 있거나 실수가 전혀 없다고 볼 수도 없습니다.

공개 전 체크리스트

  • 대표 사진과 페이지 목적이 분명한가?
  • 색상은 역할별로 제한했고 강조색은 꼭 필요한 곳에만 썼는가?
  • 제목·본문 글꼴과 크기 위계가 모든 페이지에서 같은가?
  • 사진, 설명, 섹션 사이 여백이 반복되는가?
  • 모바일 화면에서 잘림이나 읽기 어려운 글이 없는가?
  • 문의 방법과 사업 정보가 정확한가?

다음 단계로 작품 6~10장을 골라 한 페이지에 배치하고, 위 기준으로 먼저 다듬어 보세요. 공개 전에는 실제 방문자처럼 페이지를 열어 작품을 이해하고 문의하는 흐름이 자연스러운지 직접 점검하세요.

국가 선택 · Choose your country

새 쇼핑몰의 결제 설정에 적용됩니다. 기존 쇼핑몰의 판매 국가는 변경되지 않습니다.