포트폴리오 웹사이트 헤더란?
포트폴리오 웹사이트 헤더는 사이트 맨 위에 놓이는 가로로 넓은 대표 영역입니다. 보통 이름과 하는 일, 분위기를 정해 주는 이미지 한 장이 들어갑니다.
방문자는 몇 초 안에 스크롤을 이어 갈지 정합니다. 채용 담당자나 클라이언트도 마찬가지입니다. 사진작가와 디자이너, 프리랜서, 취업을 준비하며 개인 사이트를 만드는 사람에게 중요한 이유입니다. 모든 페이지 조회가 이 영역에서 시작되기 때문입니다.
Morphic에서는 브라우저에서 프롬프트로 이 헤더를 만듭니다. 대표 이미지와 이름 위치, 원하는 분위기를 설명하고 레이아웃을 비교한 뒤 와이드 비율로 HD 저장하세요. 웹 디자이너를 따로 구하지 않아도 완성도 있는 배너가 나옵니다.
헤더에 담을 말 정하기
이름과 하는 일을 알려 주는 짧은 한 줄을 정하세요. 이름과 함께 브랜드 디자이너처럼 직무를 한 줄로 적으면 됩니다. 분명한 정보 두 가지가 읽히지 않는 문단보다 낫습니다.
헤더 설명하기
Morphic을 열고 와이드 배너를 설명하세요. 대표 이미지와 이름 위치, 메뉴가 들어갈 공간을 적으면 됩니다. 레이아웃을 두 가지 요청하면 시선이 먼저 닿는 곳을 비교할 수 있습니다.
메뉴 자리 비워 두기
메뉴 링크와 로고가 피사체를 가리지 않도록 조용한 영역을 요청하세요. 메뉴를 생각하지 않은 헤더는 사이트에 올리면 항상 답답해 보입니다.
화면 폭별로 확인하기
먼저 넓게 보고, 휴대폰처럼 좁게 잘린 모습도 확인하세요. 이름이 안전한 가운데 영역 밖으로 나가는 시안은 다시 생성합니다.
저장하고 적용하기
글자가 선명한지, 전체 폭에서도 이미지 디테일이 유지되는지 확인하세요. 그다음 HD로 저장해 사이트의 대표 이미지로 설정합니다.
같은 포트폴리오의 헤더 레이아웃 두 가지입니다. 둘 다 이름과 직무 한 줄이 들어갑니다.


좋은 포트폴리오 헤더의 조건
| 기준 | 의미 | 중요한 이유 |
|---|---|---|
| 즉각적인 명확함 | 이름과 직무가 한눈에 읽힙니다 | 방문자가 누구의 사이트인지 압니다 |
| 메뉴를 위한 공간 | 메뉴와 로고를 둘 조용한 영역 | 완성된 페이지가 답답해지지 않습니다 |
| 안전한 중앙 영역 | 핵심 내용이 좁은 화면에서도 남습니다 | 휴대폰에서도 헤더가 제 역할을 합니다 |
| 작업과 어울리는 분위기 | 이미지가 내 스타일을 보여 줍니다 | 사이트 전체가 하나의 작업물처럼 보입니다 |
Morphic과 기존 방식 비교
| Morphic | 웹 디자이너 의뢰 | |
|---|---|---|
| 비용 | Morphic에서 이용 가능 | 수정 라운드마다 드는 디자인 비용 |
| 소요 시간 | 몇 분 만에 완성되는 헤더 | 브리프와 피드백에 몇 주 |
| 필요한 기술 | 일상 언어로 설명하면 됩니다 | 레이아웃과 웹 디자인 기술 |
| 일관성 | 어울리는 변형을 다시 생성 | 변경할 때마다 새 작업을 의뢰 |
자주 묻는 질문
네. Morphic에서 만든 이미지는 내 사이트와 클라이언트 작업에서 상업적으로 이용할 수 있습니다.
네. 이름과 직무 한 줄만 또렷하게 담고, 지원하는 분야의 분위기에 맞는 이미지를 요청하세요. 내 작업을 보여 주는 사이트라면 헤더는 작업의 톤을 받쳐 주는 역할이면 충분합니다.
정확한 표기를 프롬프트에 적고, 생성된 글자를 확인하세요. 한글과 영문을 함께 쓸 때는 줄을 나눌 위치까지 지정하면 더 안정적입니다. 어색하면 다시 생성합니다.
네. 이름과 핵심 정보를 가운데 가까이에 두고, 좁게 잘린 화면을 미리 확인하세요. 잘리는 부분이 있으면 다시 생성합니다.
네. 색상과 글꼴 스타일을 설명하면 사이트와 어울리는 헤더가 나옵니다. 같은 스타일로 변형을 요청하면 소개, 작업, 연락 페이지가 하나의 사이트처럼 보입니다.
새 이미지나 문구를 설명하고 다시 생성하세요. 헤더를 새로 디자인하지 않고 몇 분 만에 바꿀 수 있습니다.
