LC·Dict

wire·frame

B2technical
/ˈwaɪɚˌfreɪm//ˈwaɪəˌfreɪm/드물게 쓰임

웹·앱 디자인이나 3D 그래픽에서 구조만 간단히 보이는 기술 용어

noun명사

  1. 1

    와이어프레임, 화면 설계도웹사이트나 앱 화면의 구조, 콘텐츠 위치, 기능 배치를 간단히 보여 주는 설계도B2design

    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.

      이 와이어프레임은 메뉴와 검색창이 어디에 들어갈지 보여 준다.

    유의어layout, schematic

  2. 2

    와이어프레임, 선형 모델컴퓨터 그래픽에서 물체의 표면을 채우지 않고 선과 모서리만으로 나타낸 3D 모델C1computer 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. 1

    와이어프레임으로 설계하다, 와이어프레임으로 표현하다웹사이트, 앱 화면, 3D 물체 등을 와이어프레임 형태로 설계하거나 표현하다C1design

    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.

      팀은 홈 화면의 가능한 세 가지 버전을 와이어프레임으로 만들었다.

    유의어outline, sketch

뉘앙스 · 쓰임

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)’처럼 선만으로 구조를 보여 준다고 기억하면 쉽다.