사용자 인터페이스에 대한 와이어프레임 다이어그램 만들기

사용자 인터페이스에 대한 와이어프레임 다이어그램 만들기

참고:  사용자 언어로 가능한 한 빨리 가장 최신의 도움말 콘텐츠를 제공하고자 합니다. 이 페이지는 자동화를 통해 번역되었으며 문법 오류나 부정확한 설명을 포함할 수 있습니다. 이 목적은 콘텐츠가 사용자에게 유용하다는 것입니다. 이 페이지 하단의 정보가 도움이 되었다면 알려주세요. 쉽게 참조할 수 있는 영어 문서 가 여기 있습니다.

와이어 프레임 템플릿에 소프트웨어 응용 프로그램의 일반적인 모형을 만들기 위한 설계 되었습니다. 다양 한 Windows, 인터넷 및 모바일 장치에 대 한 응용 프로그램 등의 소프트웨어 형식에 대 한 서식 파일을 사용할 수 있습니다.

  1. 먼저 대화 상자 스텐실을 클릭한 다음 응용 프로그램 양식이나 대화 상자 양식을 페이지로 끌어옵니다. 이 스텐실에서 다른 셰이프를 추가하여 기본 UI 구조의 윤곽을 설정합니다.

  2. 도구 모음 스텐실을 클릭하여 메뉴와 기타 응용 프로그램 아이콘을 추가합니다.

  3. 나머지 네 가지 기본 스텐실(컨트롤, 커서, 일반 아이콘, 웹 및 미디어 아이콘)의 셰이프를 사용하여 UI를 채우고 응용 프로그램의 기능을 표시합니다.

일부 와이어프레임 셰이프에는 사용자 지정 가능한 속성이 있습니다. 다음은 이러한 셰이프 사용에 관한 몇 가지 팁입니다.

실행할 작업

대화 만들기

도구 모음 만들기

폼에 컨트롤 추가

대화 만들기

셰이프

응용 프로그램 양식

전체 응용 프로그램의 범위를 제공하는 컨테이너입니다. Windows 단추 셰이프는 오른쪽 위의 연결점에 유지됩니다.

대화 상자 양식

대화 상자에 사용되는 아이콘, 컨트롤, 텍스트가 들어 있는 컨테이너입니다. Windows 단추 셰이프는 오른쪽 위의 연결점에 유지됩니다.

Windows 단추

이 셰이프를 사용하여 표시할 단추를 선택합니다. 일반적으로 응용 프로그램 및 대화 상자 양식의 오른쪽 위에 있는 닫기, 최대화, 최소화 또는 복원 단추를 선택할 수 있습니다. 양식에 셰이프를 놓을 때 원하는 단추를 선택하며, 나중에 셰이프를 마우스 오른쪽 단추로 클릭하고 단추 종류를 클릭하여 변경할 수도 있습니다.

셰이프를 마우스 오른쪽 단추로 클릭한 다음 활성 항목 표시를 클릭하면 단추 음영이 변경됩니다.

상태 표시줄

상태 표시줄 항목, 아이콘, 분할의 컨테이너입니다. 상태 표시줄 항목은 중간 길이의 막대로, 두 번 클릭하면 텍스트를 추가할 수 있습니다. 아이콘, 진행률 표시줄, 슬라이더 또는 기타 셰이프를 추가할 수 있는 가운데 연결점도 있습니다. 상태 표시줄 아이콘은 가운데 연결점이 있는 짧은 막대로, 일반 아이콘 또는 웹 및 미디어 아이콘에서 아이콘을 끌어다 놓을 수 있습니다. 상태 표시줄 분할은 다른 셰이프 사이에 둘 수 있으며 눈금을 표시하는 데 사용됩니다.

스크롤 막대

마우스 오른쪽 단추를 클릭하여 세로 또는 가로를 지정하고 슬라이더 길이(스크롤 상자 길이)를 설정할 수 있습니다. 또한 노란색 컨트롤 핸들을 사용하여 스크롤 막대 길이 방향으로 슬라이더를 이동할 수 있습니다.

그래버 크기 조정

스크롤 막대와 상태 표시줄에서만 사용할 수 있습니다. 페이지에 놓으면 종류를 설정할 수 있는 대화 상자가 나타납니다.

탭 표시줄

탭 항목의 컨테이너입니다. 위쪽 탭 항목이나 아래쪽 탭 항목을 추가한 후에 탭 항목을 마우스 오른쪽 단추로 클릭하거나, 탭 모서리 위에 포인터를 두면 주황색 강조 표시와 함께 나타나는 파란색 삽입 화살표를 클릭하여 다른 탭 항목을 추가할 수 있습니다.

셰이프를 마우스 오른쪽 단추로 클릭한 다음 활성 탭 설정을 클릭하면 탭 음영이 변경됩니다.

탭 표시줄을 선택한 경우 컨테이너 도구 아래의 서식 탭을 사용하여 탭 표시줄 스타일을 변경할 수 있습니다.

맨 위로 이동

도구 모음 만들기

셰이프

메뉴 모음

메뉴 모음 항목의 컨테이너입니다. 메뉴 모음 항목을 추가한 후에 항목을 마우스 오른쪽 단추로 클릭하여 상태(예: 사용 가능 또는 선택한 상태), 종류(일반 또는 드롭다운), 아이콘을 넣을 공간을 추가할지 여부 등을 설정할 수 있습니다. 바로 가기 메뉴를 사용하거나 파란색 삽입 화살표를 클릭하여 다른 메뉴 모음 항목을 추가할 수도 있습니다.

드롭다운 메뉴

메뉴 항목의 컨테이너입니다. 메뉴 항목을 추가한 후에 항목을 마우스 오른쪽 단추로 클릭하여 상태(예: 사용 가능 또는 선택한 상태), 종류(예: 일반 또는 라디오), 메뉴 너비로 설정할지 여부 등을 설정할 수 있습니다. 바로 가기 메뉴를 사용하거나 파란색 삽입 화살표를 클릭하여 다른 메뉴 항목을 추가할 수도 있습니다.

드롭다운 메뉴를 메뉴 모음 항목에 연결하여 열기 메뉴를 표시할 수 있습니다. 메뉴 모음 항목에는 아래쪽 모서리에 드롭다운 메뉴의 위쪽 모서리에 연결할 수 있는 연결점이 있습니다.

맨 위로 이동

폼에 컨트롤 추가

셰이프

하이퍼링크

하이퍼링크 셰이프를 페이지에 놓으면 연결 대상을 설정할 수 있는 하이퍼링크 대화 상자가 나타납니다.

단추

단추 셰이프를 마우스 오른쪽 단추로 클릭하여 단추의 상태(예: 사용 가능 또는 선택한 상태)나 모양을 설정할 수 있습니다.

목록 상자

목록 상자 항목의 컨테이너입니다. 목록 상자를 마우스 오른쪽 단추로 클릭하여 목록의 방향(예: 위쪽에서 아래쪽 또는 왼쪽에서 오른쪽)을 설정할 수 있습니다. 또한 목록 상자 항목을 추가한 후에 항목을 마우스 오른쪽 단추로 클릭하여 상태(예: 사용 가능 또는 선택한 상태)를 설정하고 아이콘과 같은 항목을 넣을 공간을 추가하려는 경우 자리 표시자를 설정할 수 있습니다. 바로 가기 메뉴를 사용하거나 파란색 삽입 화살표를 클릭하여 다른 목록 상자 항목을 추가할 수도 있습니다.

목록 상자를 선택한 경우 컨테이너 도구 아래의 서식 탭을 사용하여 목록 상자 스타일을 변경할 수 있습니다.

확인란

확인란을 마우스 오른쪽 단추로 클릭하여 선택(예: 선택 또는 선택 취소) 및 상태(예: 활성화된 경우 또는 가리킬 때)를 설정할 수 있습니다.

트리 컨트롤

트리 컨트롤 항목의 컨테이너입니다. 트리 컨트롤 항목을 추가한 후에 항목을 마우스 오른쪽 단추로 클릭하여 들여쓰기를 제어하고, 확장/축소 상태 및 자리 표시자 공간과 같은 트리 속성을 설정할 수 있습니다.

바로 가기 메뉴를 사용하거나 파란색 삽입 화살표를 클릭하여 다른 트리 컨트롤 항목을 추가할 수도 있습니다.

트리 컨트롤을 선택한 경우 컨테이너 도구 아래의 서식 탭을 사용하여 트리 컨트롤 스타일을 변경할 수 있습니다.

슬라이더

슬라이더를 마우스 오른쪽 단추로 클릭하여 눈금 수 및 눈금 위치와 같은 속성을 설정할 수 있습니다. 또한 노란색 컨트롤 핸들을 사용하여 슬라이더를 이동할 수 있습니다.

진행률 표시줄

노란색 컨트롤 핸들을 사용하여 진행률 표시기를 이동할 수 있습니다.

달력

달력을 페이지에 놓으면 월 및 연도를 설정할 수 있는 대화 상자가 나타납니다. 나중에 설정을 변경하려면 셰이프를 마우스 오른쪽 단추로 클릭한 다음 구성을 클릭합니다.

맨 위로 이동

Office 기술 확장
교육 살펴보기
새로운 기능 우선 가져오기
Office Insider 참여

이 정보가 유용한가요?

의견 주셔서 감사합니다!

피드백을 주셔서 감사합니다. Office 지원 에이전트와 연락하는 것이 도움이 될 것 같습니다.

×