Communication between various segments is crucial as UX design solves communication issues between humans and machines based on mutual understanding. Our UX design starts with communication and offers a better user experience by adding technology.
The newly designed identity of HNINE is based on the ‘9 hours’ we spend and refers to HNINE’s design and technology created by hniners. In HNINE, the Strategic Planning Office, UX Office, Visual Office, Interaction Office, and Development Office work together to create high-quality user experiences by adding technology to design.
HNINE’s new logo combines a comma in a modified shape from the lowercase letter h and the number 9. The number 9 represents a space where we spend more than 9 hours a day, while the modified comma shape embodies the core value of H9, emphasizing relaxation.
In addition to working hours, our 9 hours at HNINE also include time to enjoy together in CA, various events, and workshops. The activities and break times we enjoy can enhance the relationship among hniners and serve as a basis for creating better performances.
The colors of the newly revamped homepage start with blue and green gradations, representing our vision and harmony among members.
The website’s primary color, blue, represents hniners trustworthiness, and the secondary color, green, represents fresh and creative ideas.
Gradients are used to represent the harmony among hniners and the vision of HNINE.
본 가이드라인은 프로젝트 담당자가 조금 더 이해하기 쉽고 일관성있는 프로젝트 문서를 제작할 수 있도록 도움을 줍니다.
HNINE 문서 템플릿 다운로드
16:9 와이드 스크린 비율을 기본으로 사용합니다. 필요에 따라 4:3 비율의 스크린을 활용할 수 있습니다.
콘텐츠와 화면 상하좌우 가장자리 공간에 일정 여백을 유지합니다. 콘텐츠의 내용에 따라 여백을 조정할 수 있습니다.
높은 가독성을 구현하는 고딕체를 사용합니다. Pretendard를 기반으로 다양한 굵기를 활용하여 정보를 효과적으로 전달할 수 있도록 Head-line, Subtitle, Body Text 등 용도에 맞게 사용되어야 합니다.
Pretendard 폰트 다운로드
통일된 문서화를 위해 공통 가이드를 따릅니다. 표지 배경은 프로젝트에 따라 컨셉을 적절히 담아내 활용할 수 있습니다.
대타이틀과 서브 타이틀 활용하여 문서 내용을 명료하게 담아냅니다. 필요에 따라 서브 타이틀은 제외할 수 있습니다.
좌측 하단에 저작권 표기와 함께 문서 작업 날짜를 기입합니다.
제안서의 경우 우측 상단에 클라이언트 로고를 삽입합니다.
우측 하단에 에이치나인 로고를 삽입합니다.
해당 페이지의 타이틀과 서브 타이틀로 Header를 구성합니다. 서브 타이틀은 2줄 이하를 권장합니다.
우측 하단에는 슬라이드 쪽수를 기입하여 페이지 위치를 파악할 수 있습니다.
제안서 등 해당 프로젝트의 정보를 요약하여 담아내야하는 경우에는 좌측 하단에 Client, Output, Creative fields를 기입합니다.
제목과 텍스트 간 시각적 대비를 주기 위해 폰트 크기, 색상, 두께를 사용합니다. 또한 계층 구조를 이용하여 정보를 더욱 이해하기 쉽게 나타내어 콘텐츠를 구성할 수 있습니다. 어두운 배경일 경우에도 가독성을 높히는 스타일을 고려해야 합니다.