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

정답은 1번입니다. 소극적 입체는 현실적으로 존재하는 형이 아니라, 추상적인 개념이나 상상 속의 형을 의미합니다. 입체는 면이 이동하거나 회전하여 만들어지는 것으로, 보기 2, 3번은 이러한 생성 원리를 설명합니다. 보기 4번은 순수한 입체의 예시를 올바르게 제시하고 있습니다.

정답은 **2. 율동**입니다. 율동은 디자인 요소들 사이에 시각적인 힘의 강약이 규칙적으로 반복되어 생기는 리듬감을 말합니다. 이러한 반복적인 흐름은 시각적인 움직임을 만들어내고, 보는 사람에게 즐거움과 흥미를 유발합니다. 따라서 강한 힘과 약한 힘의 규칙적인 연속은 율동의 핵심적인 특징입니다.

제품 디자인은 물리적인 형태를 가진 제품의 기능, 심미성, 사용성을 개선하는 분야입니다. 완구, 가전, 가구 디자인은 모두 실제 사용되는 제품을 디자인하므로 제품 디자인과 밀접한 관련이 있습니다. 반면 영상 디자인은 시각적인 정보 전달에 초점을 맞추는 분야로, 물리적인 제품을 직접 다루지 않기 때문에 제품 디자인 분야와는 거리가 멉니다.

정답은 3번 '디자인은 모든 사람의 일상이다'입니다. 디자인은 단순히 예술적인 창작물을 넘어, 우리가 매일 사용하는 물건, 경험하는 서비스 등 우리 삶의 모든 측면에 깊숙이 관여하고 있습니다. 따라서 디자인은 특별한 사람만이 하는 것이 아니라, 우리 모두가 일상 속에서 경험하고 영향을 받는 보편적인 개념입니다.

정답은 1번입니다. 게슈탈트 심리 원리는 인간의 시각이 형태를 인식할 때 무의식적으로 적용하는 기본 법칙들을 설명합니다. **연속성**은 점이나 선이 이어져 보이는 경향, **근접성**은 가까이 있는 것들을 하나의 그룹으로 인식하는 경향, **유사성**은 비슷한 것들을 묶어보는 경향, **폐쇄성**은 불완전한 형태를 완전하게 지각하려는 경향을 나타냅니다. 이러한 원리들은 시각적 정보가 어떻게 조직화되고 해석되는지를 보여줍니다.

색채를 과학적으로 정리하여 스펙트럼을 7색(빨강, 주황, 노랑, 초록, 파랑, 남색, 보라)으로 분리한 사람은 **뉴턴**입니다. 그는 프리즘을 이용한 빛의 분산 실험을 통해 백색광이 여러 색깔의 빛으로 이루어져 있음을 증명했으며, 이를 통해 색채의 과학적 이해에 큰 발전을 가져왔습니다.

쇠라의 "그랑자트섬의 일요일 오후"에서 사용된 색의 혼합은 **병치 혼합**입니다. 이는 물감을 섞지 않고 작은 점이나 선으로 색을 칠한 뒤, 관람자의 눈에서 색이 자연스럽게 섞이도록 하는 기법입니다. 이를 통해 빛의 효과를 극대화하고 생생한 색감을 표현하고자 했습니다.

저채도의 배색은 색의 순수함이 낮아 부드럽고 차분한 느낌을 줍니다. 이는 색상 자체의 강렬함이나 자극성이 줄어들기 때문입니다. 따라서 보기 중 저채도의 배색이 주는 느낌으로 가장 적절한 것은 '부드러운 느낌'입니다.

디자인 통일성은 시각적인 조화와 일관성을 통해 이루어집니다. 요소들을 **근접, 반복, 연속**시키는 것은 서로 연관성을 부여하고 시각적 흐름을 만들어 통일감을 높이는 방법입니다. 반면, 요소들을 **분리**시키는 것은 오히려 각 요소가 독립적으로 보이게 하여 통일성을 해치는 행동입니다. 따라서 디자인에 통일성을 부여하는 방법으로 거리가 먼 것은 '분리'입니다.

민들레 홀씨 그림에서는 수많은 홀씨들이 바람에 흩날리며 만들어내는 **반복적인 움직임**이 느껴집니다. 이러한 반복적인 형태와 움직임은 시각적으로 **리듬감**을 형성하며, 이는 디자인의 **율동** 원리에 해당합니다. 따라서 그림에서 느낄 수 있는 디자인 원리는 율동입니다.

먼셀 색입체는 색상, 명도, 채도의 세 가지 속성을 3차원 좌표로 표현하여 색을 시각적으로 이해하기 쉽게 만든 체계입니다. 정답이 3번인 이유는, 먼셀 색입체는 이론적인 색 공간을 나타낼 뿐 실제로 존재하는 모든 물체색을 완벽하게 포함하지는 않기 때문입니다. 따라서 모든 물체색을 색입체에 담을 수 없다는 점이 틀린 설명입니다.

정답은 **1. 후퇴색**입니다. **후퇴색**은 시각적으로 뒤로 물러나는 것처럼 보이는 색상을 말합니다. 차가운 색이나 명도가 낮은 색이 주로 후퇴색으로 인식되며, 문제에서 언급된 파란색이 이에 해당합니다. 반대로 노란색은 앞으로 나오는 것처럼 보이는 **진출색**에 해당하여, 같은 거리에 있어도 파란색이 더 멀게 느껴지는 것입니다.

이 문제는 황금비율을 설명하고 있습니다. 황금비율은 약 1.618의 비율로, 고대 그리스부터 미학적으로 아름답다고 여겨져 왔습니다. 자연, 예술, 건축 등 다양한 분야에서 발견되며 안정감과 조화를 주는 비율로 인식됩니다.

정답은 1번 '점증'입니다. 원근법을 적용하여 고층 빌딩, 고가 도로, 가로등 등을 표현할 때, 멀리 있는 물체는 작게, 가까이 있는 물체는 크게 보이도록 점차적으로 크기를 조절하는 것이 중요합니다. 이러한 '점증'의 원리는 공간감을 효과적으로 나타내어 그림에 깊이와 사실감을 더해줍니다.

이 문제는 시각적 경험에서 나타나는 현상을 묻고 있습니다. 정답은 '잔상'인데, 이는 특정 시각 자극을 오랫동안 본 후 시각이 사라져도 잠시 동안 그 이미지나 색상이 남아있는 현상을 말합니다. 왼쪽 원을 본 후 오른쪽 원을 볼 때, 이전 원의 이미지가 남아있어 원래의 오른쪽 원과는 다르게 보이게 됩니다. 따라서 이 현상은 잔상으로 설명됩니다.

빅터 파파넥은 디자인이 단순히 보기 좋은 것을 넘어, 사회적, 환경적 문제를 해결하고 실질적인 효용을 제공해야 한다고 주장했습니다. 보기 중 '효과'는 디자인의 복합 기능에 포함되지 않습니다. 파파넥은 디자인이 '방법'으로서 문제 해결을 돕고, '연상'을 통해 새로운 관점을 제시하며, 궁극적으로 '미학'적 만족감을 제공해야 한다고 보았습니다.

빨간색이 가장 선명하고 뚜렷하게 보이려면 주변 색상과의 대비가 중요합니다. 보기 중 흰색은 빨간색과 명도 대비가 커서 빨간색을 가장 돋보이게 만듭니다. 반면 주황색이나 노란색은 빨간색과 유사한 색상이라 대비가 약하고, 보라색은 보색 관계에 가까워 강렬한 대비를 이루지만, 일반적으로 흰색이 가장 안정적이고 명확한 대비를 제공합니다.

디자인의 독창성은 기존에 없던 새로운 아이디어나 표현 방식을 통해 **개성적인 미의식**을 만들어내는 것을 의미합니다. 이는 단순히 비용 효율성이나 목적 달성, 혹은 개선을 넘어, 디자이너만의 고유한 시각과 감성을 담아내어 차별화된 결과물을 창출하는 데 초점을 맞춥니다. 따라서 4번이 디자인 독창성에 대한 가장 옳은 설명입니다.

이 문제는 디자인에서 시각적 힘의 강약으로 감정 효과를 주는 요소를 묻고 있습니다. 정답은 **대비**입니다. 대비는 서로 다른 요소들이 만나 발생하며, 이러한 차이가 시각적인 흥미와 긴장감을 유발하여 감정적인 반응을 이끌어냅니다. 다른 보기들은 대비와는 다른 방식으로 시각적 효과를 나타냅니다.

웹디자인은 시각적인 요소들을 활용하여 정보를 전달하고 사용자 경험을 설계하는 분야입니다. 따라서 시각 디자인의 하위 분야로 분류됩니다. 시각 디자인은 그래픽 디자인, 일러스트레이션 등과 함께 시각적 커뮤니케이션을 목적으로 하는 모든 디자인을 포함합니다.

구글은 래리 페이지와 세르게이 브린이 공동 창립했으며, 데이비드 필로는 야후의 공동 창립자입니다. 따라서 1번 보기는 틀렸습니다. 구글은 키워드 검색 방식을 사용하며, 스톱워드(자주 사용되지만 검색 결과에 큰 영향을 주지 않는 단어)를 활용하여 검색 속도를 높입니다. 또한, 검색 결과에서 페이지 내용을 미리 볼 수 있는 기능을 제공합니다.

HTML 문서에 대한 정보를 제공하는 자바스크립트 객체는 **document**입니다. `document` 객체는 웹 페이지의 전체 내용을 나타내며, HTML 요소에 접근하고 조작하는 데 사용됩니다. 예를 들어, `document.getElementById()` 메서드를 사용하여 특정 HTML 요소를 선택하거나 `document.createElement()`를 사용하여 새로운 요소를 만들 수 있습니다.

HTML에서 하이퍼링크를 클릭했을 때 새로운 창을 열어 문서를 연결하려면 `target="_blank"` 속성을 사용합니다. `_blank`는 링크를 새 탭이나 새 창에서 열도록 지정하는 표준 속성입니다. 따라서 문제의 ①에 들어갈 옳은 옵션은 `_blank`입니다. **핵심 개념:** `target` 속성은 하이퍼링크가 열릴 위치를 지정하며, `_blank`는 새로운 창이나 탭을 의미합니다.

회선 교환은 데이터 교환 전에 물리적인 통신 경로를 미리 설정합니다. 반면 메시지 교환, 데이터그램 패킷 교환, 가상 회선 패킷 교환은 데이터를 패킷 단위로 분할하여 전송하며, 각 패킷은 독립적으로 경로를 탐색할 수 있습니다. 따라서 전송 대역폭을 비교 기준으로 삼을 때, 회선 교환은 고정된 대역폭을 할당받는 방식이므로 다른 방식들과 구별됩니다.

인트라넷은 조직 내부에서만 사용되는 네트워크로, 사내 표준화 및 문서 환경 구축에 유리하며 일반적으로 웹 기술을 기반으로 하여 구축 비용이 저렴한 편입니다. 반면, 특정 플랫폼만을 지원하는 것은 인트라넷의 장점이라고 보기 어렵습니다. 오히려 다양한 기기 및 운영체제에서 접근 가능하도록 하는 것이 인트라넷의 효율성을 높이는 요소입니다.

정답은 3번입니다. 3번 보기는 웹사이트의 전체적인 분위기, 개인/회사 홍보, 커뮤니티 형성 등 내비게이션의 기능과는 직접적인 관련이 없는 내용을 설명하고 있습니다. 웹사이트 내비게이션의 핵심 개념은 사용자가 웹사이트 내에서 원하는 정보를 쉽게 찾고 이동할 수 있도록 돕는 **구조와 인터페이스**입니다. 이는 콘텐츠를 체계화하고 연결하며, 일관된 디자인 요소를 통해 사용자 경험을 향상시키는 데 중점을 둡니다.

전자메일 서비스는 주로 메일을 주고받거나 가져오는 데 사용되는 프로토콜들을 활용합니다. IMAP, POP3, SMTP는 각각 메일을 서버에서 읽어오거나(IMAP, POP3), 서버로 보내는(SMTP) 데 사용되는 표준 프로토콜입니다. 반면 NNTP는 뉴스그룹(Usenet) 메시지를 주고받는 데 사용되는 프로토콜로, 전자메일과는 직접적인 관련이 없습니다.

이 문제는 인터넷을 통해 원하는 정보를 얻는 과정을 묻고 있습니다. 정답인 '정보검색'은 사용자가 특정 목적을 달성하기 위해 인터넷에서 필요한 정보를 찾아내는 일련의 활동을 의미합니다. 검색엔진은 정보검색을 돕는 도구이며, 월드 와이드 웹은 정보가 존재하는 공간, 위즈윅은 편집 방식을 나타내므로 문제의 핵심 개념과는 거리가 있습니다.

2번 보기가 틀린 이유는 자바스크립트는 VRML과 같은 인터넷 자원과도 상호작용할 수 있기 때문입니다. 자바스크립트는 웹 브라우저를 넘어 다양한 환경에서 실행될 수 있으며, 네트워크 통신을 통해 데이터를 주고받는 것이 가능합니다. 따라서 웹 브라우저와의 상호작용만을 제한하는 설명은 잘못되었습니다.

인터넷 익스플로러 6.0에서 한글 파일명이 깨져 보이는 문제는 주로 인코딩 방식의 충돌 때문에 발생합니다. 정답인 1번은 "URL을 항상 UTF-8로 보냄" 설정을 해제함으로써, 웹페이지나 그림 파일의 한글 인코딩 방식을 시스템 기본 설정에 맞추어 정상적으로 표시되도록 유도하는 것입니다. 이는 웹 브라우저가 파일명을 해석하는 방식을 조절하여 호환성 문제를 해결하는 핵심 개념입니다.

HTML 문서에서 전자 메일 링크를 설정할 때는 `mailto:` 스킴을 사용해야 합니다. `mailto:`는 웹 브라우저에게 해당 주소로 이메일을 보내는 기본 메일 클라이언트를 실행하도록 지시하는 표준 프로토콜입니다. 따라서 `mailto:korea@hrdkorea.or.kr`과 같이 작성해야 올바른 전자 메일 링크가 생성됩니다.

이 자바스크립트 코드는 `alert()` 함수를 사용하여 "Welcome to the Morning Glory"라는 메시지를 포함하는 팝업 창을 띄웁니다. `alert()` 함수는 브라우저에서 사용자에게 메시지를 알리는 데 사용되는 표준 자바스크립트 기능입니다. 따라서 페이지가 로드될 때 이 메시지 창이 자동으로 나타나는 것이 올바른 결과입니다.

정답은 4번 ISDN입니다. ISDN(Integrated Services Digital Network)은 하나의 디지털 회선을 통해 전화, 팩스, 데이터 통신 등 다양한 서비스를 통합하여 제공하는 종합 통신망입니다. 이는 기존의 아날로그 회선보다 훨씬 빠르고 효율적인 통신을 가능하게 합니다.

알파넷은 냉전 시대에 소련의 핵 공격에도 통신망이 유지될 수 있도록 군사적인 필요성에 의해 만들어졌습니다. 이는 중앙 집중식 통신망의 취약점을 극복하고, 분산된 네트워크를 통해 정보를 안정적으로 주고받을 수 있는 기술을 개발하려는 목적을 가졌습니다. 따라서 군사적 필요성이 알파넷 탄생의 가장 핵심적인 동기였습니다.

대학교 웹 페이지 주소는 일반적으로 '.ac.kr' 도메인을 사용합니다. 이는 'academic'의 약자로, 교육 기관임을 나타냅니다. 따라서 abc 대학교의 웹 페이지 주소로는 1번 'http://www.abc.ac.kr'이 가장 적절합니다. 다른 보기들은 각각 연구기관('.re.kr'), 정부기관('.go.kr'), 영리기업('.co.kr')을 나타내는 도메인이므로 옳지 않습니다.

줄바꿈을 할 때 사용되는 태그는 `
`입니다. `
` 태그는 "break"의 약자로, 텍스트의 흐름을 끊고 다음 줄로 넘어갈 때 사용됩니다. 다른 보기들은 각각 임베디드 콘텐츠 삽입, 문단 구분, 웹 페이지 제목 설정 등 다른 용도로 사용됩니다.

정답은 2번입니다. 자바스크립트는 컴파일 과정 없이 인터프리터 언어로 바로 실행되며, HTML 문서에 삽입되어 브라우저에서 해석됩니다. 따라서 소스 프로그램을 컴파일한 후 삽입한다는 설명은 옳지 않습니다. 나머지 보기는 자바스크립트의 특징을 올바르게 설명하고 있습니다.

TCP는 데이터 전송의 신뢰성을 높이기 위해 순서 보장, 오류 및 중복 해결, 흐름 제어 등의 기능을 제공합니다. 이러한 기능들은 데이터가 안정적으로 전달되도록 보장하며, 이는 TCP가 **연결형 서비스**이기 때문에 가능합니다. 따라서 TCP는 비연결형 서비스라는 설명은 옳지 않습니다.

정답은 3번 메타 검색엔진입니다. 메타 검색엔진은 여러 검색엔진의 결과를 취합하여 중복을 제거하고, 자체 알고리즘으로 관련성 높은 순서대로 재정렬하여 사용자에게 제공하는 방식입니다. 이는 마치 여러 도서관에서 책을 빌려와서 중복된 책은 버리고 가장 유용한 책부터 순서대로 정리해 보여주는 것과 같습니다.

HTML에서 주석은 코드의 가독성을 높이기 위해 사용되며, 브라우저에 의해 무시됩니다. 올바른 HTML 주석 표기법은 ``로 끝나는 형태입니다. 따라서 보기 3번 ``이 HTML 태그를 사용하여 주석을 옳게 표현한 것입니다.

정답은 4번 애니메이션입니다. 애니메이션은 여러 개의 정지된 이미지를 빠르게 연속적으로 보여줌으로써 마치 움직이는 것처럼 착각하게 만드는 시각 기술입니다. 이는 각 이미지 사이의 미묘한 변화를 통해 시간의 흐름과 동작을 표현하는 핵심 개념을 가지고 있습니다.

정답은 4번입니다. 컴퓨터 그래픽스는 디자이너에게 아이디어를 제공하고 발전시키는 데 도움을 줄 수는 있지만, 이는 컴퓨터 그래픽스의 본질적인 개념이라기보다는 부수적인 효과에 가깝습니다. 컴퓨터 그래픽스의 핵심은 컴퓨터를 이용하여 시각적인 이미지를 생성, 조작, 표현하는 기술 자체에 있습니다. 1, 2, 3번은 컴퓨터 그래픽스의 주요 특징 및 활용 분야를 잘 설명하고 있습니다.

정답은 **1번 비트맵**입니다. 비트맵 이미지는 정사각형 모양의 작은 점들인 픽셀(pixel)의 집합으로 구성됩니다. 각 픽셀은 고유한 색상 정보를 가지고 있으며, 이러한 픽셀들이 모여 하나의 이미지를 형성합니다. 따라서 컴퓨터 그래픽에서 이미지를 표현할 때 픽셀들이 모여 이미지를 구성하는 방식은 비트맵 방식이라고 할 수 있습니다.

웹 문서에서 텍스트, 이미지, 멀티미디어 요소를 클릭했을 때 다른 외부 콘텐츠로 이동하게 만드는 기능은 **하이퍼링크**입니다. 하이퍼링크는 사용자가 웹 페이지 간을 탐색하고 원하는 정보에 접근할 수 있도록 연결하는 핵심적인 역할을 합니다. 즉, 클릭 가능한 '연결고리' 역할을 하는 것이 바로 하이퍼링크입니다.

웹사이트 개발은 **프로젝트 기획**으로 시작하여 전반적인 목표와 범위를 설정합니다. 이후 **웹사이트 기획** 단계에서 구체적인 콘텐츠와 디자인을 설계하고, **웹사이트 구축**을 통해 실제 웹사이트를 만듭니다. 마지막으로 **유지 및 관리**를 통해 웹사이트를 최신 상태로 유지하고 개선합니다. 따라서 3번이 올바른 순서입니다.

이 문제는 실제 사람의 움직임을 애니메이션으로 만드는 기술을 묻고 있습니다. 정답은 '로토스코핑'으로, 실제 촬영된 영상을 한 프레임씩 따라 그리면서 애니메이션을 만드는 기법입니다. 모션 캡처는 센서를 이용해 움직임을 디지털 데이터로 변환하는 방식이며, 플립북은 여러 장의 그림을 빠르게 넘겨 움직임처럼 보이게 하는 방식입니다. 모핑은 한 형태가 다른 형태로 자연스럽게 변하는 시각 효과입니다.

정답은 4번 프리미어입니다. 프리미어는 어도비에서 개발한 전문적인 동영상 편집 소프트웨어로, 타임라인 기반 편집, 다양한 영상 포맷 지원, 효과 및 전환 기능 등을 제공합니다. 1번 쿼크 익스프레스는 출판 및 인쇄물 디자인에, 2번 일러스트레이터와 3번 포토샵은 그래픽 디자인 및 이미지 편집에 주로 사용되는 프로그램입니다.

비트맵 이미지는 픽셀이라는 작은 점들의 집합으로 이미지를 표현하기 때문에, 확대 시 픽셀이 눈에 띄어 계단 현상이 발생합니다. 또한, Photoshop과 같은 소프트웨어로 편집하며, 로고나 심볼과 같이 선명하고 깔끔한 표현이 중요한 작업에는 벡터 이미지가 더 적합합니다.

웹 페이지 제작 시 고려사항으로 거리가 먼 것은 '획일성(Uniformity)'입니다. 웹 페이지는 다양한 사용자의 요구와 목적에 맞춰 개별적인 디자인과 기능을 제공해야 하므로, 모든 페이지가 똑같을 필요는 없습니다. 오히려 정보의 구조화(조직성), 사용자 경험의 통일성(일관성), 그리고 제작 및 유지보수의 효율성(경제성)이 중요하게 고려됩니다.

애니메이션에서 각 장면을 표현하는 가장 기본적인 단위는 **프레임**입니다. 프레임은 아주 짧은 시간 동안 보여지는 하나의 정지된 이미지를 의미하며, 이러한 프레임들이 빠르게 연속적으로 재생되면서 움직임이 만들어져 우리가 애니메이션을 보는 것처럼 느끼게 됩니다. 따라서 애니메이션은 수많은 프레임들의 집합으로 이루어진다고 할 수 있습니다.

이미지 파일 포맷 중 투명 효과를 지원하는 것은 PNG와 GIF입니다. JPG는 투명 효과를 지원하지 않으며, BMP는 일반적으로 투명 효과를 지원하지 않습니다. 따라서 정답은 PNG와 GIF를 포함하는 2번입니다.

정답은 1번입니다. 해상도는 이미지를 구성하는 최소 단위인 픽셀(Pixel) 또는 도트(dot)의 개수로, 이미지가 얼마나 세밀하게 표현되는지를 나타내는 척도입니다. 픽셀 수가 많을수록 더 선명하고 디테일한 이미지를 얻을 수 있으며, 이를 '고해상도'라고 합니다.

웹 페이지 레이아웃 디자인 시, 사용자가 정보를 쉽게 찾도록 단순하고 일관성 있게 구성하는 것이 중요합니다. 핵심은 **중요한 콘텐츠를 먼저 배치**하여 사용자의 시선을 사로잡고 원하는 정보를 빠르게 얻도록 돕는 것입니다. 따라서 세부 콘텐츠를 먼저 배치하는 것은 레이아웃 디자인의 우선순위에 맞지 않습니다.

정답은 2번 Whirlwind입니다. Whirlwind 알고리즘은 이미지의 해상도를 변경할 때 발생하는 픽셀 값의 왜곡을 최소화하기 위해 주변 픽셀들의 값을 복합적으로 고려하는 리샘플링 기법입니다. 이는 이미지의 선명도를 유지하면서 크기를 조절하는 데 효과적입니다.

제시된 문제는 특정 소프트웨어나 디자인 요소를 직접적으로 설명하기보다는, 사용자와 컴퓨터 프로그램 간의 상호작용 방식을 묻고 있습니다. 따라서 정답은 '인터페이스'이며, 이는 사용자가 컴퓨터 시스템이나 소프트웨어와 소통하고 조작할 수 있도록 시각적으로 구성된 모든 요소들을 포괄하는 개념입니다. 즉, 버튼, 메뉴, 아이콘 등 사용자가 직접 보고 조작하는 모든 것이 인터페이스에 해당합니다.

컴퓨터 그래픽스 시스템의 출력 장치는 컴퓨터의 처리 결과를 시각적, 물리적 형태로 사용자에게 보여주는 장치입니다. 보기 2번에서 언급된 스캐너는 오히려 컴퓨터 내부로 정보를 입력받는 입력 장치에 해당하므로 옳지 않습니다. 나머지 보기들은 모두 출력 장치의 역할과 예시에 해당합니다.

정답은 **Whirlwind**입니다. Whirlwind는 1950년대 MIT에서 개발된 최초의 실시간 컴퓨터 중 하나로, CRT 디스플레이를 통해 시각적 출력을 제공했습니다. 또한, 오퍼레이터의 조작과 하드카피 생성을 위한 카메라 기능을 갖추고 있어 당시로서는 혁신적인 컴퓨터였습니다.

그래픽 편집 프로그램은 그림, 문자, 도형 등을 편집하는 데 사용되며, 도안 작업, 페인팅, 리터칭, 합성 등 다양한 기능을 제공합니다. 포토샵, 페인터, 일러스트레이터 등이 대표적인 예시입니다. 4번 보기는 건축, 인테리어의 3D 이미지와 방송용 영상만을 제작한다고 설명하고 있는데, 이는 그래픽 편집 프로그램의 범위를 넘어서는 내용이며, 건축, 인테리어, 영상 제작은 전문적인 별도의 프로그램들을 통해 이루어지는 경우가 많습니다.

UI 디자인에서 사용자의 다양한 경험이나 개인 선호도, 능력의 차이를 모두 고려하여 개인의 특성에 맞추는 것은 현실적으로 어렵고, 오히려 디자인의 복잡성을 높일 수 있습니다. 대신, **보편적인 사용 편의성, 심미적 구성, 그리고 일관성**을 유지하는 것이 모든 사용자에게 효과적인 UI를 제공하는 데 더 중요합니다. 따라서 개인성을 지나치게 강조하는 것은 UI 디자인의 일반적인 고려사항으로 부적절합니다.

이 문제는 격자 시스템(Grid System)을 설명하고 있습니다. 격자 시스템은 웹사이트나 애플리케이션의 레이아웃을 구성하기 위해 사용되는 것으로, 화면을 가상의 격자로 나누어 콘텐츠를 배치하는 방식입니다. 이를 통해 일관성 있고 반응형인 디자인을 구현할 수 있습니다.