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

디자인의 조건은 **합목적성, 심미성, 경제성**입니다. 합목적성은 디자인이 의도된 목적을 잘 수행하는 것을, 심미성은 보는 사람에게 아름다움을 주는 것을, 경제성은 생산 및 사용에 있어 효율성을 의미합니다. **유통성**은 디자인 자체의 조건이라기보다는 상품화 과정에서의 고려사항에 해당하므로 디자인의 필수 조건에 포함되지 않습니다.

정답은 **1. 가시광선**입니다. **해설:** 가시광선은 인간의 눈으로 감지할 수 있는 특정 파장 범위의 전자기파를 의미하며, 이 파장들이 우리의 뇌에서 색채로 지각됩니다. 색청은 소리를 색으로 느끼는 공감각이고, 색각은 색을 구분하는 능력, 지각색은 실제로 인지되는 색을 말합니다.

미술공예운동은 19세기 후반 영국에서 시작되었으며, 기계화와 대량생산으로 인해 수공예품의 가치가 떨어지고 생활용품의 품질이 저하되는 것에 대한 반발로 일어났습니다. 이에 대한 대안으로, 예술가들은 아름답고 실용적인 수공예품을 다시 생산하여 삶의 질을 향상시키고자 했습니다.

이 문제는 빛의 혼합 방식을 묻고 있습니다. 정답은 2번 가산 혼합으로, 여러 색의 빛을 섞을수록 더 밝아져 최종적으로 흰색에 가까워지는 방식입니다. 이는 물감을 섞을수록 어두워지는 감산 혼합과 대비되는 개념입니다.

이 문제는 빛과 그림자의 상호작용을 통해 사물의 입체감과 깊이감을 표현하는 **음영**에 대해 묻고 있습니다. 보기 중 음영은 빛의 밝고 어두운 정도를 나타내며, 이는 사물의 형태를 더욱 명확하게 인식하게 하는 중요한 시각적 요소입니다. 따라서 정답은 4번 음영입니다.

주전자, 냉장고, 자동차는 모두 사용자의 편의성과 기능성을 고려하여 설계되는 '물건'입니다. 이러한 제품들의 형태, 재질, 사용 방식 등을 구체적으로 디자인하는 영역은 **제품디자인**입니다. 따라서 정답은 4번 제품디자인입니다.

정답은 4번 한난대비입니다. 한난대비는 따뜻한 색과 차가운 색이 함께 있을 때 서로의 색감이 더욱 강조되는 현상을 말합니다. 따뜻한 색은 더 따뜻하게, 차가운 색은 더 차갑게 느껴지며, 이는 색이 가진 온도감을 통해 시각적인 흥미를 유발하는 중요한 색채 원리입니다.

정답은 4번입니다. 고딕 건축은 높은 천장과 뾰족한 아치를 통해 신성함과 숭고함을 표현하는데, 이러한 특징은 **수직선**의 강렬한 상승감과 연결됩니다. 1번은 면의 한계나 교차로 생기는 선은 오히려 수동적인 느낌을 줄 수 있으며, 2번의 수평선은 안정감, 휴식 등을 나타냅니다. 3번의 점과 점이 이어져 생기는 선은 오히려 능동적인 움직임을 나타냅니다.

이 문제는 **주변과의 대비에 의한 착시현상**입니다. 위쪽 원은 주변의 꽃잎이 더 작아 보이게 만들어 상대적으로 원이 더 크게 느껴집니다. 반면 아래쪽 원은 주변 꽃잎이 더 커서 상대적으로 원이 작아 보이는 효과를 줍니다. 즉, 실제 크기는 같지만 주변 환경과의 비교 때문에 크기가 다르게 인지되는 현상입니다.

이 디자인 원리는 시각적 무게감을 통해 안정감과 질서를 부여하는 '균형'입니다. 균형은 요소들이 한쪽으로 치우치지 않고 전체적으로 안정적인 느낌을 주도록 배치하는 것을 의미합니다. 이는 대칭적일 수도 있고 비대칭적일 수도 있으며, 시각적 중심을 잡아주어 편안하고 안정적인 구성을 만듭니다.

색의 3속성은 색상을 구분하는 '색상', 색의 밝고 어두움을 나타내는 '명도', 그리고 색의 순수하고 탁함을 나타내는 '채도'입니다. '대비'는 두 색이 서로 영향을 주어 차이가 두드러지는 현상을 의미하므로 색의 3속성에 포함되지 않습니다. 따라서 정답은 3번 대비입니다.

정답은 1번입니다. 촉각적 질감은 실제로 만져서 느낄 수 있는 표면의 감촉을 의미하며, 이는 장식적, 자연적, 기계적 질감 등으로 분류되지 않습니다. 촉각적 질감은 눈으로 보고 손으로 만져서 느낄 수 있으며, 2차원 표면뿐만 아니라 3차원 양각으로도 표현될 수 있습니다. 자연 재료 사용, 재료 변형, 재료 복합 등의 방법으로 연출됩니다.

정답은 2번 구성주의입니다. 구성주의는 예술과 디자인에서 실용성과 기능성을 강조하며, 사회적으로는 교육과 학습 방식에 큰 영향을 미쳤습니다. 핵심 개념은 '기능이 형태를 결정한다'는 것으로, 불필요한 장식을 배제하고 목적에 맞는 형태로 디자인하는 것을 추구했습니다.

정답은 2번 황색입니다. 황색은 주의를 나타내는 색으로, 위험 경고나 주의가 필요한 장소를 표시하는 데 사용됩니다. 특히 돌출부위나 계단 등에서 넘어지거나 부딪힐 위험이 있는 곳에 황색으로 표시하여 사람들의 주의를 환기시키는 역할을 합니다.

정답은 4번입니다. 디자인이라는 용어는 1940년대 이전에도 사용되었으며, 바우하우스는 디자인 이념을 정립하는 데 중요한 역할을 했지만 용어를 처음 사용한 것은 아닙니다. 디자인은 단순히 그림이나 모형을 넘어, 인간의 삶을 개선하는 조형 행위라는 점이 핵심 개념입니다.

## 문제 해설 주어진 공식 V(디자인가치) = P(성능)/C(비용)는 디자인의 가치를 성능과 비용의 비율로 나타냅니다. 따라서 디자인 가치를 높이기 위해서는 성능을 높이거나 비용을 낮추는 것이 중요합니다. **정답: 2번 경제성** **이유:** 경제성은 디자인에 투입되는 비용을 최소화하는 것을 의미합니다. 성능을 유지하면서 비용을 절감하면 공식에 따라 디자인 가치가 상승하게 됩니다. 따라서 경제성은 디자인 가치 공식과 직접적인 관련이 있습니다. **핵심 개념:** * **디자인 가치:** 디자인이 제공하는 효용이나 만족도를 수치화한 것. * **성능:** 디자인이 얼마나 잘 작동하는지, 기능적인 측면을 나타냄. * **비용:** 디자인을 구현하거나 생산하는 데 드는 금전적, 시간적 자원. * **경제성:** 최소한의 비용으로 최대의 효과를 얻으려는 원칙.

컬러 인쇄를 위해 C, M, Y, K 네 가지 색상의 네거필름을 만드는 과정은 **색분해**라고 합니다. 이는 원본 이미지를 각 색상별로 분리하여 인쇄에 필요한 필름을 만드는 과정입니다. 색분해를 통해 각 색상의 농도와 분포를 정확하게 파악하여 최종 인쇄물의 색상을 재현할 수 있습니다.

정답은 2번 기하학적 형태입니다. 기하학적 형태는 점, 선, 면과 같은 기본적인 수학적 개념을 기반으로 하며, 정의된 규칙과 비례에 따라 명확하게 구성됩니다. 이러한 규칙성은 가장 뚜렷한 질서를 부여하며, 이는 수학적 법칙과 직접적으로 연결됩니다. 반면, 유기적, 내부적, 자연적 형태는 종종 불규칙적이거나 복잡한 패턴을 가지므로 수학적 법칙과의 직접적인 연관성이 기하학적 형태만큼 뚜렷하지 않습니다.

배색 시 고려해야 할 사항으로 적절하지 않은 것은 4번입니다. 배색은 단순히 아름다움만을 추구하는 것이 아니라, 사물의 성능, 사용자 특성, 전달하려는 목적 등을 종합적으로 고려해야 합니다. 따라서 목적과 관계없이 아름다움만을 우선시하고 타 제품에 비해 튀는 색으로 배색하는 것은 바람직하지 않습니다. 핵심 개념은 **목적성, 기능성, 사용자 고려**입니다.

색의 점증은 디자인의 원리 중 **율동** 영역에 속합니다. 이는 색의 변화나 점진적인 증감을 통해 시각적인 움직임과 흐름을 만들어내기 때문입니다. 이러한 율동감은 디자인에 생동감을 부여하고 시선을 자연스럽게 유도하는 역할을 합니다.

정답은 1번입니다. 모자이크(Mosaic)는 윈도우(Windows) 운영체제에서 사용할 수 있었던 웹 브라우저이며, 도스(DOS) 운영체제에서는 사용할 수 없었습니다. 웹 브라우저는 인터넷상의 정보를 검색하고 하이퍼텍스트 문서를 읽는 응용 프로그램으로, 인터넷 익스플로러와 같은 다양한 종류가 존재합니다.

전자우편 헤더에서 'Bcc'는 "Blind Carbon Copy"의 약자로, 숨은 참조자를 나타냅니다. Bcc에 포함된 수신자는 다른 수신자들에게 자신의 이메일 주소가 공개되지 않습니다. 이는 이메일 발신자가 수신자들의 개인정보를 보호하거나, 특정 수신자에게만 비밀리에 이메일을 전달하고자 할 때 사용되는 기능입니다.

정답은 1번 〈HR〉 태그입니다. 〈HR〉 태그는 수평선을 그려 문서의 내용 구분을 돕는 시각적인 요소이며, 문자의 굵기, 크기, 강조, 색상과는 직접적인 관련이 없습니다. 반면, 〈B〉는 굵게, 〈U〉는 밑줄, 〈SUB〉는 아래 첨자로 문자를 표현하는 태그입니다.

이 문제는 웹페이지 저작 도구를 묻고 있습니다. 보기 중 플래시는 과거 웹사이트에서 애니메이션, 동영상, 게임 등을 구현하는 데 널리 사용되었던 멀티미디어 저작 도구입니다. 따라서 주어진 설명은 플래시에 해당합니다. 드림위버는 웹사이트 코딩 및 디자인 도구이고, 자바스크립트는 웹페이지를 동적으로 만드는 스크립트 언어이며, 포토샵은 이미지 편집 도구로, 플래시와는 기능이 다릅니다.

정답은 2번 CSS입니다. CSS(Cascading Style Sheets)는 웹 페이지의 디자인과 레이아웃을 꾸미는 데 사용되는 스타일 시트 언어입니다. 웹 서버에서 동작하며 데이터를 가공하여 새로운 결과 문서를 반환하는 데는 ASP, PHP, JSP와 같은 서버 측 스크립트 언어가 사용됩니다. CSS는 클라이언트 측에서 웹 페이지의 시각적인 표현을 담당하며, 데이터 가공 및 서버 로직과는 관련이 없습니다.

IP 주소는 네트워크 상에서 장치를 식별하는 고유한 번호입니다. 문제에서 설명하는 8비트씩 4개의 옷텟, 총 32비트로 구성된 IP 주소 체계는 **IPv4**입니다. IPv4는 현재 가장 널리 사용되는 IP 주소 체계이며, 각 옷텟은 0부터 255까지의 숫자로 표현됩니다. IPv6는 128비트로 구성되어 IPv4보다 훨씬 많은 주소를 제공합니다.

정답은 3번입니다. 1990년은 NSFNET이 해체된 해가 아니라, 오히려 NSFNET이 ARPANET을 대체하며 인터넷의 기반을 넓혀간 중요한 시기였습니다. ARPANET은 1990년에 공식적으로 종료되었고, NSFNET이 그 역할을 이어받아 상업적인 인터넷의 성장 발판을 마련했습니다.

HTML 태그는 웹 페이지의 구조를 정의하는 데 사용되며, 대부분 시작 태그와 종료 태그를 함께 가집니다. 하지만 ``나 `
`과 같이 일부 태그는 종료 태그가 필요 없습니다. 또한 HTML은 대소문자를 구별하지 않으며, 들여쓰기는 코드의 가독성을 높일 뿐 웹 브라우저에 직접적인 영향을 주지 않습니다. **핵심 개념은 HTML 태그 안에 속성을 추가하여 태그의 동작이나 표시 방식을 제어할 수 있다는 점입니다.** 예를 들어, `` 태그에 `src` 속성을 사용하여 이미지 파일 경로를 지정하는 식입니다.

인터넷 광고는 디지털 매체의 특성상 광고 내용 수정이 매우 쉽습니다. 따라서 3번 보기는 인터넷 광고의 특징이 아닙니다. 인터넷 광고는 실시간 성과 측정이 가능하고, 초기 제작 비용이 저렴하며, 정교한 타겟팅이 가능하다는 장점이 있습니다.

정답은 4번 ARP입니다. ARP(Address Resolution Protocol)는 네트워크 상에서 IP 주소와 같은 논리주소를 MAC 주소와 같은 물리주소로 변환하는 역할을 합니다. 이는 같은 네트워크 대역에 있는 장치끼리 통신할 때 상대방의 물리주소를 알아내기 위해 필수적인 과정입니다. TCP, IP, FTP는 각각 통신 방식, 네트워크 계층 프로토콜, 파일 전송 프로토콜로 ARP와는 다른 기능을 수행합니다.

웹 서비스는 일반적으로 그래픽 사용자 인터페이스(GUI)를 통해 제공되어 직관적이고 편리하게 이용할 수 있습니다. 명령어 기반 인터페이스는 초보자가 사용하기 어렵기 때문에 웹 서비스의 특징으로 보기 어렵습니다. 하이퍼미디어, 링크, 멀티미디어 서비스는 웹 서비스의 핵심적인 특징입니다.

자바스크립트 변수명은 숫자로 시작할 수 없습니다. 따라서 '2cond_name'은 숫자 '2'로 시작하기 때문에 유효한 변수명이 아닙니다. 변수명은 문자, 밑줄(_), 또는 달러 기호($)로 시작해야 하며, 이후에는 숫자도 포함될 수 있습니다.

검색 엔진에서 `inter*`는 'inter'로 시작하는 모든 단어를 검색합니다. 보기 1, 2, 3번은 모두 'inter'로 시작하므로 검색됩니다. 하지만 4번 'intranet'은 'intra'로 시작하므로 `inter*` 검색 결과에 포함되지 않습니다. 따라서 정답은 4번입니다. 핵심 개념은 와일드카드 문자(`*`)가 패턴 일치에 사용될 때, 시작 문자열이 일치해야 한다는 것입니다.

이 문제는 HTML의 `` 태그에서 `target` 속성의 값과 그 의미를 묻고 있습니다. `target` 속성은 링크된 문서가 어디에 표시될지를 지정합니다. 정답이 2번인 이유는 `_parent`는 링크된 문서를 현재 프레임의 부모 프레임에 표시하는 것이지, 창 전체에 표시하는 것이 아니기 때문입니다. `_top`이 창 전체에 문서를 표시하는 역할을 합니다. 따라서 2번 보기는 `_parent`의 설명이 틀렸습니다.