웹디자인개발기능사 디자인 구성요소·매체 예상문제

웹디자인개발기능사 디자인 구성요소·매체 예상문제 미리보기

디자인 구성요소·매체 과목 20문항 중 8문항입니다. 정답과 해설은 눌러서 확인할 수 있습니다.

1. 디자인 구성요소·매체1번 문항
   와이어프레임(Wireframe)에 대한 설명으로 옳은 것은?
   1. 1.실제 서비스와 똑같이 동작하는 완성 프로그램
   2. 2.색·이미지 같은 시각 요소를 빼고 화면의 레이아웃과 콘텐츠 배치를 선과 상자로 나타낸 설계도
   3. 3.사이트의 전체 페이지를 계층 구조로 나열한 목록
   4. 4.브랜드의 색과 서체 규칙을 정리한 문서
   정답·해설 보기

   정답 2번. 색·이미지 같은 시각 요소를 빼고 화면의 레이아웃과 콘텐츠 배치를 선과 상자로 나타낸 설계도

   와이어프레임은 화면의 골격(영역, 메뉴, 콘텐츠 위치)을 단순한 선과 상자로 정리해 구조를 합의하는 단계의 산출물입니다. 동작하는 완성품은 개발 결과물, 페이지 계층 목록은 사이트맵, 색·서체 규칙은 스타일 가이드입니다.

2. 디자인 구성요소·매체2번 문항
   웹 프로젝트의 스토리보드에 일반적으로 들어가는 내용으로 거리가 먼 것은?
   1. 1.화면별 레이아웃과 구성 요소
   2. 2.링크·버튼을 눌렀을 때의 동작과 이동 경로
   3. 3.화면 요소에 대한 설명(디스크립션)
   4. 4.웹 서버 장비의 구매 견적과 계약 조건
   정답·해설 보기

   정답 4번. 웹 서버 장비의 구매 견적과 계약 조건

   스토리보드는 화면 설계와 기능·이동 흐름을 디자이너·개발자가 공유하도록 화면 단위로 정리한 문서입니다. 서버 장비 구매 견적은 스토리보드가 아니라 사업·인프라 문서에서 다룹니다.

3. 디자인 구성요소·매체3번 문항
   회원가입이나 튜토리얼처럼 정해진 순서대로 한 단계씩 진행하도록 만든 정보구조 유형은?
   1. 1.계층(트리) 구조
   2. 2.그리드 구조
   3. 3.순차(선형) 구조
   4. 4.네트워크(웹형) 구조
   정답·해설 보기

   정답 3번. 순차(선형) 구조

   순차 구조는 페이지를 일렬로 이어 사용자가 정해진 순서로 진행하게 합니다. 계층 구조는 대분류에서 소분류로 내려가는 트리, 그리드는 여러 기준으로 교차 탐색, 네트워크 구조는 페이지끼리 자유롭게 연결된 형태입니다.

4. 디자인 구성요소·매체4번 문항
   '홈 > 아우터 > 코트'처럼 현재 페이지가 사이트 구조의 어디에 있는지 경로로 보여 주는 내비게이션은?
   1. 1.햄버거 메뉴
   2. 2.브레드크럼(Breadcrumb)
   3. 3.페이지네이션(Pagination)
   4. 4.캐러셀(Carousel)
   정답·해설 보기

   정답 2번. 브레드크럼(Breadcrumb)

   브레드크럼은 상위 단계로의 경로를 링크로 보여 주어 현재 위치를 알리고 쉽게 되돌아가게 합니다. 햄버거 메뉴는 접힌 메뉴 버튼, 페이지네이션은 목록 쪽 번호, 캐러셀은 돌아가며 보이는 슬라이드입니다.

5. 디자인 구성요소·매체5번 문항
   게슈탈트(Gestalt) 법칙 가운데 서로 가까이 있는 요소를 하나의 그룹으로 인식하는 원리는?
   1. 1.유사성
   2. 2.근접성
   3. 3.폐쇄성
   4. 4.연속성
   정답·해설 보기

   정답 2번. 근접성

   근접성은 거리가 가까운 요소끼리 묶여 보이는 원리로, 메뉴 항목 간격이나 카드 간격 설계에 그대로 쓰입니다. 유사성은 모양·색이 비슷한 것끼리, 폐쇄성은 끊긴 도형을 완전하게, 연속성은 이어진 흐름으로 인식하는 원리입니다.

6. 디자인 구성요소·매체6번 문항
   선이 일부 끊겨 있어도 사람이 이를 완전한 도형으로 채워서 인식하는 게슈탈트 원리는?
   1. 1.근접성
   2. 2.대칭성
   3. 3.공동 운명
   4. 4.폐쇄성
   정답·해설 보기

   정답 4번. 폐쇄성

   폐쇄성은 빠진 부분을 머릿속에서 채워 닫힌 형태로 보려는 경향으로, 일부를 생략한 로고 디자인에 자주 쓰입니다. 근접성은 거리, 대칭성은 대칭 구조, 공동 운명은 같은 방향으로 움직이는 요소를 묶어 보는 원리입니다.

7. 디자인 구성요소·매체7번 문항
   같은 형태나 색이 일정한 간격으로 반복되어 시각적인 율동감을 만드는 디자인 원리는?
   1. 1.대비
   2. 2.강조
   3. 3.리듬(율동)
   4. 4.비대칭 균형
   정답·해설 보기

   정답 3번. 리듬(율동)

   리듬은 요소의 규칙적인 반복이나 점진적인 변화에서 생기는 율동감입니다. 대비는 차이를 크게 해 눈에 띄게, 강조는 특정 요소를 두드러지게, 비대칭 균형은 다른 요소로 시각적 무게를 맞추는 원리입니다.

8. 디자인 구성요소·매체8번 문항
   황금비(Golden Ratio)에 가장 가까운 비율은?
   1. 1.약 1 : 1.618
   2. 2.1 : 1
   3. 3.약 1 : 1.414
   4. 4.1 : 2
   정답·해설 보기

   정답 1번. 약 1 : 1.618

   황금비는 약 1:1.618로, 오래전부터 조화로운 비례로 여겨져 레이아웃과 로고 비례에 활용됩니다. 1:1.414는 A4 같은 국제 용지 규격의 백은비(√2 비율)입니다.