디자인 규칙집에 넣을 항목

디자인 규칙집의 목차와 기록 범위

디자인 규칙집에는 디자인 원칙, 공통 요소의 표현 규칙, 반복되는 화면 구성, 화면 크기에 따른 배치 규칙, 접근성 고려사항을 담습니다. 각 항목은 업체가 여러 페이지에 같은 기준을 적용할 수 있도록 규칙 설명과 적용 예시를 함께 정리합니다.

병원 담당자는 목차를 합의할 때 완성 화면의 목록보다 페이지 사이에서 재사용할 기준을 먼저 정합니다. 진료 안내마다 달라지는 내용과 홈페이지 전체에서 유지할 표현을 나누고, 업체가 어느 범위까지 공통 규칙으로 설명할지 요청합니다. 항목 이름만 있는 문서라면 적용 대상과 예외 조건을 추가하도록 요구합니다.

케이알디에스는 디자인 원칙을 상위 설계 기준으로 설명하고, 스타일과 공통 요소, 반복되는 구성에 관한 안내를 따로 제시합니다. 병원은 이 구성을 참고하되 실제 홈페이지에서 쓰는 요소에 맞게 목차를 정합니다. 사용하지 않는 기능의 설명을 늘리기보다 업체가 반복 적용할 항목을 빠짐없이 기록하도록 요청합니다.

표현 방향을 규칙으로 쓰는 기준

디자인 원칙은 업체가 표현을 선택할 때 판단할 수 있는 문장이어야 합니다. ‘편안한 느낌’처럼 해석 범위가 넓은 말만 쓰면 서로 다른 결과를 허용하게 됩니다. 병원 담당자는 어떤 정보의 읽는 순서를 유지할지, 사진과 안내 문구가 함께 있을 때 무엇을 먼저 전달할지처럼 적용 대상을 포함해 설명을 요청합니다.

색과 글꼴 항목에는 선택한 이름만 나열하지 않고 제목, 본문, 주의 안내 등 용도별 사용 규칙을 기재합니다. 사진은 쓰는 목적과 자르는 방식, 아이콘은 전달하는 뜻과 설명 문구를 함께 사용하는 조건을 기록하도록 합니다. 여기서 개별 색이나 글꼴을 새로 결정하지 않고, 합의한 표현을 다른 페이지에서도 재현할 수 있는 설명을 남깁니다.

규칙의 범위는 업체가 문서만 읽고 적용 대상을 가릴 수 있는 정도로 정합니다. ‘모든 안내에 적용’과 ‘특정 구성에서만 적용’은 별도로 표시하고, 예외를 허용할 때는 그 이유와 적용 조건을 기재합니다. 페이지 이름만으로 예외를 정하면 새 페이지를 만들 때 같은 판단을 다시 해야 하므로, 내용의 성격이나 요소의 역할로 조건을 설명하게 합니다.

목차 합의부터 대표 화면 대조까지

병원 실장은 규칙을 승인할 담당자를 정하고, 마케팅 담당자는 반복되는 안내 유형과 공통 요소 목록을 준비합니다. 자료에는 페이지 이름뿐 아니라 진료 설명, 방문 안내, 예약 연결처럼 각 화면이 맡는 일을 기재합니다. 업체는 이 목록을 바탕으로 규칙집 목차와 항목별 적용 범위를 제안하도록 합니다.

1. 목차를 합의합니다. 병원 담당자는 실제 사용하는 요소가 목차에 포함됐는지 대조하고, 업체는 항목 사이의 중복과 누락을 정리합니다.
2. 규칙 설명과 적용 예시를 요청합니다. 업체는 각 항목에 적용 대상, 사용 조건, 허용하는 예외를 기재하고 같은 규칙을 사용하는 화면 예시를 연결합니다.
3. 대표 화면에서 적용 결과를 확인합니다. 병원 담당자는 규칙의 문장과 화면의 해당 요소를 대응시키고, 설명이 부족한 부분은 문서에 보완하도록 요청합니다.

대표 화면은 서로 다른 규칙을 드러낼 수 있는 구성으로 선택합니다. 시각적으로 완성도가 높은 화면만 받으면 긴 설명이나 반복 안내에서 규칙이 어떻게 작동하는지 알기 어렵습니다. 담당자는 문서 항목을 기준으로 필요한 화면을 선정하고, 업체에 각 화면이 어떤 규칙을 설명하는지 표시하도록 요청합니다.

대표 화면과 규칙 설명의 대응

업체에 요청하는 화면은 규칙을 설명하는 자료이므로 표시된 요소와 문서 항목이 직접 연결되어야 합니다. 화면 옆에 ‘공통 스타일 적용’이라고만 쓰기보다 제목 표현, 메뉴 상태, 안내 구성 등 해당 항목을 지정하도록 합니다. 병원 담당자는 대응 관계가 없는 설명을 별도로 모아 업체에 문서 보완을 요청합니다.

웹데브는 반응형 디자인을 사용자 요구와 기기 기능에 맞춰 배치를 조정하는 방식으로 설명하며, 다양한 화면 크기와 상호작용 방식의 고려를 안내합니다. 병원 규칙집에서는 ‘모바일 대응’이라는 문구만 남기지 않고 배치가 달라지는 조건과 변경 내용을 기록합니다. 업체가 화면 너비에 따른 기준을 제시하면 담당자는 대표 화면에 그 조건이 어떻게 반영됐는지 설명을 받습니다.

승인 기록에는 합의한 항목과 아직 설명이 필요한 항목을 따로 기재합니다. 미정인 내용을 업체의 임시 표현으로 확정하지 않도록 문서에 상태를 표시합니다. 병원 실장은 표현 방향에 관한 판단을 맡고, 마케팅 담당자는 예시와 규칙 설명의 대응 기록을 정리합니다.

공통 요소와 반복 구성의 구별 기준

버튼이나 메뉴 자체의 규칙과 여러 요소를 조합한 안내 구성은 별도 항목으로 기록합니다. 버튼 규칙에는 역할과 상태에 따른 표현을 설명하고, 반복 구성에는 제목·설명·연결 요소를 어떤 관계로 배치할지 기재합니다. 업체가 완성 화면만 예시로 제출하면 담당자는 요소 자체의 규칙도 따로 요청합니다.

같은 버튼을 사용하더라도 주변 설명이 달라지면 안내 구성의 조건은 달라질 수 있습니다. 따라서 반복 구성의 예시에는 어떤 내용이 들어갈 수 있는지와 내용이 길어졌을 때 허용하는 변형을 포함합니다. 반대로 특정 페이지에서만 쓰는 장식을 공통 요소로 등록하지 않도록 적용 가능한 화면 범위를 명시합니다.

규칙을 어긴 결과처럼 보이는 화면도 실제로는 문서에 조건이 빠진 경우가 있습니다. 담당자는 곧바로 화면 수정부터 요구하기보다 업체가 어떤 항목을 적용했는지 설명받습니다. 적용한 규칙이 없거나 서로 충돌한다면 문서의 조건을 먼저 정리하고 그 판단에 맞게 예시를 고칩니다.

접근성 설명과 적용 예시의 연결

접근성 고려사항은 마지막에 포괄적인 문구로만 기록하지 않고 관련 요소의 사용 조건과 연결합니다. 더블유쓰리씨의 웹 접근성 안내는 프로젝트 초기부터 접근성을 포함하도록 설명하고, 정보 이미지에는 적절한 대체 텍스트가 필요하다고 안내합니다. 병원 담당자는 사진이나 안내 이미지를 예시로 받을 때 해당 이미지의 역할과 전달할 설명도 함께 요청합니다.

업체가 ‘접근성 고려’라고만 기재하면 어느 요소에 무엇을 적용했는지 문서로 판단하기 어렵습니다. 규칙집에는 적용 대상과 필요한 설명, 예시에서 이를 드러내는 위치를 기록하게 합니다. 화면에 표시되지 않는 설명은 업체가 문서에 따로 제시하도록 하고, 화면 예시만으로 모든 고려사항을 설명하려 하지 않습니다.

대표 화면의 예시는 해당 규칙을 이해하는 자료이지 홈페이지 전체의 접근성 충족을 판정하는 자료가 아닙니다. 규칙집 승인에서는 설명이 실제 요소에 연결되는지 판단합니다. 별도의 접근성 평가가 필요한 범위는 업체와 협의할 업무로 기록하고 규칙집의 적용 예시와 혼동하지 않습니다.

자주 묻는 질문

규칙집에 디자인 토큰도 포함해야 합니까?

업체가 디자인 토큰을 사용한다면 병원 담당자가 이해할 수 있는 용도 설명을 함께 요청합니다. 케이알디에스는 디자인의 기본 요소를 코드로 정의해 일관성을 유지하도록 돕는 방식으로 디자인 토큰을 소개합니다. 병원이 코드 전체를 직접 승인하기보다 문서의 표현 규칙과 어떤 관계가 있는지 설명받는 범위를 합의합니다.

업체의 기존 규칙집을 그대로 받아도 됩니까?

기존 규칙집을 출발 자료로 사용할 수 있지만 병원에 적용하는 항목을 표시하도록 요청합니다. 업체의 다른 프로젝트에서만 사용하는 요소가 포함되어 있다면 적용 대상에서 제외하고 그 상태를 문서에 기재합니다. 병원 담당자는 문서 전체를 일괄 승인하지 않고 실제 사용할 항목을 기준으로 승인 범위를 정합니다.

디자인 규칙집을 개발 담당자도 받아야 합니까?

개발 담당자도 같은 문서를 받아 구현에 필요한 설명을 업체 내부에서 공유하도록 하는 편이 좋습니다. 디자인 설명만으로 구현 조건을 결정하기 어려운 항목은 개발 담당자의 질문을 받아 보완합니다. 병원 담당자는 서로 다른 문서를 따로 승인하기보다 합의한 규칙이 각 업무에서 같은 뜻으로 사용되는지 설명을 요청합니다.

규칙집 문서를 만들 때 사용할 형식은 무엇입니까?

특정 문서 형식보다 문장과 예시를 함께 읽고 의견을 남길 수 있는 형식을 선택합니다. 병원과 업체가 사용하는 도구가 다르면 열람 가능한 자료로 전달하는 방법을 먼저 합의합니다. 예시가 별도 자료에 있다면 문서의 어느 항목에 해당하는지 표시해 담당자가 연결 관계를 찾을 수 있게 합니다.

규칙집을 변경하면 이전 승인 내용은 어떻게 처리합니까?

이전 승인 내용은 변경된 항목과 적용 시점을 알 수 있는 기록으로 남깁니다. 새 규칙을 기존 페이지에도 적용할지, 이후 제작하는 페이지부터 적용할지는 병원과 업체가 별도로 결정합니다. 변경 내역에는 해당 판단을 포함해 같은 홈페이지 안에서 서로 다른 표현이 남는 이유를 설명할 수 있도록 합니다.

이어서 읽을 주제

병원 로고 디자인은 홈페이지의 공통 표현과 연결할 때 별도로 정할 조건이 있습니다. 로고를 여러 화면에서 사용하는 기준을 더 구체적으로 정하려면 이어서 읽을 주제로 적합합니다.