一, 인체공학: 레이아웃은 사용자 조작 논리와 일치해야 합니다.
1. 시야 우선 할당
인간 눈의 시각적 특성에 따라 정보의 중요성에 따라 기기의 표시 영역에 우선순위를 부여해야 합니다.
핵심 영역(시야 중심 3도): 가장 중요한 매개변수(예: 속도, 온도, 압력)를 배치하고 대형-세그먼트 코드(화면 영역의 40% 이상 차지)를 사용합니다. 예를 들어, 전기차 계기판은 속도값을 15mm 이상의 폰트 높이(시거리 30~50cm에서 1초 이내 인식 가능)로 화면 중앙에 배치한다.
보조 영역(20도 -40도 수평 시야): 일반적으로 사용되는 기능(예: 배터리 수준 및 기어)이 중간 크기 세그먼트 코드(20% -30% 차지)를 사용하여 배열됩니다. 자동차 대시보드의 왼쪽 영역에는 일반적으로 속도나 배터리 수준이 표시되고, 오른쪽 영역에는 연료 수준이나 오류 코드가 표시됩니다.
가장자리 영역(40도 -60도 시야): 작은 크기의 세그먼트 코드(15% 이하 고려)를 사용하여 보조 정보(예: 시간, 주행 거리)를 배치합니다. 산업용 컨트롤러는 주요 데이터 판독을 방해하지 않도록 시스템 상태 표시등을 화면 가장자리에 배치합니다.
2. 작업 흐름선 최적화
레이아웃은 사용자의 작업 습관을 따라야 합니다.
논리적 순서: "핵심 보조 확장" 순서로 정보를 배열합니다. 예를 들어, 의료 장비 기기는 환자의 생체 신호(심박수, 혈압)를 상단에 배치하고 장치 상태(배터리, 연결)를 하단에 배치합니다.
기능 그룹화: 관련 기능 표시를 중앙 집중화합니다. 전기차 대시보드는 방향 지시등, 헤드라이트, 오작동 표시등을 '경고 구역'으로 분류하고 빨간색 테두리나 깜박이는 효과를 통해 시각적 연관성을 강화합니다.
머리 움직임 줄이기: 정보를 보기 위해 영역을 뛰어넘지 마세요. 자동차 대시보드는 속도계와 타코미터를 수평으로 배열하여 사람 눈의 더 빠른 수평 움직임을 활용하여 읽기 효율성을 향상시킵니다.
2, 정보 아키텍처: 인지 부하를 줄이기 위해 계층적 디자인을 사용
1. 데이터 분류 및 우선순위
주요 데이터: 온도, 압력 등 실시간 모니터링이 필요한 매개변수(예:{0}})는 고대비(흑백 대비 50:1 이상)로 표시되며 오작동 시 빨간색으로 깜박입니다(이중 컬러 편광판을 통해 달성).
상태 데이터: 장치의 작동 상태(예: 스위치, 연결)는 정상을 나타내는 "√", 비정상을 나타내는 "×"와 같은 정적 아이콘으로 표시됩니다.
참조 데이터: 이력 기록이나 환경 매개변수(예: 주행 거리, 주변 온도)는 시각적 간섭을 줄이기 위해 작은 글꼴이나 회색으로 표시됩니다.
2. 정보 밀도 제어
정보 과부하 방지: 단일 화면에 표시되는 매개변수 수는 7개를 초과해서는 안 됩니다(인간 두뇌의 단기-기억 용량으로 제한됨). 산업용 컨트롤러는 페이지 매김을 통해 확장된 매개변수를 표시하며 각 페이지는 기능 모듈(예: "온도 모니터링" 및 "압력 교정")에 중점을 둡니다.
중요하지 않은 정보를 동적으로 숨깁니다. 일반 조건에서는 보조 매개변수를 숨기고 특정 조건(예: 제한 초과)이 트리거되면 표시합니다. 예를 들어, 전기차의 대시보드는 배터리가 완전히 충전되면 '배터리 부족 경고'를 숨기고, 배터리가 20% 미만일 때만 표시합니다.
3, 시각 디자인: 기능성과 미학의 균형
1. 캐릭터 및 아이콘 디자인
글꼴 선택: 자동차 표준 글꼴(예: Arial Bold, sans serif 글꼴)을 우선적으로 사용하고 꽃무늬 또는 손글씨 글꼴은 피하세요. 세그먼트 코드 접착을 방지하려면 문자 간격이 1mm 이상이어야 합니다.
아이콘 단순화: 최소한의 코드로 기능을 표현합니다. 예를 들어 "→"를 사용하여 방향 지시등을 나타내고 "!"를 사용합니다. 결함을 표시하면 인식 난이도를 높이는 복잡한 그래픽을 피할 수 있습니다.
동적 효과: 분할된 코드 시분할 조명을 통해 구현되는 간단한 애니메이션- 전기차 충전 시 '그라디언트 라이팅' 효과(배터리 레벨이 높아질수록 점등되는 점등)를 사용해 충전 진행 상황을 시각적으로 표시한다.
2. 색상 및 대비
주요 색상 톤: 검정색과 흰색이 주요 색상이고 빨간색은 경고(예: 오류 및 한계 초과)에 사용되며 녹색은 정상 상태(예: 연결 성공)에 사용됩니다. 파란색이나 노란색을 사용하지 마십시오(세그먼트 코드 화면의 색상 재현 능력이 제한되어 있으므로).
명암 최적화: 반사형 스크린 본체의 명암비는 35:1 이상이며 반반사형 스크린 본체는 백라이트 밝기 변화에 적응해야 합니다(밝기 범위가 50-120cd/㎡일 때 패턴이 선명합니다). 실외 장비는 직사광선을 고려해야 하며 반사 방지 코팅이나 고휘도 백라이트를 사용해야 합니다.
3. 환경 적응성
온도 범위: 사용 시나리오에 따라 스크린 유형을 선택합니다. 산업용 장비는 -30도에서 85도까지의 넓은 온도 범위를 지원해야 하는 반면, 가정용 장비는 0도에서 50도까지 실내 온도 스크린을 선택할 수 있습니다. 낮은 온도에서는 잔류 그림자를 피하고 높은 온도에서는 변형을 방지합니다.
방진 및 방수: 먼지나 습기가 들어가 접촉 불량을 방지하기 위해 밀봉된 설계 또는 지브라 바 연결을 채택합니다. 산업용 컨트롤러는 일반적으로 금속 풋 연결을 사용하는 반면, 가정용 장치는 유연한 리본 케이블을 사용하는 경우가 많습니다.
4, 드라이버 기술: 하드웨어 및 소프트웨어의 공동 최적화
1. 드라이브 모드 선택
정적 드라이브: 간단한 디스플레이(예: 단일 디지털 온도계)에 적합하지만 전력 소비가 높습니다.
동적 스캐닝: 시간 공유 방식으로 여러 디지털 튜브를 켜서 전력 소비를 줄입니다.{0}}(깜박임을 방지하려면 새로고침 빈도가 50Hz보다 높아야 함) 예를 들어, 4자리 디지털 디스플레이는 1/4 듀티 사이클을 사용하여 8ms의 전체 주기 동안 2ms마다 한 자리를 새로 고칩니다.
드라이버 IC 매칭: 화면 매개변수(예: 내장 중국어 라이브러리를 지원하는 ST7920, 그래픽 디스플레이를 지원하는 KS0108)를 기반으로 드라이버 IC를 선택합니다. 듀티 사이클과 바이어스 비율의 일치에 주의를 기울여야 합니다. 예를 들어 1/3 바이어스는 낮은 대비 장면에 적합하고 1/2 바이어스는 높은 대비 요구 사항에 적합합니다.
2. 소프트웨어 최적화
초기화 타이밍: 드라이버 IC의 시작 프로세스를 엄격히 따릅니다. 예를 들어 ST7920은 "두 번째 확인"을 위해 0x30 명령을 두 번 보내야 합니다. 그렇지 않으면 잘못된 코드가 나타납니다.
전압 조정: V0 핀 전압(0~1V)을 조정하여 대비를 최적화합니다. 산업 현장에서는 간섭을 방지하기 위해 필터링 회로가 필요합니다.
저전력 설계: 절전 모드에서는 백라이트를 끄고 필요한 세그먼트 코드 표시만 유지합니다. 전기차 대시보드는 차량이 꺼진 후 시간만 표시해 전력 소모를 80% 줄여준다.
5, 산업 사례: 전기 자동차 계측기의 세그먼트 코드 레이아웃 실습
특정 브랜드의 전기 자동차의 계기판을 예로 들면, 세그먼트 코드 디스플레이 레이아웃 디자인은 다음과 같습니다.
핵심 영역: 검정색 배경과 흰색 숫자가 있는 대형-크기의 7세그먼트 디지털 튜브를 사용하는 중앙 디스플레이 속도(글꼴 높이 18mm). 속도를 높이면 숫자가 빨간색으로 바뀌고 깜박입니다.
에너지 영역: 왼쪽에는 전력 수준(막대 차트+백분율)이 표시되고, 오른쪽에는 전압(숫자)이 표시되며, 막대 차트는 녹색으로 전력이 충분함을 나타내고 빨간색으로 전력이 낮음을 나타냅니다.
경고 영역: 상단에는 오류 코드(예: 모터 과열을 나타내는 E01)가 표시되고 하단에는 방향 지시등(왼쪽/오른쪽 화살표) 및 헤드라이트 상태(전구 아이콘)가 표시됩니다.
보조 영역: 마일리지(총 마일리지+단일 마일리지)가 오른쪽 하단에 표시되며, 버튼을 눌러 표시 내용을 전환할 수 있습니다.
이 디자인은 시각적 우선순위 할당, 기능적 그룹화, 동적 효과를 통해 효율적인 정보 전달과 최적화된 사용자 경험을 달성합니다.
