2012년 웹디자인기능사 4회차

커뮤니케이션 디자인은 단순히 운동이나 시선을 중시하는 것이 아니라, 기호를 매개로 의미를 공유하고 전달하는 과정에 초점을 맞춥니다. 핵심은 **의미의 공유와 전달**이며, 이를 위해 시각적 요소, 언어 등 다양한 기호가 활용됩니다. 따라서 운동과 시선만을 강조하는 것은 커뮤니케이션 디자인의 본질을 제대로 설명하지 못합니다.

색료 혼합의 3원색은 빛의 삼원색과 달리 감산 혼합으로 이루어집니다. 자주(M), 노랑(Y), 청록(C)을 섞을수록 빛을 더 많이 흡수하여 어두워지며, 세 가지 색을 모두 섞으면 모든 빛을 흡수하여 검은색(K)에 가까워집니다. 따라서 4번 보기처럼 흰색이 되는 것은 틀린 설명입니다.

명도가 낮아 움츠린 느낌을 주는 색을 **수축색**이라고 합니다. 이는 색상이 실제로보다 더 작아 보이거나 뒤로 물러나는 듯한 착시 효과를 일으키기 때문입니다. 진출색이나 팽창색과는 반대되는 개념으로, 어둡고 차가운 색상에서 주로 나타나는 특징입니다.

정답은 **1. 형태**입니다. 형태는 점, 선, 면과 같은 기본적인 조형 요소들이 연장되거나 조합되어 만들어지는 시각적인 모양과 구조를 의미합니다. 이러한 형태는 변화하고 발전하면서 다양한 디자인을 구성하는 핵심 요소가 됩니다. 따라서 점, 선, 면 등의 발전과 변화를 통해 이루어지는 조형 디자인 요소는 형태라고 할 수 있습니다.

정답은 1번 '유사'입니다. 디자인에서 동질의 부분이 조합될 때 이루어지는 것은 서로 비슷하거나 같은 특징을 가진 요소들이 모여 통일감을 형성하는 '유사성'입니다. 이는 시각적으로 안정감과 조화를 만들어내며, 전체적인 디자인의 일관성을 강화하는 중요한 원리입니다.

이 문제는 시각적 질감의 종류를 구분하는 문제입니다. 정답은 3번 '나뭇결 무늬'입니다. 나뭇결 무늬는 자연적인 재료의 고유한 특성으로 발생하는 질감인 반면, 나머지 보기들은 인공적인 과정이나 기술에 의해 생성되는 질감이기 때문입니다. 즉, 자연적인 질감과 인공적인 질감을 구분하는 것이 핵심 개념입니다.

컬러 TV와 조명등은 빛을 섞어 색을 만들기 때문에 **가산 혼합** 방식을 사용합니다. 빨강, 초록, 파랑 세 가지 빛을 섞으면 더 밝은 색이 되며, 세 가지 빛을 모두 최대로 섞으면 흰색이 됩니다. 이는 물감처럼 색을 섞을수록 어두워지는 감산 혼합과는 반대되는 개념입니다.

디자인은 단순히 기존 것을 유지하는 것이 아니라, 실용적 가치와 예술적 가치를 모두 고려하여 새로운 것을 창조하는 활동입니다. 따라서 4번 보기처럼 '기존의 것을 유지하며 실용적 가치보다는 예술적 가치의 기준을 말한다'는 설명은 디자인의 본질을 제대로 반영하지 못합니다. 디자인은 기존의 틀을 벗어나 혁신을 추구하며, 사용자의 필요와 만족을 위한 실용적인 측면 또한 중요하게 다룹니다.

정답은 **1. 균형**입니다. 균형은 디자인 요소들이 시각적으로 안정감을 주어 명쾌한 느낌을 전달하는 원리입니다. 이는 마치 저울처럼 요소들이 서로 무게감을 맞춰 전체적인 조화를 이루도록 합니다. 따라서 요소 간의 시각적 힘의 안정성이 느껴질 때 우리는 안정감을 느끼게 됩니다.

저드(D. Judd)의 색채 조화 원리는 주로 색채 간의 관계에서 오는 시각적 안정감과 질서를 강조합니다. 질서, 유사, 친근감의 원리는 색채들이 서로 조화롭게 어울리도록 하는 방식에 대한 설명입니다. 반면, '기호의 원리'는 색채가 특정 의미나 상징을 나타내는 것에 관한 것으로, 저드의 색채 조화 원리에서 직접적으로 다루는 개념이 아닙니다.

정답은 2번입니다. 디자인의 일반적인 조건에는 **합목적성**(기능성), **심미성**(아름다움), **독창성**(새로움), 그리고 **경제성**(효율성)이 포함됩니다. 유행성이나 질서성은 디자인의 한 요소일 수 있지만, 보편적인 디자인의 필수 조건으로 보기는 어렵습니다. 국제성은 디자인의 적용 범위를 나타낼 뿐, 디자인 자체의 본질적인 조건은 아닙니다.

정답은 1번 인테리어 디자인입니다. 인테리어 디자인은 공간의 물리적인 구조와 환경을 다루는 반면, 광고 디자인, 편집 디자인, 시각 디자인은 모두 정보를 전달하거나 미적인 경험을 제공하기 위해 시각적인 요소를 활용하는 분야입니다. 즉, 인테리어 디자인은 공간을 직접적으로 다루는 실물 디자인이고, 나머지 세 가지는 정보 전달을 위한 시각적 표현에 집중하는 평면 디자인에 가깝습니다.

먼셀의 무채색 11단계는 0(가장 어두움)부터 10(가장 밝음)까지 명도를 나타냅니다. 이 중 중간 명도에 해당하는 범위는 4~6단계이며, 이는 회색의 중간 톤을 의미합니다. 따라서 정답은 2번입니다.

정답은 4번 '질감'입니다. 질감은 물체의 표면이 가진 거칠기, 부드러움, 딱딱함 등의 특징을 시각과 촉각으로 인지하는 성질을 의미합니다. 색감은 시각적인 부분만 해당하며, 항상성과 고유성은 이 문제와 직접적인 관련이 없습니다.

데 스틸 운동은 자연 세계를 직접 모방하거나 상징하는 대신, 직선과 삼원색(빨강, 노랑, 파랑), 삼원색(검정, 흰색, 회색)을 통해 보편적이고 추상적인 질서를 표현하고자 했습니다. 따라서 자연 세계를 상징하고 표현하는 데 중점을 두었다는 4번 보기는 데 스틸의 조형 원칙과 맞지 않습니다.

정답은 3번 시각디자인입니다. 시각디자인은 글자, 그림, 색상 등 시각적인 요소를 활용하여 정보를 효과적으로 전달하는 분야입니다. 제품디자인은 실용적인 물건을, 환경디자인은 공간을, 공예디자인은 수공예적인 작품을 다루는 반면, 시각디자인은 오롯이 '보이는 것'을 통해 메시지를 전달하는 데 집중합니다.

정답은 3번 폐쇄성입니다. 폐쇄성은 불완전한 형태라도 닫혀 있는 모양으로 인식될 때 완전한 형태로 지각하는 경향을 말합니다. 그림에서 문자의 일부가 끊어졌지만, 뇌는 이를 닫힌 형태로 인식하여 완전한 문자로 지각하는 것입니다.

정답은 4번 색상 대비입니다. 색상 대비는 서로 다른 색상이 나란히 있을 때, 원래 색상보다 색상 차이가 더 크게 느껴지는 현상을 말합니다. 예를 들어, 빨간색 옆에 초록색을 놓으면 빨간색은 더 붉게, 초록색은 더 푸르게 보이는 효과가 있습니다. 이는 색상 자체의 고유한 특성으로 인해 발생하는 대비 현상입니다.

율동은 반복, 점증, 변칙 등 시각적 요소들이 규칙적으로 또는 불규칙적으로 배치되어 만들어지는 움직임이나 변화의 느낌입니다. 대비는 이러한 율동의 흐름을 끊거나 강조하는 역할을 할 수는 있지만, 율동 자체를 구성하는 핵심 요소라고 보기는 어렵습니다. 따라서 율동의 요소와 거리가 먼 것은 대비입니다.

정답은 4번입니다. 색채 조화의 대비 원리는 서로 다른 색채들이 시각적으로 뚜렷하게 구분될 때 오히려 조화로운 느낌을 주는 것을 의미합니다. 따라서 배색된 색채들이 공통적인 상태나 속성을 가질 때 조화된다는 설명은 대비 원리에 어긋납니다. 핵심은 대비를 통해 오히려 조화가 이루어진다는 점입니다.

정답은 4번 `parseFloat()`입니다. `parseFloat()` 함수는 문자열을 파싱하여 부동 소수점 숫자로 변환하며, 문자열의 시작 부분에 있는 숫자만 인식합니다. 보기 1, 2번은 사용자에게 메시지를 표시하는 함수이고, 보기 3번 `eval()`은 문자열을 자바스크립트 코드로 실행하는 함수로, 보안상 위험할 수 있어 일반적으로 사용을 권장하지 않습니다.

인터넷 익스플로러 6.0의 [편집] 메뉴는 주로 문서나 웹 페이지 내의 텍스트를 조작하는 기능들을 포함합니다. '잘라내기', '이 페이지에서 찾기', '모두 선택'은 모두 이러한 텍스트 조작 또는 페이지 내용 탐색과 관련된 기능입니다. 반면, '새로고침'은 현재 보고 있는 웹 페이지를 다시 불러오는 기능으로, 이는 [편집] 메뉴가 아닌 [보기] 메뉴에 포함되어 있습니다.

웹 페이지 제작 시 사용자의 편의성과 정보 접근성을 높이는 것이 중요합니다. 텍스트 위주로만 제작하는 것은 시각적인 요소 부족으로 흥미를 떨어뜨리고, 오히려 다양한 멀티미디어 요소를 적절히 활용해야 사용자 경험을 풍부하게 만들 수 있습니다. 따라서 텍스트만으로 접속을 원활하게 한다는 것은 웹 페이지 제작의 핵심 고려사항과 거리가 멉니다.

정답은 1번 웹 브라우저입니다. 웹 브라우저는 웹 서버에서 받은 하이퍼텍스트 문서를 사용자가 볼 수 있도록 해석하고 표시하는 프로그램입니다. 멀티미디어 데이터 재생 및 하이퍼미디어 기능 지원은 웹 브라우저의 핵심 기능에 해당합니다. 플러그인, 플래시, 매크로미디어는 웹 브라우저와 함께 사용되는 보조적인 기술들이거나 특정 소프트웨어의 이름입니다.

웹 문서의 각종 서비스를 제공하는 서버들에 있는 파일의 위치를 표시해 주는 표준은 **URL(Uniform Resource Locator)**입니다. URL은 웹 브라우저가 특정 웹사이트나 파일에 접근하기 위해 필요한 주소 정보를 담고 있으며, 인터넷상의 자원을 고유하게 식별하고 찾는 데 사용됩니다. IP는 서버의 네트워크 주소를 나타내고, TCP는 데이터 전송 방식을, HTML은 웹 페이지의 구조를 정의하는 언어이므로 파일 위치를 직접적으로 표시하는 표준과는 거리가 있습니다.

최초의 GUI 환경 웹 브라우저는 **모자이크(Mosaic)**입니다. 모자이크는 1993년에 개발되어 이미지를 웹페이지에 직접 표시하는 등 혁신적인 기능을 선보이며 웹의 대중화를 이끌었습니다. 이는 텍스트 기반의 이전 브라우저들과 달리 그래픽 사용자 인터페이스(GUI)를 통해 사용자가 훨씬 직관적으로 웹을 탐색할 수 있게 한 중요한 전환점이었습니다.

정답은 1번 '공용(public) IP 주소만을 이용한 보안'입니다. **정답 이유:** 공용 IP 주소는 인터넷에 직접 노출되어 있어 외부 공격에 취약하며, 이를 통해서만 보안을 강화하는 것은 근본적인 해결책이 될 수 없습니다. **핵심 개념:** 네트워크 보안은 여러 계층의 방어 전략을 통해 이루어집니다. 방화벽, 프록시 서버, 암호화 등은 외부 침입을 차단하고 데이터 통신을 안전하게 만드는 데 효과적인 방법입니다.

자바스크립트로 웹 페이지의 배경색을 변경하려면 `document.bgColor` 속성을 사용해야 합니다. 이 속성은 현재 문서의 배경색을 직접 설정하는 역할을 합니다. `window` 객체에는 배경색을 직접 변경하는 `bgColor`나 `background` 속성이 없으며, `document.background` 역시 유효한 속성이 아닙니다. 따라서 정답은 3번 `document.bgColor="green";` 입니다.

인터넷 익스플로러 6.0의 [도구]-[인터넷 옵션]-[내용] 탭에서는 사용자의 웹 활동과 관련된 다양한 설정을 관리할 수 있습니다. 특히 **인증서**는 웹사이트와의 안전한 통신을 위해 사용되는 디지털 신분증과 같은 역할을 하며, 이 탭에서 관리할 수 있습니다. 다른 보기들은 해당 탭에서 직접적으로 설정하거나 관리할 수 있는 항목이 아닙니다.

정답은 4번 'do while'입니다. 'do while' 반복문은 코드 블록을 먼저 실행한 후, 조건이 참인 동안 계속해서 반복합니다. 따라서 조건이 처음부터 거짓이더라도 최소한 한 번은 코드가 실행된다는 특징이 있습니다.

`

---

` 태그는 수평선을 나타내며, 주로 내용 구분을 위해 사용됩니다. 과거에는 `size`, `noshade`, `align`과 같은 속성을 통해 선의 두께, 색상, 정렬 등을 조절할 수 있었지만, 현재는 이러한 속성들이 **표준에서 권장되지 않거나 지원되지 않습니다.** `height` 속성은 `

---

` 태그에 직접적으로 적용되는 표준 속성이 아니므로 정답입니다.

이 문제는 2012년 당시 국내 검색 엔진 시장의 상황을 묻는 문제입니다. 당시 네이버, 다음, 엠파스는 국내에서 개발되어 서비스되던 주요 검색 엔진이었지만, 야후는 미국에서 시작된 글로벌 검색 엔진이었습니다. 따라서 국내 검색 엔진으로 보기 어려운 것은 야후입니다.

URL에서 `://` 앞에 오는 것은 **프로토콜**입니다. 프로토콜은 웹 브라우저가 웹 서버와 통신하는 데 사용하는 규칙(예: http, https, ftp)을 의미합니다. IP 주소, 접속 포트 번호, 디렉터리명은 모두 프로토콜 뒤에 오는 URL의 구성 요소입니다.

이 문제는 데이터 통신망의 결선 방식(토폴로지)을 묻고 있습니다. 핵심은 "하나의 전송 채널을 사용하며, 분산제어 처리 방식을 적용하며, 구조적으로 Point-To-Point 방식으로 T자형 네트워크를 구성"한다는 점입니다. 이러한 특징은 **버스형(Bus) 방식**에 해당합니다. 버스형은 여러 장치가 하나의 공유된 전송 매체(버스)에 연결되어 통신하며, 각 장치는 독립적으로 데이터를 송수신하는 분산 제어 방식을 사용합니다. T자형 연결은 버스형 네트워크에서 장치가 버스에 연결되는 일반적인 형태를 나타냅니다.

정답은 1번 드림위버입니다. 드림위버는 웹 페이지를 시각적으로 디자인하고 코드를 작성하는 데 특화된 웹 저작 도구입니다. 반면 마야, 3D 스튜디오 맥스, 소프트이미지는 3D 모델링 및 애니메이션 제작에 사용되는 소프트웨어로 웹 페이지 제작과는 관련이 없습니다. 따라서 웹 페이지 저작 도구로는 드림위버가 가장 적합합니다.

스팸 메일은 수신자의 동의 없이 불특정 다수에게 대량으로 발송되는 광고성 이메일을 의미합니다. 이는 의도하지 않은 정보로 수신자의 불편을 초래하며, 인터넷 트래픽 낭비의 원인이 되기도 합니다. 따라서 3번 보기가 스팸 메일에 대한 가장 정확한 설명입니다.

정답은 1번입니다. 컴퓨터 그래픽의 역사를 시대별로 구분할 때, 제5세대는 멀티미디어 기술이 폭발적으로 발전하며 그래픽의 활용 범위가 크게 확장된 시기입니다. 제4세대는 개인용 컴퓨터의 등장과 그래픽 처리 능력 향상이 주된 특징이며, 제3세대는 집적회로(IC)의 발명으로 컴퓨터 성능이 비약적으로 발전한 시기입니다. 제2세대는 트랜지스터의 발명으로 컴퓨터의 소형화 및 성능 향상이 이루어졌습니다.

자바스크립트에서 `<<`는 왼쪽 비트 시프트 연산자이지만, `<<<`는 표준 자바스크립트 연산자가 아닙니다. `|`, `||`, `&`, `&&`, `>>`, `>>>`는 모두 자바스크립트에서 유효한 연산자입니다. 따라서 `<<<`가 포함된 4번이 정답입니다.

정답은 4번 XML입니다. ASP, JSP, PHP는 모두 웹 서버에서 실행되어 동적인 데이터를 처리하고 HTML 등의 결과 문서를 생성하는 스크립트 언어입니다. 반면 XML은 데이터를 구조화하고 저장하기 위한 마크업 언어로, 자체적으로는 데이터를 가공하거나 웹 서버에서 직접 실행되는 스크립트 언어가 아닙니다.

정답은 3번 AND 연산자입니다. AND 연산자는 검색어 좌우에 있는 모든 단어를 포함하는 데이터를 찾을 때 사용됩니다. 예를 들어, "사과 AND 바나나"라고 검색하면 사과와 바나나가 모두 포함된 문서만 결과로 나옵니다. 이는 두 조건을 모두 만족해야 한다는 '교집합'의 개념과 같습니다.

이 문제는 웹 페이지에 애니메이션이나 움직이는 이미지를 삽입할 때 사용되는 프로그램과 거리가 먼 것을 묻고 있습니다. 정답은 4번 CorelDraw입니다. **정답 이유:** Flash, Image Ready, Director는 모두 웹 애니메이션 제작 및 편집에 특화된 프로그램입니다. 반면 CorelDraw는 주로 벡터 그래픽 디자인 및 편집에 사용되는 프로그램으로, 직접적으로 애니메이션 장면이나 움직이는 이미지를 만드는 데는 적합하지 않습니다. **핵심 개념:** 웹 애니메이션 제작 도구와 일반 그래픽 디자인 도구의 차이를 이해하는 것이 중요합니다.

애니메이션은 움직임이 없는 그림에 생명을 부여하는 기술로, 연속된 그림을 통해 움직임이 이어지는 것처럼 보이게 합니다. 여기서 핵심은 '움직임'이며, 이는 2차원뿐만 아니라 3차원 영역에서도 구현될 수 있습니다. 따라서 애니메이션이 2차원만의 영역을 의미한다는 설명은 틀렸습니다.

GIF 파일 포맷은 256가지 색상만 인덱스 색상으로 사용할 수 있습니다. 1670만 가지 색상은 JPEG와 같은 다른 이미지 포맷의 특징입니다. GIF는 투명도, 애니메이션, 점진적 표시 기능을 지원합니다.

웹사이트 내비게이션 구조는 사용자가 웹사이트를 쉽게 탐색하도록 돕는 요소입니다. 계층 구조, 그리드 구조, 순차 구조는 모두 웹사이트 내에서 정보의 흐름과 연결 방식을 나타내는 일반적인 내비게이션 유형입니다. 반면, 프로토콜 구조는 웹사이트 내비게이션과는 직접적인 관련이 없는 통신 규약을 의미하므로 내비게이션 구조의 유형에 해당하지 않습니다.

2D 그래픽은 평면적인 이미지를 다루는 기술로, 종이에 그림을 그리듯 붓과 물감을 사용하거나 디지털 도구를 활용하여 이미지를 만들고 수정합니다. 주로 평면적인 표현에 초점을 맞추며, 입체감을 표현하는 데는 3D 그래픽이 더 적합합니다. 따라서 2D 그래픽의 주요 특징으로 입체감 표현을 언급한 2번 보기가 틀렸습니다.

웹사이트 디자인은 명확한 목표와 방향 설정에서 시작됩니다. 먼저 **컨셉 정하기**를 통해 웹사이트의 전반적인 목적과 타겟 사용자를 정의합니다. 이후 **사이트 맵 그리기**로 콘텐츠 구조와 페이지 간의 관계를 설계하고, **기본 디자인 구상**으로 전체적인 레이아웃과 와이어프레임을 만듭니다. 마지막으로 **세부 디자인 구상**을 통해 시각적인 요소와 사용자 경험을 완성하는 순서가 가장 논리적입니다.

타이포그래피는 글자의 형태, 배치, 간격 등을 통해 시각적인 정보를 전달하는 디자인 분야입니다. Serif, Line-spacing, Letter-spacing은 모두 글자의 가독성과 심미성을 결정하는 중요한 구성 요소입니다. 반면 Texturing은 종이 질감이나 인쇄 방식 등 글자 자체보다는 출력 매체의 속성에 가까워 타이포그래피의 직접적인 구성 요소로 보기 어렵습니다.

## 파일 포맷별 용량 비교 해설 **정답:** 2번 (BMP > PNG > JPG) **핵심 개념:** * **BMP (Bitmap):** 비압축 방식이라 원본 데이터를 그대로 저장하여 파일 용량이 가장 큽니다. * **PNG (Portable Network Graphics):** 무손실 압축 방식을 사용하여 원본 데이터의 품질을 유지하면서도 BMP보다 용량이 작습니다. * **JPG (Joint Photographic Experts Group):** 손실 압축 방식을 사용하여 파일 용량을 크게 줄일 수 있지만, 압축률이 높아질수록 이미지 품질이 저하됩니다. 따라서, 일반적으로 BMP 파일이 가장 크고, PNG는 무손실 압축으로 BMP보다 작으며, JPG는 손실 압축으로 가장 작은 용량을 가집니다.

기업이미지의 일관성을 유지하면서 새로운 디자인으로 업그레이드하는 것은 **아이덴티티 스타일**입니다. 아이덴티티 스타일은 기업의 고유한 브랜드 정체성을 시각적으로 표현하는 방식으로, 기존의 핵심 가치와 이미지를 계승하면서도 시대의 흐름에 맞춰 현대적인 감각으로 디자인을 발전시킵니다. 이를 통해 기업은 친숙함을 유지하면서도 신선하고 발전된 이미지를 구축할 수 있습니다.

"해상도가 높다"는 것은 이미지에 더 많은 픽셀이 포함되어 있어 이미지가 더 선명하고 질이 좋다는 것을 의미합니다. 반대로, 해상도가 높을수록 더 많은 정보를 담고 있으므로 이미지 용량은 일반적으로 **커집니다**. 따라서 이미지 용량이 적다는 것은 해상도가 높다는 말의 의미와 틀립니다.

A 이미지를 B 이미지로 만들기 위해서는 좌우 반전이 필요합니다. 보기 1번 'Flip Horizontal'은 이미지를 가로로 뒤집는 명령어로, A 이미지의 좌우를 반전시켜 B 이미지와 동일하게 만듭니다. 따라서 이 명령어가 정답입니다.

벡터 방식은 수학적 방정식을 사용하여 이미지를 표현하므로 확대해도 깨지지 않는 특징이 있습니다. 일러스트레이터, 코렐드로우, 프리핸드는 모두 벡터 기반 프로그램입니다. 반면 포토샵은 픽셀 기반 프로그램으로, 이미지를 작은 점(픽셀)들의 집합으로 표현하여 확대 시 이미지가 깨질 수 있습니다. 따라서 포토샵은 벡터 방식을 기반으로 하고 있지 않습니다.

노을 사진과 같이 색상이 풍부하고 복잡한 이미지는 **JPG** 포맷으로 압축하는 것이 가장 효율적입니다. JPG는 손실 압축 방식을 사용하여 파일 용량을 크게 줄이면서도 사람의 눈으로는 거의 인지하기 어려운 수준의 화질 저하만을 발생시킵니다. 따라서 웹사이트에 올리기 위해 파일 용량을 줄이는 데 최적입니다.

그레이스케일 이미지에서 비트심도는 각 픽셀이 표현할 수 있는 색상(명암)의 수를 결정합니다. 8비트 그레이스케일은 2의 8승, 즉 256가지의 명암 단계를 표현할 수 있어 일반적인 이미지에서 충분히 부드러운 계조를 표현하기에 적합합니다. 따라서 일반적으로 그레이스케일의 최대 비트심도는 8비트입니다.

웹 컬러 디자인의 주된 목적은 시각적인 아름다움(심미적), 특정 감정이나 이미지를 불러일으키는 것(연상적), 그리고 특정 의미를 전달하는 것(상징적)입니다. 레이아웃은 주로 요소들의 배치와 구조를 다루는 것으로, 색상 자체의 직접적인 목적과는 거리가 있습니다. 따라서 레이아웃의 목적은 웹 컬러 디자인의 주된 목적과 맞지 않습니다.

컴퓨터 그래픽스 시스템에서 입력 장치는 사용자가 컴퓨터에 데이터를 전달하는 장치를 의미합니다. 키보드, 마우스, 스캐너는 모두 사용자의 조작이나 외부 정보를 컴퓨터로 입력하는 역할을 합니다. 반면 빔 프로젝션은 컴퓨터의 그래픽 정보를 화면에 출력하는 장치이므로 입력 장치로 볼 수 없습니다.

정답은 1번입니다. 웹사이트 사용 편리성을 높이기 위해서는 사용자가 기다리는 시간을 최소화하는 것이 중요합니다. 화려한 인트로 페이지는 로딩 시간을 늘려 사용자 경험을 저해할 수 있습니다. 반면, 이미지 해상도 조절, 링크 설명 제공, 정보 과부하 방지는 모두 사용자 편의성을 높이는 요소입니다.

PNG 파일 포맷은 **무손실 압축**을 사용하여 이미지 품질을 유지하면서 파일 크기를 줄이는 데 효과적입니다. 따라서 1번 보기처럼 압축 기법을 사용하지 않는다는 설명은 틀렸습니다. PNG는 GIF의 투명도와 JPEG의 트루컬러 지원 장점을 결합한 포맷으로, 다양한 색상 표현과 투명도 설정이 가능합니다.

정답은 3번 미니어처 효과입니다. 미니어처 효과는 실제 사물의 축소 모형을 만들어 촬영한 후, 이를 애니메이션 기법과 결합하여 독특한 시각적 효과를 만들어내는 방식입니다. 마치 실제 세계가 작아진 듯한 느낌을 주며, 이는 영화나 광고 등에서 자주 활용됩니다.

정답은 4번 아이디어스케치입니다. 아이디어스케치는 종이에 다양한 구성을 그려보며 홈페이지의 핵심 컨셉을 구체화하는 초기 디자인 작업입니다. 이는 브레인스토밍처럼 자유로운 아이디어 발상 단계를 넘어, 시각적인 형태로 아이디어를 탐색하고 발전시키는 과정입니다. 벤치마킹은 경쟁사 분석, 콘텐츠 디자인은 실제 콘텐츠 제작과 관련된 단계이므로 문제에서 설명하는 초기 구성 탐색과는 거리가 있습니다.