wire·frame
B2technical웹·앱 디자인이나 3D 그래픽에서 구조만 간단히 보이는 기술 용어
noun명사
- 1
와이어프레임, 화면 설계도 — 웹사이트나 앱 화면의 구조, 콘텐츠 위치, 기능 배치를 간단히 보여 주는 설계도B2〔design〕
a simple plan showing the structure, content areas, and functions of a website or app screen
The designer shared a wireframe before creating the final screen design.
디자이너는 최종 화면 디자인을 만들기 전에 와이어프레임을 공유했다.
This wireframe shows where the menu and search box will go.
이 와이어프레임은 메뉴와 검색창이 어디에 들어갈지 보여 준다.
- 2
와이어프레임, 선형 모델 — 컴퓨터 그래픽에서 물체의 표면을 채우지 않고 선과 모서리만으로 나타낸 3D 모델C1〔computer graphics〕
a 3D computer model represented by lines and edges rather than solid surfaces
The program can display the car as a wireframe or a shaded model.
그 프로그램은 자동차를 와이어프레임이나 음영 처리된 모델로 표시할 수 있다.
Engineers used a wireframe to inspect the shape of the object.
엔지니어들은 물체의 형태를 살펴보기 위해 와이어프레임을 사용했다.
verb동사
- 1
와이어프레임으로 설계하다, 와이어프레임으로 표현하다 — 웹사이트, 앱 화면, 3D 물체 등을 와이어프레임 형태로 설계하거나 표현하다C1〔design〕
to design or represent a website, app screen, or 3D object as a wireframe
We need to wireframe the checkout page before the meeting.
회의 전에 결제 페이지를 와이어프레임으로 설계해야 한다.
The team wireframed three possible versions of the home screen.
팀은 홈 화면의 가능한 세 가지 버전을 와이어프레임으로 만들었다.
뉘앙스 · 쓰임
wireframe은 색상, 이미지, 세부 시각 디자인보다 구조와 배치에 초점을 둡니다. mockup은 실제 화면처럼 더 시각적으로 완성된 시안이고, prototype은 클릭이나 동작을 시험할 수 있는 모형이라는 점에서 다릅니다.
한국어 IT·디자인 현장에서는 보통 ‘와이어프레임’이라고 그대로 말합니다. 일반적인 ‘스케치’보다 전문적인 말이며, 최종 디자인이 아니라 초기 구조 설계 단계라는 점을 분명히 할 때 씁니다.
유의어 뉘앙스 비교
- layout
- 더 일반적인 말로, 화면뿐 아니라 책·방·광고 등의 배치에도 쓰인다.
- schematic
- 구조를 단순화해 보여 주는 도식이라는 뜻이 강하다.
- wireframe model
- 3D 그래픽 의미를 더 분명히 나타내는 표현이다.
- line model
- 선으로 표현된 모델이라는 설명적 표현이지만 덜 고정된 용어이다.
- outline
- 전체 구조를 대략 잡는다는 넓은 의미로, 디자인 전문 용어는 아니다.
- sketch
- 손으로 빠르게 그리는 느낌이 더 강하며, 구조 설계라는 의미가 덜 전문적이다.
반의어
- solid model
- 표면이나 부피가 있는 형태로 표현된 모델을 뜻한다.
자주 쓰는 표현 · Collocations
verb+noun
- create a wireframe와이어프레임을 만들다
- draw a wireframe와이어프레임을 그리다
- share a wireframe와이어프레임을 공유하다
adj+noun
- low-fidelity wireframe저충실도 와이어프레임
- interactive wireframe상호작용이 가능한 와이어프레임
noun+noun
- wireframe model와이어프레임 모델
어원 · 암기 팁
[English]영어 wire와 frame이 결합한 말로, 원래는 선으로 된 틀이나 골격이라는 개념에서 컴퓨터 그래픽과 인터페이스 디자인의 구조적 표현을 가리키게 되었다.
wire(철사, 선) + frame(틀, 구조)
💡 ‘철사(wire)로 만든 틀(frame)’처럼 선만으로 구조를 보여 준다고 기억하면 쉽다.