Adobe Spectrum
Adobe Spectrum / 2013– / 양식 / 플랫폼 화면 언어
Adobe의 여러 응용 프로그램을 잇는 디자인 시스템이다. 합리적, 인간적, 집중이라는 원칙 아래 데스크톱과 모바일 사이에서 밀도를 바꾸고, 도구가 많은 화면이 작품 자체의 주의를 빼앗지 않게 한다.
한눈에 판단
시각적 특징
- 중립적인 면, 선택 상태에만 쓰는 선명한 색
- 아이콘, 글자, 테두리가 함께 비례해 바뀐다
- 가는 구분선으로 이어진 도구 모음과 속성 패널
- 창작물이 인터페이스보다 더 강하게 남는다
적합한 용도
- Creative tools for image, video or documents where controls should recede
- Moving one product between desktop and mobile with a systematic density change
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- Use a sans that survives small labels; optimize for identifying actions, not dramatic headings.
- 구성
- Keep the canvas central and tools at the edges; change every element through the same density scale.
- 재료
- Build with steps of neutral color and assign vivid color only to selection, focus and warning.
- 주의
- A dark panel does not make a creative tool. Mixed density scales blur the line between an action and a readout.
- 더 읽을거리
- Rational, Human and Focused / Desktop and mobile scales / Spectrum 2 color and icon revisions
관련 항목
- Fluent 2 (フルーエント2)공통 인상: Trust / Technique / Calm.Adobe Spectrum와 Fluent 2 비교
- GitHub Primer (GitHub Primer)같은 계열: 플랫폼 화면 언어.Adobe Spectrum와 GitHub Primer 비교
플랫폼 화면 언어 더 보기
플랫폼 화면 언어에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Adwaita (アドワイタ)공통 인상: Technique / Calm / Trust.
- GOV.UK Design System (GOV.UK デザインシステム)공통 인상: Trust / Calm / Technique.
- Breeze (ブリーズ)공통 인상: Technique / Calm / Trust.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/adobe-spectrum
- Markdown
- [Adobe Spectrum — IndexStyle](https://indexstyle.org/ko/styles/adobe-spectrum)
- HTML
- <a href="https://indexstyle.org/ko/styles/adobe-spectrum">Adobe Spectrum — IndexStyle</a>