FUI (Fantasy User Interface)

架空ユーザーインターフェース / 1997– / 양식 / UI 스타일

영화 속에 나오는 화면을 만드는 일에 붙은 이름이다. Mark Coleran의 작업을 중심으로 퍼졌지만 정작 본인은 이 말의 공을 자신이 가져도 되는지 확신하지 못한다고 말한다. 그는 이 화면들을 삽화이자 이야기를 위한 장치라고 설명하며 애초에 조작하라고 만든 것이 아니라고 본다. 빛과 형태와 부피, 움직임과 소리만으로 작업해서 영화에 나오는 화면마다 관객이 읽어야 할 지점을 하나만 남긴다.

FUI (Fantasy User Interface) — 『스타 트렉: 보이저』의 LCARS 조작 패널 2016년 촬영 — Wikimedia Commons / CC BY-SA 4.0 · © Niesy74
『스타 트렉: 보이저』의 LCARS 조작 패널 2016년 촬영 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © Niesy74
FUI (Fantasy User Interface) — 『스타 트렉: 넥스트 제너레이션』 엔터프라이즈 D 함교 조작대 2008년 촬영 — Wikimedia Commons / CC BY-SA 2.0 · © Kreg Steppe
『스타 트렉: 넥스트 제너레이션』 엔터프라이즈 D 함교 조작대 2008년 촬영 — Wikimedia Commons / CC BY-SA 2.0 · CC BY-SA 2.0 · © Kreg Steppe

한눈에 판단

시각적 특징

  • 화면 한 장에 관객이 읽어야 할 것은 하나뿐이고 나머지는 모두 밀도로만 놓인다
  • 고정폭 숫자가 늘어선 칸이 끊임없이 갱신되지만 실제로는 아무것도 계산하지 않는다
  • 검은 바탕에 가느다란 발광 선이 놓이고 도형은 윤곽으로만 그려져 채움이 거의 없다
  • 순수한 추상 도형이 아니라 실제로 있을 법한 장비의 테두리와 조작부처럼 보인다

적합한 용도

  • 배우가 바라보는 몇 초 사이에 읽혀야 하는 극중 조작 화면을 설계할 때
  • 존재하지 않는 장치의 화면을 작동할 필요가 없는 그림으로 설계할 때

이 양식 사용하기

짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.

자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식

사전 항목

타이포그래피
고정폭을 기본으로 삼고 글자 대부분은 정보가 아니라 질감으로 깔아 둔다. 읽혀야 하는 한 단어만 크기와 밝기를 바꾼다.
구성
읽힐 지점을 먼저 하나 정하고 빛과 움직임을 그쪽으로 모은다. 나머지는 의미 없는 밀도로 채운다.
재료
검은 바탕에 발광색은 한두 가지만 쓰고 선은 가늘게 하며 채움은 피한다. 촬영된 화면으로 성립하도록 밝기는 실사에 맞춰 낮춘다.
주의
정말로 조작되는 화면을 만들려 들면 밀도가 떨어지고 정보가 흩어져서 배우의 연기가 이어지는 시간 안에 읽히지 않게 된다.
더 읽을거리
the screens Coleran worked on in Spy Game, Blade II, The Island and The Bourne Ultimatum / the idea of holding a single screen to one thing to be read / how brightness is pulled down and how the composite is handled when the screen is laid over live action

관련 항목

자주 혼동되는 것

UI 스타일 더 보기

UI 스타일에서 공통 인상이 많은 항목을 우선해 골랐습니다.

UI 스타일 전체 보기

이 항목을 인용하기

사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.

Link
https://indexstyle.org/ko/styles/fui
Markdown
[FUI (Fantasy User Interface) — IndexStyle](https://indexstyle.org/ko/styles/fui)
HTML
<a href="https://indexstyle.org/ko/styles/fui">FUI (Fantasy User Interface) — IndexStyle</a>

색인의 원래 위치로