2016년 1회 웹디자인 기능사 오답노트
1. 디자인 원리 중 리듬(rhythm)의 요소와 거리가 먼 것은?
❶ 대칭
② 점증
③ 반복
④ 강조
오답노트
디자인의 원리에는 통일, 강조, 균형, 비례, 반복, 변화, 조화, 대비, 리듬(율동)이 있으며
리듬은 유사한 형들이 일정한 규칙과 질서를 유지할 때 나타나는 현상을 말한다.
리듬의 요소에는
반복 : 강약의 요소가 규칙적으로 반복되며 생기는 반복감
점증 : 형체가 점점 커지거나 작아지는것
운동감 : 색과 함께 형태의 배치나 변화에 의해 연관지어져 동적인 방향감을 느끼게되는 것
세가지가 있다.
2. 시각적 균형과 가장 거리가 먼 것은?
① 명암에 의한 균형
❷ 경험에 의한 균형
③ 질감에 의한 균형
④ 위치에 의한 균형
3. 미적 대상을 구상하는 부분과 부분의 사이에 질적으로나 양 적으로 모순되는 일 없이 질서가 잡혀 어울리는 것은?
① 균형
❷ 조화
③ 변화
④ 리듬
오답노트
조화란 요소들이 상호 관계를 가지고 균형감이 안정적으로 이루어진 상태
4. 편집디자인의 구성요소에 해당되지 않는 것은?
❶ 포맷
② 레이아웃
③ 타이포그래피
④ 일러스트레이션
5. 색의 진출에 대한 설명으로 틀린 것은?
① 따뜻한 색이 차가운 색보다 더 진출하는 느낌을 준다.
② 밝은 색이 어두운 색보다 더 진출하는 느낌을 준다.
❸ 무채색이 유채색보다 더 진출하는 느낌을 준다.
④ 팽창색이 수축색보다 더 진출하는 느낌을 준다.
오답노트
진출색: 난색<따뜻한 색>계, 밝은색
후퇴색: 한색<차가운 색>계, 어두운 색
6. 저드(D.B.judd)의 “색채 조화론”에 해당하지 않는 것은?
① 질서의 원리
❷ 모호성의 원리
③ 친근성의 원리
④ 유사성의 원리
7. 한국산업표준(KS)에 따른 색의 3속성으로 알맞은 것은?
① Cyan, Value, Chroma
② Hue, Black, Chroma
③ Hue, Value, Cloudy
❹ Hue, Value, Chroma
8. 같은 크기의 형을 상, 하로 겹칠 때 위쪽의 것이 크게 보이는 착시현상은?
① 각도와 방향의 착시
② 수직 수평의 착시
③ 바탕과 도형의 착시
❹ 상방 거리의 과대착시
오답노트
상방거리 과대착시(위 방향 과대착시) : 같은 크기의 도형을 상, 하로 위치시키면 위쪽 도형이 더 크게 보이는 현상
수평 수직의 착시 : 동일한 길이의 직선을 수평과 수직으로 겹쳐놓을 경우, 수직으로 놓은 선이 수평으로 놓은 선보다 길어 보임
9. 디자인 원리 중 동질의 부분이 조합될 때 이루어지는 것은?
❶ 유사
② 대비
③ 대조
④ 점이
10. 색광의 혼합에서 색을 혼합하면 할수록 높아지는 색의 속성은?
❶ 명도
② 채도
③ 색상
④ 점도
오답노트
색광의 혼합은 가산혼합에서 쓰이므로 가산혼합은 색이 추가될 수록 색이 밝아지기 때문에 명도가 높아진다.
11. 환경 디자인에 속하지 않는 것은?
① 인테리어 디자인
② 원예 디자인
❸ 가구 디자인
④ 조경 디자인
12. 색채를 과학적으로 정리하여 스펙트럼을 7색으로 분리한 사람은?
❶ 뉴턴
② 먼셀
③ 오스트발트
④ 돈더스
오답노트
1666년 뉴턴이 처음으로 프리즘을 통해 태양광선을 빨강, 주황, 노랑, 녹색, 파랑, 남색, 보라로 나누어 관찰한 것이 가시스펙트럼이다
13. 원근에 의한 공간표현으로 색채와 명암을 활용하는 방법은?
① 직선원근법
❷ 대기원근법
③ 과장원근법
④ 다각원근법
오답노트
대기원근법 : 멀리있는 물체는 옅게, 근접해있는 물체는 짙고 선명하게 칠해서 원근감을 표현
대기(공기)로 인해 물체가 멀리있을수록 흐리고 연하게 보임, 대기 원근법으로 멀리 있는 산을 색칠하면 하늘색과 같은 색채와 연한 명함을 활용한다.
14. 게슈탈트 이론 중 비슷한 모양이 서로 가까이 놓여 있을 때 그 모양들이 동일한 형태의 그룹으로 보이는 경향을 무엇이라고 하는가?
❶ 근접성의 법칙
② 유사성의 법칙
③ 연속성의 법칙
④ 폐쇄성의 법칙
15. “건강” 이미지의 웹사이트를 구성하려고 한다. 가장 적합한 컬러는?
① 빨간색
② 노란색
③ 검정색
❹ 녹색
16. 다음 중 슈퍼그래픽이 속하는 분야와 가장 관계가 있는 것은?
① 패턴디자인
② 제품디자인
❸ 환경디자인
④ 의류디자인
오답노트
슈퍼그래픽(Super Graphic)는 1960년대 이후에 나타난 환경 디자인의 유형으로 1960년대 후반부터 유행하였다. 벽체 전체의 디자인으로 건물 외벽에 장식할 수 있고, 그래픽 작업의 건물, 아파트, 공장, 학교 등이 외벽을 미관상 장식해 도시의 경관을 아름답게 한다. 1920년대와 1930년대의 멕시코와 미국의 벽화운동에서 유래되었다.
17. 서로 다른 관련이 없어 보이는 요소를 합친다는 의미로 보는 관점을 완전히 다르게 하여 연상되는 점과 관련성을 찾아내어 아이디어를 발상시키는 방법은?
① 브레인스토밍(Brain storming)법
② 연상결합(Image association)법
③ 입출력(input - output)법
❹ 시넥틱스(Synectics)법
오답노트
브레인스토밍 : 자유분방하게 많은 양의 아이디어를 도출하는 방식
연상결합법 : 관련없는 사건이나 요소로부터 주관적으로 떠오른 정보에서 유사점이나 차이점을 결합시킴으로써 아이디어를 도출하는 방법
압출력법 : 주어진 문제에 대해 강제로 도달해야하는 지점을 연결시키는 방법
시넥틱스법 : 언뜻 보기에 관련없는 요소들을 서로 연결시켜 새로운 것을 유추해 내는 방법
18. 수적 법칙에 의해 생겨난 형태로 규칙적이고 명쾌한 조형적 감정을 유발시키는 형태는?
① 유기적 형태
❷ 기하학적 형태
③ 현대적 형태
④ 조형적 형태
19. 먼셀의 표색계에서 색상을 표시하는 기호로 맞는 것은?
① C/HV
② HC/V
❸ HV/C
④ CV/H
20. 윌리엄 모리스의 미술공예운동(Art& Crafts Movement)의 설명으로 틀린 것은?
❶ 대량생산제품에 대해 찬성하였다.
② 양산제품에서의 품질문제를 제기하였다.
③ 미술, 공예, 디자인 간의 차이를 줄임으로써 실용적 디자인을 추구하는 것을 목표로 하였다.
④ 수작업으로 돌아가자는 주장을 하였다.
오답노트
미술공예운동 : 기계의 대량생산으로 제품의 질이 떨어지는것에 반대하여 일어난 운동. 수작업으로 돌아가자는 주장을 하였다.
21. 사용자가 특정한 서버에 집중적으로 몰리면 병목현상이 발생하여 성능이 저하된다. 이를 해결하기 위해 FTP 서버의 자료를 다른 곳에 그대로 복사하여, 보다 가까운 위치에서 자료를 전송 받을 수 있도록 하는 것은?
① Plug-un
② Quick Time
❸ Mirroring
④ File Server
오답노트
Mirroring Site : 익명 FTP 서비스에 많은 접속자가 몰려 서비스 속도가 느려지는 것을 방지 하기 위한 것으로, 원래이 익명 FTP 서버와 동일한 디렉터리 구조를 가진 복사복 사이트를 가리킨다.
22. HTML 태그에서 “cellpadding” 에 대해 올바르게 설명한 것은?
❶ “table” 태그에서만 쓰는 속성으로 셀 구분선과 셀 안 의 문자간의 여백을 설정한다.
② “table” 태그에서만 쓰는 속성으로 셀과 셀 사이의 간 격을 설정한다.
③ “table” 태그에 삽입하면 테이블의 전체의 높이를 설정 한다.
④ “table” 태그에 삽입하면 해당 셀의 높이를 설정한다.
23. 연산자 좌우의 검색어를 모두 포함하는 데이터를 찾는 정 보검색 연산자는?
① OR
② NOT
❸ AND
④ AND NOT
24. 웹페이지 작성 언어들 중 그 특성이 다른 하나는?
① ASP
② JSP
③ PHP
❹ JavaScript
25. 컴퓨터 그래픽의 역사는 컴퓨터의 탄생부터 오늘날 인터넷 시대까지 크게 다섯 단계로 나누어 분류한다. 시대별 발달 과정을 주요 소자별로 바르게 분류한 것은?
❶ 진공관 → 트랜지스터 → 집적회로 → 고밀도 집적회로 → SVLSI
② 트랜지스터 → 진공관 → 집적회로 → 고밀도 집적회로 → SVLSI
③ 트랜지스터 → 집적회로 → 진공관 → 고밀도 집적회로 → SVLSI
④ 진공관 → 집적회로 → 트랜지스터 → 고밀도 집적회로 → SVLSI
오답노트
진공관:1946~1950년대
트랜지스터시대:1950년대말~1970년대 초
집적회로:1970년대
고밀도 집적회로:1980년대
SVLSI:1980년대 후반부터~현재
26. 다음 마크업 언어 중 가장 나중에 만들어진 것은?
① SGML
② HTML
③ XML
❹ XHTML
27. 다음 중 자바스크립트의 이벤트 핸들러에 대한 종류와 설 명이 옳지 않은 것은?
① onBlur : 대상이 포커스를 잃어 버렸을 때 발생되는 이 벤트를 처리
② onFocus : 대상에 포커스가 들어왔을 때 발생되는 이 벤트를 처리
❸ onMouseOn : 마우스가 대상의 링크나 영역 안에 위치 할 때 발생되는 이벤트를 처리
④ onMouseOut : 마우스가 대상의 링크나 영역 안을 벗 어 날 때 발생되는 이벤트를 처리
오답노트
OnMouseOver가 알맞은 표기이다
28. 월드 와이드 웹(WWW)서비스를 이용하기 위해 개발된 프 로그램으로 인터넷에 연결된 컴퓨터를 탐색하고 원하는 정 보를 읽어들여 그 내용을 화면에 표시해 주는 클라이언트 프로그램은?
① 배너
② 포털 사이트
❸ 웹 브라우저
④ 홈페이지
29. 전용선을 이용하여 인터넷을 접속하려고 한다. 네트워크 환경 설정 시 입력해야 할 내용으로 올바르지 않은 것은?
① 게이트웨이
② 서브넷 마스크
❸ 접속 전화번호
④ DNS
30. 다음 중 일반적인 HTML문서의 기본구조로 옳은 것은?
❶ <HTML><HEAD></HEAD><BODY></BODY></HTML>
②<HEAD></HEAD><HTML><BODY></BODY></HTML>
③<HEAD><HTML></HTML></HEAD><BODY></BODY>
④<HEAD></HEAD><HTML><BODY></HTML></BODY>
31. VRML을 만들 수 있는 저작도구가 아닌 것은?
① Cosmo Worlds
❷ Cosmo Player
③ VR Creator
④ 3d studio max
32. 일반적으로 처리기나 CPU에 의해 처리되는 사용자 프로그램, 즉 실행중인 프로그램을 의미하며 작업(Job) 또는 태스크(Task)라고도 하는 것은?
① 컴파일러(Compiler)
② 링커(Linker)
③ 로더(Loader)
❹ 프로세스(Process)
33. 인물 정보를 대상으로 데이터베이스를 구축하여 전자우편 주소 등의 정보를 제공해 주는 사이트를 일컫는 용어는?
① 비비시모(Vivisomo)
② 옐로우페이지(Yellow Page)
❸ 화이트페이지(White Page)
④ 옐로우북(Yellow Book)
오답노트
옐로우페이지, 화이트페이지는 미국인들의 전화번호부 책자 색깔에서 유래된것
엘로우 페이지는 업무 중심의 전화번호 책자이며 화이트 페이지는 인물중심의 책자였다.
34. 다음 HTML 태그 중 성격이 다른 태그는?
①<OL> </OL>
②<UL> </UL>
③<LI> </LI>
❹<BR> </BR>
35. 라우팅 프로토콜에 해당하지 않는 것은?
① BGP
❷ NNTP
③ OSPF
④ RIP
오답노트
NNTP(Network News Transfer Protocol) 인터넷 뉴스 서비스
라우팅 프로토콜 : 라우터 간 통신 방식을 규정하는 통신 규약
BGP : 경계 경로 프로토콜, 인터넷에서 주 경로 지정을 담당하는 프로토콜의 한 종류이다. 가장 널리 쓰이는 외부 게이트웨이 프로토콜
OSPF(Open Shortest Path First : 최단 경로 우선 프로토콜, 대기업에서 가장 널리 쓰이는 내부 게이트웨이 프로토콜
RIP(Routing Information Protocol) : UDP/IP 상에서 동작하는 라우팅 프로토콜
36. 일반적으로 드림위버에서 웹문서에 자바스크립트 소스를 삽입하여 인터렉티브한 페이지를 만들 수 있도록 제공해 주는 것은?
① Layer
❷ Behaviors
③ Form
④ CSS
오답노트
Behaviors 코드는 클라이언트측 JavaScript 코드입니다
37. 다음 중 도표, 그림, 설계 도면 등의 좌표 데이터를 컴퓨터 내로 정확하게 입력할 수 있는 장치로 주로 설계나 공학용 제도에 사용되는 컴퓨터의 입력 장치는?
❶ 디지타이저(Digitzer)
② 키노트(Keynote)
③ 광펜(Light pen)
④ 접촉 감지 스크린(Touch Screen)
38. 아래 스크립트를 분석한 내용으로 잘못된 것은?
<A href='#' onMouseOver='window.document.bgColor='yellow'' onMouseOut = 'window.document.bgColor='red'' onClick='window.document.bgColor='white''> 안녕하세요 </A>
❶ 마우스로 “안녕하세요”를 클릭하면 새로운 팝업창이 열 리고, 문자색이 변한다.
② “안녕하세요”에 마우스 포인터가 닿으면 배경색이 노란 색으로 변한다.
③ “안녕하세요”에서 마우스 포인터가 멀어지면 배경이 빨 간색으로 변한다.
④ 마우스로 “안녕하세요”를 클릭하면 배경이 백색으로 변 한다.
39. 인터넷에서 두 호스트 시스템과의 연결 검사 또는 특정 호 스트의 실행 여부 검사 등에 사용되는 서비스는?
① Rlogin
❷ PING
③ NTP
④ SNMP
오답노트
핑(Ping)은 TCP/IP 프로토콜을 사용하는 응용 프로그램으로 다른 호스트에 IP 데이터그램이 도착할 수 있는지 검사하는 것을 의미한다. 핑(Ping)이라는 이름은 'Packet Internet Groper'의 약자로, 물체의 위치를 찾는 음파탐지기로부터 유래되었으며 마이크 무스(Mike Muuss)에 의해 개발되었다.
40. 웹브라우저의 기능으로 옳지 않은 것은?
① 웹사이트 접속
② 정보 검색
❸ 사진 합성
④ 인터넷서비스 제공
41. 큰 이미지 또는 사진과 같이 컬러 수가 많은 웹 이미지에 적합한 파일 포맷은?
① EPS
② PSD
❸ JPEG
④ BMP
오답노트
24비트의 1600만여 가지의 색을 표현하며, 웹 용 이미지로 사용된다.
42. 다음은 무엇에 관한 설명인가?
① 레이아웃
② 내비게이션
❸ 스토리보드
④ 동영상
43. 3차원 대상물 표면에 2차원의 이미지를 입히는 과정을 무 엇이라고 하는가?
① 쉐이딩(Shading)
② 안티 앨리아싱(Anti Aliasing)
❸ 텍스처 매핑(Texture Mapping)
④ 필터링(Filtering)
오답노트
텍스처 매핑가상의 3차원 물체의 표면에 2차원 텍스처 묘사를 하거나 색을 칠하는 기법
44. 인간의 두뇌에 해당하는 것으로 대부분의 계산과 판단을 수행하는 컴퓨터그래픽스 시스템 하드웨어는?
① RAM
② LAN
❸ CPU
④ ROM
오답노트
CPU(중앙처리장치)는 컴퓨터 시스템에서 가장 중요한 부품 중 하나로, 컴퓨터의 모든 처리를 담당합니다. CPU는 주로 산술, 논리, 입출력 작업 등을 수행하며, 메모리와 함께 컴퓨터의 프로그램 실행에 관여합니다.
45. 어느 특정분야에서 우수한 상대를 표적 삼아 성과차이를 비교하여 이를 극복하기 위해 상대의 뛰어난 점을 배우면서 자기혁신을 추구하는 기법을 무엇이라 하는가?
❶ 벤치마킹
② UI디자인
③ 프로모션
④ 콘셉트개발
46. 웹 애니메이션의 시각적인 깜빡임(Flicker) 현상을 줄이기 위한 방법으로 옳은 것은?
① 모니터의 크기를 최대한 큰 것을 사용한다.
❷ 초당 프레임 수를 최대한 높여서 제작한다.
③ 화려한 배색보다는 유사색을 이용하여 제작한다.
④ 고해상도의 원본 이미지를 사용한다.
47. 다음과 같은 내비게이션 구조는?
① 순차 구조
② 프로토콜 구조
❸ 계층 구조
④ 네트워크 구조
48. 이미지를 선분의 집합이 아니라 픽셀들의 배열 형태로 처리하는 방식은?
① 랜덤 그래픽스
② 벡터 그래픽스
❸ 래스터 그래픽스
④ 픽셀 그래픽스
오답노트
외우기
49. 웹용으로 이미지를 디자인할 때 고려해야 할 사항으로 가장 거리가 먼 것은?
① 파일 크기
② 파일 포맷 형식
③ 이미지의 색상
❹ 인쇄 설정
50. 컴퓨터 그래픽스(Graphics)의 장점으로 틀린 것은?
① 인간의 상상력을 기반으로 자유롭게 표현할 수 있다.
② 제작물을 수정하는 것이 가능하다.
❸ 미세한 부분은 전혀 표현할 수 없다.
④ 명암이나 컬러, 질감을 자유롭게 바꿀 수 있다.
51. 세대별 컴퓨터 그래픽스(CG)의 발달과정에서 제 1세대(1946년~1950년대 말)의 특징으로 잘못된 것은?
① 기본 소자로 진공관을 사용하였다.
② 세계최초의전자식 디지털 컴퓨터인 에니악(ENIAC)을 발명하였다.
❸ 컴퓨터 그래픽의 발전 기반을 마련한 시기이다.
④ X-Y 플로터가 개발되어 종이 위에 그림을 그릴 수 있게 되었다.
52. 다음은 PhotoShop CS3에서 제작한 것이다. A 이미지를 B 이미지로 만들기 위해 필요한 명령어는?
❶ Flip Horizontal
② Flip Vertical
③ Rotate
④ Scale
오답노트
Flip Horizontal : 좌우로 뒤집기
Flip Vertical : 상하로 뒤집기
Rotate : 돌리기
Scale : 규모(크기)
photoshop에서는 horizontal 이 좌우반전, vertical 이 상하반전이고
illustrator에서는 horizontal 이 상하반전, vertical 이 좌우반전으로 서로 반대입니다
53. 웹 그래픽 제작에서 반복되는 배경이미지 제작에 관한 설 명으로 가장 거리가 먼 것은?
① 줄무늬를 배경 이미지로 제작
② 도형을 이용한 패턴 제작
③ 부드러운 그라데이션 제작
❹ 동영상을 배경 이미지로 제작
54. 벡터(vector) 이미지에 대한 설명으로 틀린 것은?
❶ 흑백 이미지로부터 트루컬러 이미지까지 다양한 컬러작 업이 용이하다.
② 이미지를 확대 또는 축소, 회전 변환 시키더라도 왜곡 이 발생하지 않는다.
③ 점, 선, 면의 좌표 값을 수학적으로 저장하는 방식으로 그림을 표현한다.
④ 로고 제작, 플래시 애니메이션 등 그래픽 프로그램에서 사용한다.
55. 웹상에서 반복되는 패턴으로 제작된 배경을 만들고자 할 경우 가장 적절한 방법은?
① 브라우저 크기에 맞는 이미지를 만들어 배경으로 삽입 한다.
❷ 패턴을 만들고 태그 안에 background로 지정 한다.
③ 포토샵에서 CMYK 팔레트를 이용하여 jpg 이미지로 저 장하여 사용한다.
④ CSS의 스타일을 이용하여 background의 옵션을 no-repeat 으로 지정한다.
56. 다음 웹 디자인 과정을 순서대로 올바르게 나열한 것은?
ⓐ그림, 동영상, 소리파일 제작
ⓑ목표설정
ⓒ웹사이트에 업로드
ⓓ웹 에디터로 작성
ⓔ스토리 보드 제작
① ⓑ-ⓐ-ⓓ-ⓔ-ⓒ
② ⓑ-ⓐ-ⓓ-ⓒ-ⓔ
❸ ⓑ-ⓔ-ⓐ-ⓓ-ⓒ
④ ⓑ-ⓓ-ⓐ-ⓔ-ⓒ
57. 다음 소프트웨어 중 2D 평면 디자인을 할 때 사용하는 소 프트웨어로만 나열된 것은?
㉠오토캐드(AutoCAD)
㉡일러스트레이터
㉢하이퍼텍스트
㉣자바스크립트
❶ (ㄱ), (ㄴ)
② (ㄷ), (ㄹ)
③ (ㄱ), (ㄷ)
④ (ㄴ), (ㄹ)
오답노트
2차원 평면 디자인 소프트웨어 : AutoCAD, Illustrator, Photoshop 등
58. 화면을 표현하기 위한 최소 단위이며, 화소라고 불리는 것 은?
① 비트맵(Bitmap)
② 벡터(Vector)
③ 해상도(Resolution)
❹ 픽셀(Pixel)
59. 다음 중 애니메이션에 대한 설명으로 틀린 것은?
① 움직임이 없는 그림이나 사진 등에 생명이 있는 움직임을 부여하는 기술이다.
② 라틴어의 아니마투스(Animatus)에서 유래되었다.
❸ 연속된 그림을 통하여 계속 이어지게 보이는 2차원만의 영역을 의미한다.
④ 애니메이션에서 사용되는 프레임은 낱개의 정지된 이미지를 말한다.
60. 서로 근접해 있는 색들의 영향으로 인하여 닮은 색으로 변해 보이는 현상은 ?
① 잔상효과
❷ 동화현상
③ 동시대비
④ 연변대비