디자인 시안 뜻 — 홈페이지 «시안 1안·수정 2회»가 뜻하는 것과 시안 단계에서 확인할 것
디자인 시안 뜻은 와이어프레임에 색·글꼴·그림을 입힌 실제 화면 견본입니다. 홈페이지 시안 1안·수정 2회의 의미, 디자인 강화 40만~120만원 등 단가표 기준 비용, UI·UX 차이, 시안 피드백 주는 법을 정리했습니다.
결론부터 적습니다. 디자인 시안은 와이어프레임에 색·글꼴·그림을 입혀 실제 화면 모습으로 보여 주는 견본입니다. 보통 메인과 주요 화면 몇 장을 PC와 모바일로 만들고, 방향이 정해지면 나머지 화면은 같은 규칙으로 개발합니다. 엔큐솔루션(NQ Solution)의 홈페이지 제작 범위에는 시안 1안과 수정 2회가 들어갑니다.
디자인 시안이란 — 완성 전의 견본 화면
시안(試案)은 «시험 삼아 만든 안»이라는 뜻입니다. 홈페이지에서는 와이어프레임이 정한 배치 위에 브랜드 색, 글꼴, 사진, 아이콘을 얹어 «이렇게 보일 것»을 보여 주는 화면입니다. 영어로는 보통 디자인 목업(design mockup)이라고 부릅니다.
시안은 그림이라 대개 눌러 볼 수 없습니다. 버튼이 어디로 가는지는 와이어프레임에서 이미 정했고, 시안에서는 인상과 읽기 쉬움을 봅니다. 와이어프레임과의 차이는 와이어프레임이란에 표로 정리했습니다.
«시안 1안·수정 2회»는 무슨 뜻인가요?
견적서의 «1안»은 서로 다른 디자인 방향을 몇 개 보여 주는지를 뜻합니다. 1안이면 한 방향을, 2안이면 두 방향을 만들어 그중 하나를 고릅니다. «수정 2회»는 고른 방향을 두 번까지 고친다는 뜻이며, 한 번에 모아 보낸 의견 묶음을 1회로 세는 경우가 많습니다.
| 표현 | 뜻 | 발주자가 할 일 |
|---|---|---|
| 시안 1안 | 디자인 방향 하나를 핵심 화면에 적용 | 첫 시안 전에 참고 사이트와 브랜드 자료 전달 |
| 시안 2안 이상 | 서로 다른 방향 여러 개 중에서 선택 | 고를 기준(대상, 목적)을 미리 정함 |
| 수정 2회 | 고른 방향을 두 번 고침 | 의견을 한 번에 모아 정리해 보냄 |
| 추가 수정 | 정한 횟수를 넘는 수정 | 비용과 일정에 주는 영향 확인 |
엔큐솔루션은 고객이 고른 방향으로 디자인합니다. 정해진 스타일 하나를 권하지 않고, 참고 자료와 사업 성격을 보고 여러 방식 가운데 맞는 쪽으로 만듭니다. 브랜드 작업이 따로 필요하면 프로젝트에 따라 브랜딩 협력사와 함께합니다.
시안 범위와 비용 — 단가표 기준
단가표 v1.1(2026-09-23 기준)에서 시안 1안과 수정 2회는 홈페이지 제작 범위 안에 있습니다. 더 많은 화면에 고유한 디자인을 입히거나 움직임을 더하려면 디자인 강화 항목을 더합니다.
| 항목 | 금액(부가세 별도) | 설명 |
|---|---|---|
| 시안 1안 + 수정 2회 | 제작 범위 안 | 단가표의 제작 범위 항목 |
| 디자인 강화 | 40만~120만원 | 화면별 고유 디자인, 움직임 등 |
| 페이지 추가 | 페이지당 10만~20만원 | 기업·기관 홈페이지 |
| 기업 홈페이지(6~9페이지) | 180만~350만원 | 4~6주 |
쇼핑몰 상세페이지 디자인은 상품 하나를 길게 설명하는 이미지 작업이라 홈페이지 시안과 따로 범위를 잡습니다. 유형별 전체 금액은 홈페이지 제작 비용, 2026년 기준에 정리했습니다.
UI 디자인과 UX 디자인의 차이
| 구분 | UI 디자인 | UX 디자인 |
|---|---|---|
| 뜻 | 사용자가 보고 누르는 화면 요소의 디자인 | 사용자가 목적을 이루기까지의 경험 설계 |
| 다루는 것 | 버튼, 글꼴, 색, 간격, 아이콘 | 메뉴 구조, 흐름, 단계 수, 안내 문구 |
| 주로 정하는 단계 | 디자인 시안 | 요구사항, 와이어프레임 |
| 잘됐는지 보는 법 | 읽기 쉽고 일관된가 | 헤매지 않고 끝까지 가는가 |
시안은 UI가 드러나는 단계지만 시안을 보며 UX도 함께 점검합니다. 문의 버튼이 눈에 띄는지는 UI 문제이고, 문의까지 세 번을 눌러야 하는지는 UX 문제입니다.
시안 피드백은 이렇게 줍니다
«좀 더 세련되게», «느낌이 별로»는 고칠 방향을 알려 주지 않습니다. 의견에는 목적, 대상, 우선순위를 붙입니다.
- 목적: «문의를 늘리고 싶으니 상담 버튼이 첫 화면에서 더 보였으면 합니다.»
- 대상: «주 고객이 50대 이상이라 본문 글자가 더 컸으면 합니다.»
- 우선순위: 반드시 고칠 것과 취향 의견을 나눠 적습니다.
- 참고 자료: 마음에 드는 사이트를 보낼 때는 무엇이 좋은지 한 줄을 붙입니다.
| 나쁜 피드백 | 좋은 피드백 |
|---|---|
| 좀 더 세련되게 해 주세요 | 제목 글자 수를 줄이고 여백을 넓혀 정돈된 인상을 주세요 |
| 느낌이 별로예요 | 사진이 어두워 제품이 잘 안 보입니다. 밝은 사진으로 바꿔 주세요 |
| 색을 바꿔 보세요 | 로고 색은 버튼에만 쓰고 바탕은 흰색으로 해 주세요 |
| 다른 회사처럼 해 주세요 | 참고 사이트의 첫 화면처럼 상담 버튼이 바로 보이게 해 주세요 |
의견은 여러 사람 것을 한 번에 모아 보냅니다. 담당자마다 따로 보내면 서로 반대되는 수정이 오가고 남은 수정 횟수만 줄어듭니다.
반응형 시안 — PC와 모바일을 함께 보는 이유
업종에 따라서는 폰으로 들어오는 방문자가 더 많습니다. PC 시안만 보고 승인하면 모바일에서 메뉴가 어떻게 접히는지, 긴 표와 큰 사진을 어떻게 줄이는지가 개발 단계에서야 정해집니다. 그때 고치면 시안 단계보다 손이 많이 갑니다.
그래서 핵심 화면은 PC와 모바일 시안을 나란히 놓고 봅니다. 폰 화면에서는 첫 화면에 상담 버튼이 보이는지, 본문 글자가 충분히 큰지, 표나 이미지가 가로로 넘치지 않는지를 확인합니다. 태블릿 화면은 두 시안 사이에서 개발하며 맞춥니다.
시안 전에 준비할 자료
시안의 첫 장이 방향에서 크게 벗어나는 이유는 대개 자료가 부족해서입니다. 첫 시안 전에 아래 자료를 한 번에 넘기면 수정 기회를 세부 조정에 쓸 수 있습니다.
| 자료 | 왜 필요한가 | 없을 때 |
|---|---|---|
| 로고 원본 | 화면 크기마다 선명하게 쓰기 위해 | 이미지 파일로 받아 다시 그려야 함 |
| 브랜드 색·글꼴 | 인쇄물·간판과 화면의 인상을 맞추기 위해 | 로고에서 색을 뽑아 제안 |
| 실제 사진 | 스톡 사진보다 사업을 정확히 보여 주기 위해 | 촬영 일정이나 임시 이미지 협의 |
| 참고 사이트 두세 곳 | 좋아하는 방향을 말 대신 보여 주기 위해 | 업종 사례를 보고 방향을 함께 고름 |
| 첫 화면 원고 | 글 길이에 맞는 배치를 잡기 위해 | 임시 문구로 배치하고 나중에 바꿈 |
원고는 완성본이 아니어도 됩니다. 첫 화면의 제목과 설명 한두 줄만 있어도 실제 글 길이에 맞춰 배치를 잡을 수 있어, 오픈 직전에 화면이 깨지는 일이 줄어듭니다.
시안 단계에서 흔한 오해
| 오해 | 실제 |
|---|---|
| 시안이 나오면 거의 완성이다 | 시안은 화면 견본입니다. 개발, 관리자, 검수는 그 뒤에 진행합니다 |
| 수정은 원하는 만큼 할 수 있다 | 견적서에 정한 횟수가 있고, 넘으면 비용과 일정이 늘 수 있습니다 |
| 모든 페이지 시안을 받는다 | 보통 핵심 화면만 시안으로 만들고 나머지는 같은 규칙으로 개발합니다 |
| 시안에서 메뉴 구조도 바꾸면 된다 | 구조를 바꾸면 와이어프레임 단계로 돌아가야 해서 일정이 밀립니다 |
시안 범위와 진행 방식은 디자인 서비스에서 볼 수 있습니다.
자주 묻는 질문
디자인 시안 뜻이 무엇인가요?
와이어프레임에 색, 글꼴, 사진, 아이콘을 입혀 완성될 화면 모습을 미리 보여 주는 견본입니다. 보통 메인과 주요 화면을 PC와 모바일로 몇 장 만듭니다.
홈페이지 디자인 시안은 몇 개 받을 수 있나요?
견적서에 적힌 안 수만큼 받습니다. 엔큐솔루션의 홈페이지 제작 범위에는 시안 1안과 수정 2회가 들어가고, 더 많은 화면에 고유 디자인이 필요하면 디자인 강화(40만~120만원, 부가세 별도)를 더합니다.
시안 수정 횟수를 넘으면 어떻게 되나요?
추가 수정으로 보고 비용과 일정을 다시 정하는 것이 일반적입니다. 의견을 한 번에 모아 보내면 정한 횟수 안에서 끝낼 가능성이 커집니다.
시안이 마음에 안 들면 처음부터 다시 그려 주나요?
엔큐솔루션의 제작 범위는 시안 1안과 수정 2회라, 고른 방향을 두 번까지 고치는 방식입니다. 방향을 새로 잡거나 다른 방향을 더 보고 싶다면 디자인 강화(40만~120만원, 부가세 별도)로 범위를 넓혀 진행합니다. 첫 시안 전에 참고 자료를 충분히 주면 이런 경우가 줄어듭니다.
디자인 시안 비용은 따로 드나요?
엔큐솔루션은 시안 1안과 수정 2회를 제작 범위 안에서 진행합니다. 브랜드 작업처럼 범위가 다른 디자인 작업은 범위를 보고 따로 견적합니다.
UI 디자인과 UX 디자인은 어떻게 다른가요?
UI는 버튼, 글꼴, 색처럼 보고 누르는 화면 요소의 디자인입니다. UX는 사용자가 목적까지 헤매지 않고 가도록 흐름과 단계를 설계하는 일입니다. UX는 주로 와이어프레임에서, UI는 디자인 시안에서 정합니다.