Elastic UI
Elastic UI / 2017– / 양식 / 플랫폼 화면 언어
Elastic의 인터페이스 시스템은 운영 밀도를 잃지 않고 대규모 데이터셋을 검색하고 필터링하고 진단하도록 만들어졌다.
한눈에 판단
시각적 특징
- 고정 헤더와 왼쪽 탐색
- 항상 보이는 쿼리, 필터, 시간 조작
- 공유 패널 안의 표와 시계열 차트
- 밝은 계열색은 데이터에만 사용
적합한 용도
- Log and security investigation screens
- Products that combine query, table, visualization and detail
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- Separate monospaced values from explanatory sans text and never rely on color alone.
- 구성
- Give navigation, query, visualization and detail stable regions; keep time and filters visible.
- 재료
- Layer neutral surfaces, reserve blue for interaction and bright hues for data series.
- 주의
- More charts do not create more insight. Remove any panel or series that does not answer the current question.
- 더 읽을거리
- EUI page templates / Elastic Charts / Amsterdam and Borealis themes
관련 항목
- Carbon Design System (Carbon Design System)같은 계열: 플랫폼 화면 언어.Elastic UI와 Carbon Design System 비교
- Solarized (ソラライズド)공통 인상: Technique / Trust.Elastic UI와 Solarized 비교
플랫폼 화면 언어 더 보기
플랫폼 화면 언어에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- BBC Global Experience Language (BBC GEL)공통 인상: Trust / Technique / Exhilaration.
- Mozilla Protocol (Mozilla Protocol)공통 인상: Technique / Trust / Exhilaration.
- Motif (モチーフ)공통 인상: Technique / Trust.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/elastic-ui
- Markdown
- [Elastic UI — IndexStyle](https://indexstyle.org/ko/styles/elastic-ui)
- HTML
- <a href="https://indexstyle.org/ko/styles/elastic-ui">Elastic UI — IndexStyle</a>