Lithium Design system

목적

- 시스템의 기능과 진행 중인 사항에 대한 정보를 명확하게 제공합니다.
- 오류 및 예외 상황에 대한 인지를 쉽게 하고 이에 대한 빠른 해결을 도와줍니다.
- 시스템 사용 시 일관된 어조(Tone)을 느낄 수 있도록 합니다.

문장 작성 원칙

시스템 사용 시 불필요한 학습 요소를 최소화하고, 사용 상황에 따른 올바른 단어와 문장을 제시하기 위해 문장 작성 시 아래와 같은 원칙으로 작성합니다.

1. 명확성

정확한 내용으로 작성합니다.
정확하지 않은 정보는 사용자에게 혼란을 줄 수 있기 때문에 정확한 내용을 작성합니다.

상황에 맞는 적절한 표현을 사용합니다.
사용자가 처한 상황을 고려하여 사용자의 입장에서 적절한 표현을 사용합니다.

정확한 표현을 사용합니다.
시스템은 사용자에게 동작을 요구하는 표현을 자주 사용합니다. 이럴 때에는 반드시 사용자가 직관적으로 이해할 수 있도록 정확한 표현을 씁니다.
또한, 애매하지 않게 명확하게 표현합니다.

필요한 정보를 생략하지 않습니다.
UI 화면상의 문장은 문서와는 달리 짧은 문장으로 필요한 내용만 정확하게 사용해야 합니다. 그러나 문장을 줄이다 보면 정보까지 생략해 버리는 일이 발생합니다.
필요한 정보는 생략하지 않는 것을 권장합니다.

완전한 문장으로 씁니다.
완전하지 않은 문장으로는 내용을 명확하게 전달하기 어려우므로 완전한 문장을 씁니다.

정확한 단위를 사용합니다.
UI 화면에 숫자와 단위를 자주 사용하게 됩니다.
예를 들어 입력할 수 있는 글자 수를 제한할 때나 메일에 첨부할 파일이나 그림 크기 등을 제한할 때와 같은 경우입니다. 단위는 없고 숫자만 있거나 정확하지 않은 단위를 쓰면 정보 전달이 명확하지 않습니다. 정보를 정확하게 전달하려면 단위까지 정확하게 써야 합니다.

지시 대명사를 사용하지 않습니다.
이곳, 저곳과 같은 지시 대명사를 사용하지 않고 구체적으로 이곳, 저곳이 가리키는 것이 무엇인지 명확하게 사용합니다.

맞춤법과 외래어 표기법을 지킵니다.
UI 화면에 맞춤법 오류가 있다면 서비스 자체의 품질 및 완성도에 대해 의심을 받게 됩니다.
특히, 맞춤법 오류를 줄이기 위해서는 사전에서 올바른 표기법을 찾아보는 것이 필요합니다.

단어를 줄여 쓰지 않습니다.
문자 메시지나 카카오톡 같은 메신저로 대화하는 것이 일상화되면서, 우리는 말을 줄여 쓰는 것이 습관화되어 있습니다. 그러나 UI 텍스트는 정확한 정보를 전달해야 하므로 표현을 줄여서 사용하지 않습니다.

사용자에게 사용방법이나 동작을 설명하는 경우에는 별도 서식을 적용합니다.
UI와 직접적인 관련이 있는 텍스트에는 다른 텍스트와 구분하기 위해 굵게 표시하거나 대괄호를 사용합니다.

2. 보편성

문장, 단어를 쉽게 사용합니다.
문장이나 메시지를 쓸 때는 누구나 이해하기 쉽도록 보편적이고 쉬운 표현을 써야 합니다.
표현이나 용어가 어려우면 서비스 자체를 이용하기 어렵다고 느낄 수 있습니다.
또한, 습관적으로 쓰던 한자어나 외국어도 되도록 우리말로 바꿔 쓰려고 노력해야 합니다.

현재 시제를 사용합니다.
시제는 현재형 사용을 원칙으로 합니다. 만약 현재형을 썼을 때 의미를 명확하게 전달하지 못할 때만 과거형이나 미래형을 사용합니다.

비속어나 은어를 사용하지 않습니다.
비속어나 은어 대신 표준어를 사용합니다. 가능한 표준 국어 대사전을 활용하여 표준어를 쓰도록 합니다.

3. 간결성

불필요한 단어를 넣어 늘여 쓰지 않습니다.
내용을 이해하는 데 필요하지 않은 말은 덧붙이지 않습니다.

중복해서 쓰지 않습니다.
같은 뜻의 단어나 용어를 중복하거나 같은 내용을 반복해서 사용하지 않습니다.
특히, 한글과 한자어를 함께 쓸 때 의미가 겹치지 않는지 확인해야 합니다.

문장부호와 특수기호 표기방법

문장 부호는 문장의 뜻을 돕거나 문장을 구별해서 읽고 이해하기 쉽게 하는 데 사용합니다.
문장 부호를 올바르게 사용하지 않으면 가독성이 떨어지고 글을 해석하는 데 지장을 주기 때문에 문장 부호의 중요성을 놓치지 않도록 합니다.
문장 부호는 기본적으로 한글 맞춤법의 문장 부호 표기법을 따라 씁니다.
문장 부호 표기법은 국립국어원(http://www.korean.go.kr)의 찾기 마당 > 어문 규정 > 한글 맞춤법 > 문장부호를 참고합니다.

1. 마침표

마침표(.)는 문장을 끝맺을 때 씁니다. 특별한 이유가 없다면 모든 문장의 끝에는 마침표를 붙입니다.

문장을 끝맺을 때는 마침표를 붙이는 것을 기본으로 합니다.

마침표를 찍은 후 다음 문장을 쓸 때는 마침표 다음에 한 칸 띄어 표기합니다.

연월일을 구분할 때 마침표 뒤는 한 칸 띄어 표기합니다. 특히 ‘일’ 다음에 마침표를 빠뜨리지 않도록 주의합니다.

문장이 명사 어구로 끝나더라도 바로 다음에 문장이 이어지면 문장과 문장을 구분하기 위해 마침표를 찍습니다.

문장이 명사 어구로 끝나거나 inputbox에 가이드 문구로 적용할 때는 마침표를 생략할 수 있습니다.

2. 쉼표

쉼표(,)는 문장 안에서 짧게 쉬어감을 의미합니다. 사용자는 쉼표가 있는 부분에서 끊어 읽게 되므로 용법에 맞게 필요할 때만 사용해야 합니다.
쉼표 앞은 붙여 쓰고 뒤는 한 칸 띄어 씁니다.

같은 자격의 어구를 열거할 때 그 사이에 사용합니다.

열거의 순서를 나타내는 어구 다음에 사용합니다.

문장의 연결 관계를 분명히 하고자 할 때 절과 절 사이에 사용합니다.

쉼표 앞은 붙여 쓰고, 뒤는 한 칸 띄어 사용합니다.

3. 가운뎃점

가운뎃점(·)은 열거된 여러 단위가 대등하거나 밀접한 관계임을 나타낼 때 사용합니다.

열거할 어구들을 일정한 기준으로 묶어서 나타낼 때 사용합니다.

같은 계열의 단어 사이에 사용합니다.

4. 빗금

대비되는 두 개 이상의 어구를 묶어 나타낼 때 사용하거나, 분수를 나타낼 때 사용합니다.

대비되는 어구를 묶어서 나타낼 때 사용합니다.

분수를 나타낼 때 사용합니다.

‘얼마/전체’를 나타낼 때 사용합니다.

띄어쓰기를 하지 않습니다.

5. 괄호

괄호(( ))는 부연 설명을 덧붙이거나 약어를 표기할 때 사용합니다. UI 텍스트를 쓸 때는 되도록 괄호를 사용하지 않는 것을 권장합니다.

우리말 표기와 원어 표기를 함께 나타낼 때 괄호를 사용합니다.

괄호 앞에는 빈칸을 두지 않으며, 괄호 안의 내용이 앞 문장과 긴밀한 관계에 있을 때는 두 문장의 마침표를 묶어 괄호 밖에 하나만 찍습니다.

6. 대괄호

대괄호([ ])는 한글 맞춤법에서 묶음표의 한 종류로, ‘각괄호’라고도 합니다.

일반적으로 메뉴 이름과 창 이름, 버튼 등의 UI 문장을 구별하는 서식을 따로 지정할 수 없을 때 대괄호를 사용합니다.

사용자에게 메시지를 전달할 때 사용합니다.

7. 꺾은 괄호

제목을 나타내거나, 메뉴의 접근 순서를 나타낼 때 사용합니다.

제목을 강조할 때 사용합니다.

메뉴 접근 순서를 나타낼 때 대괄호와 함께 사용합니다.

수식에서 부등호 기호를 나타낼 때 사용합니다. 앞/뒤로 한 칸씩 띄어서 표기합니다.

8. 작은따옴표

작은따옴표(‘ ’)는 인용한 말 가운데 다시 인용한 말이 들어 있을 때나 강조해서 표현해야 할 때 씁니다. 주로 문장에서 중요한 부분을 두드러지게 하는 데 씁니다.

검색어로 입력된 키워드를 강조해서 표시할 때 사용합니다.

작은따옴표 뒤는 한 칸 띄어 사용합니다.

9. 쌍점

항목별 설명이 필요할 때 사용합니다. 쌍점을 사용할 때 쌍점 앞은 붙여 쓰고 쌍점 뒤는 한 칸 띄어 씁니다.

항목별 설명을 할 때 띄어쓰기에 주의하여 사용합니다.

시간을 표시하거나 점수 등을 표기할 때는 띄어쓰기 없이 사용합니다.

10. 물결표

물결표(~)는 얼마에서 얼마까지라는 뜻으로 범위를 나타낼 때 사용합니다.
물결표는 앞뒤에 빈칸을 넣어 한 칸씩 띄어 씁니다.

물결표의 앞과 뒤에 오는 단어 또는 표현의 형태는 동일하게 표기하는 것이 좋습니다.

11. 붙임표

붙임표(-)는 사전, 논문 등에서 파생어나 합성어를 나타내거나 접사나 어미임을 나타낼 때, 외래어와 고유어 또는 외래어와 한자어가 결합하는 경우에 씁니다. 보통 ‘하이픈’이라고 합니다.

전화번호를 표기할 때 사용합니다. 연월일 또는 얼마에서 얼마까지의 의미로는 사용하지 않는 것이 좋습니다.

단위 표기방법

법정 계량 단위의 기본단위는 국제단위계(SI)를 따르며, 유도 단위와 보조 단위, 특수 단위를 추가로 정해 사용합니다.
단위를 쓸 때는 숫자 뒤에 기호를 쓰며, 사용자의 수준에 따라 괄호 안에 한글을 병기할 수 있습니다.

1. 법정 계량 단위

2. 비트, 바이트 관련 단위

바이트를 나타내는 기호 B는 소문자로 쓰지 않으며, 비트/초를 나타내는 기호 bps는 대문자로 쓰지 않습니다.

3. 기타 단위

1. 긴 텍스트 처리

긴 Text를 적용해야 해서 공간이 부족할 경우에는 ‘…’ 표기합니다.

2. 인명 표기

입력 시 성과 이름을 붙여서 입력받고, 출력 시 성과 이름을 붙여서 출력합니다.

3. 주민등록번호(법인등록번호) 표기

입력 시 앞 6자리와 뒤 7자리를 각각 입력받고, 뒤 7자리는 ‘*’로 처리합니다.
출력 시 앞 6자리와 뒤 7자리 사이에 ‘-’를 표기하여 출력합니다. 출력 시 필요한 경우 뒷자리는 두 번째 숫자부터 “*” 처리합니다.

4. 전화번호 표기

입력 시 지역번호, 국, 번을 각각 입력받으며 지역번호는 사용자가 선택할 수 있게 합니다.
출력 시 지역번호는 괄호로 표기하고 국, 번 사이에 ‘-’를 표기하여 출력합니다.

5. 휴대폰 번호 표기

입력 시 이동통신사 번호, 국, 번을 각각 입력받으며 이동통신사 번호는 사용자가 선택할 수 있게 합니다.
출력 시 이동통신사 번호, 국, 번 사이에 ‘-’를 표기하여 출력합니다.

6. 우편번호 표기

가능한 주소찾기 기능을 제공합니다. inputbox 뒤에 주소찾기 버튼을 배치합니다. 직접입력보다는 주소찾기를 통해 입력하는 것을 권장합니다.

7. 이메일 표기

입력 시 메일 아이디는 사용자가 직접 입력할 수 있게 inputbox로 제공하고, 메일 도메인은 직접 입력할 수 있는 inputbox와 자주 사용하는 메일 도메인을 선택할 수 있는 Dropdown를 동시에 제공합니다.
선택된 메일 도메인은 메일 도메인 inputbox에 자동으로 적용됩니다. 출력 시에는 메일 아이디와 도메인 사이에 ‘@’를 표기하여 출력합니다.