11년 1회차
건강 이미지에는 녹색이 가장 적합하다.
녹색은 자연·안정·건강·안전을 연상시키는 색이다.
- 빨강색은 정열·위험·흥분을 연상시킨다.
- 노랑색은 명랑함과 주의를 나타낸다.
- 검정색은 무거움·어둠·엄숙함을 연상시킨다.
합목적성은 사용 목적에 맞는 기능성이며, 의자를 앉을 사람의 몸 치수와 체중에 맞춰 디자인하는 것이 그 예이다.
사용하는 사람의 필요와 조건을 고려한다는 점이 핵심이다.
- 화려함은 심미성과 관련되고 편리성과는 별개이다.
- 장식이 많다는 것은 외형 요소이며 앉기 편함을 보장하지 않는다.
- 아름다움은 심미성 측면이고 신기에 편한 기능과는 구분된다.
몇 가지 기본 색 이름에 수식어를 붙여 부르는 것은 계통색명의 특징이므로 관용색명의 특징이 아니다.
관용색명은 동식물·광물·지명 등에서 유래한 고유한 색 이름이다.
- 시대와 유행에 따라 변해 정확한 전달이 어렵다는 점은 관용색명의 단점이다.
- 색 이름과 어원이 매우 많아 한꺼번에 익히기 어렵다.
- 같은 색을 여러 언어로 표현해 복잡하고 혼동하기 쉽다.
색채 지각의 3요소는 광원·물체·시각(눈)이므로 색채는 3요소가 아니다.
색은 빛이 물체에 닿아 눈에 들어와 지각되는 결과이다.
- 빛(광원)은 색을 보게 하는 필수 요소이다.
- 물체는 빛을 반사·흡수해 색을 만든다.
- 시각(눈)은 색을 받아들이는 감각기관이다.
게슈탈트 시지각 원리 중, 요소들이 가까이 배치되어 있을 때 하나의 그룹으로 지각되는 것이 근접성(접근성)이다. (가)는 사각형들이 가로 방향으로 가깝게 배열되어 수평의 띠로, (나)는 세로 방향으로 가깝게 배열되어 수직의 띠로 지각되는데, 이는 요소 간 거리(간격)의 차이에 의한 그룹화 현상이므로 접근성에 해당한다. 유사성은 모양·크기·색 등의 속성이 비슷할 때 묶여 보이는 원리이므로 이 문제와는 다르다.
웹 안전색상은 216가지이다. 각 RGB 채널에서 호환성이 높은 6단계 색상값을 사용하므로 가지 색상을 표현한다.
나뭇잎은 자연에서 생긴 자연적 질감이므로 기계적 질감이 아니다.
기계적 질감은 인쇄·기계 처리로 만들어지는 규칙적인 질감이다.
- 사진의 망점은 기계적 질감이다.
- 스크린 톤도 기계적 질감이다.
- 텔레비전 주사선도 기계적 질감이다.
외관으로 나타나는 윤곽을 뜻하는 (A)는 형, 형과 모양을 포함하는 더 넓은 의미로 대상의 기본 특성을 제시하는 (B)는 형태입니다.
형(shape)은 눈에 비치는 단순한 모양(2차원)이고, 형태(form)는 여기에 크기·색채·질감까지 갖춘 모양(3차원)이라 형을 포괄합니다.
- A:점, B:형: 점은 위치만 있고 크기가 없어 윤곽을 가질 수 없습니다.
- A:선, B:형태: (A)는 자연적·인공적 모양 가운데 하나로 제시되는데, 선은 점이 이동한 자취로 모양을 이루는 요소일 뿐 모양의 한 갈래가 아닙니다.
- A:형, B:면: 면은 선이 이동한 자취로 길이와 너비를 가진 요소이며, 형과 모양을 포괄하는 더 넓은 개념이 아닙니다.
저드의 색채 조화론은 질서·친근감·유사성·명료성의 원리이므로 모호성의 원리는 해당하지 않는다.
저드는 모호하지 않고 명료한 배색이 조화롭다고 보았다.
- 질서의 원리는 저드 조화론에 포함된다.
- 친근성의 원리는 익숙한 배색이 조화롭다는 원리이다.
- 유사성의 원리는 공통 속성이 있는 색이 조화롭다는 원리이다.
서로 다른 부분의 조합으로 시각적 힘의 강약에 의한 감정효과를 주는 원리는 대비입니다.
대비는 성질이 다른 요소를 함께 두어 서로의 특징을 강하게 드러내며, 그 결과 강약의 효과가 생깁니다.
- 변칙은 규칙적인 질서에서 벗어난 예외적 요소로 변화를 주는 것으로, 서로 다른 부분의 조합에서 생기는 강약 효과 자체를 가리키지 않습니다.
- 통일은 부분들을 하나로 묶어 전체에 일체감을 주는 것입니다.
- 반복은 같은 요소를 되풀이해 리듬을 만드는 것입니다.
윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은 미술공예운동이다.
기계 대량생산으로 생활용품의 품질이 떨어지는 데 반대했다.
- 구성주의는 러시아에서 기하학적 구성과 기능을 중시한 운동이다.
- 미래주의는 이탈리아에서 속도와 기계를 찬양한 운동이다.
- 데 스틸은 네덜란드에서 일어난 신조형주의 운동이다.
환경 디자인은 인간이 활동하는 물리적 환경 전체를 대상으로 하는 분야로, 실내외 공간과 그 속의 자연 요소를 포괄한다. 인테리어 디자인은 실내 환경의 기능성과 미적 가치를 다루고, 원예 디자인과 조경 디자인은 정원, 공원, 외부 공간의 녹화 및 환경 구성을 담당하므로 모두 환경 디자인에 포함된다. 반면 가구 디자인은 이동 가능한 개별 물품의 형태와 기능을 설계하는 분야로, 환경 전체를 대상으로 하지 않고 제품 디자인 범주에 속한다.
CIP의 베이직 시스템은 심벌마크·로고타입·전용서체처럼 기업 이미지의 기본이 되는 요소이다.
베이직 요소를 서식·간판·유니폼 등 실제 매체에 적용한 것이 응용 시스템이다.
- 로고타입·전용색상은 베이직 요소지만, 함께 묶인 서식류가 응용 시스템이다.
- 서식류·제품포장은 응용 시스템에 속한다.
- 유니폼·간판(표지)은 응용 시스템에 속한다.
Number 내장 객체는 숫자 값을 다루는 객체이며, 함수를 정의하는 기능을 제공한다는 설명은 틀렸다.
함수 정의와 관련된 내장 객체는 Function이다.
- 내장 객체는 문자열·수학 처리 등을 위한 객체들로 구성된다.
- Screen 객체는 화면 정보 관련 속성을 제공한다.
- Math 객체는 수학 관련 속성과 메서드를 제공한다.
전자우편 전송에는 SMTP를 사용한다.
SMTP는 메일을 서버로 보내고 서버 사이에서 전달하는 프로토콜이다.
- FTP는 파일 전송 프로토콜이다.
- Telnet은 원격 접속용 프로토콜이다.
- Usenet은 뉴스그룹 토론 서비스이다.
TCP/IP는 운영체제와 기종에 관계없이 쓰이는 공통 규약이므로, Linux·UNIX 워크스테이션이나 미니컴퓨터를 주축으로 운영된다는 설명이 잘못이다.
개인용 컴퓨터·서버·네트워크 장비 등 다양한 기종이 TCP/IP로 통신한다.
- TCP/IP는 인터넷의 기본 통신 규약이다.
- TCP는 전송 계층으로 인터넷 계층인 IP보다 상위에 있다.
- TCP/IP는 인트라넷·엑스트라넷 같은 사설망에서도 쓰인다.
넷스케이프 웹 브라우저의 등장은 1994년으로, 다른 사건보다 늦다. TCP/IP 표준 채택은 1983년, USENET 서비스 시작은 1979년, Gopher와 WAIS 서비스 시작은 1991년이므로 가장 나중에 일어난 것은 넷스케이프의 등장이다.
anonymous FTP는 공개 자료를 내려받게 하는 서비스로, 일반적으로 수신(다운로드)만 허용하고 업로드는 제한한다. 따라서 송·수신이 모두 가능하다는 설명이 틀렸다.
계정 없는 사용자에게 열어 두는 만큼 접근 권한을 좁게 둔다.
- FTP 서버 계정이 없어도 누구나 접근해 파일을 받을 수 있다.
- 사용하는 계정명은 anonymous이다.
- 공개 파일은 일반적으로 pub 디렉터리에 둔다.
테이블과 관련이 없는 태그는 정의 목록의 용어를 나타내는 DT 이다.
DT 는 DL(정의 목록) 안에서 용어를 표시하는 태그로, 표 구성과는 무관하다.
- TR 은 표의 행을 만든다.
- TH 는 표의 제목 셀을 만든다.
- CAPTION 은 표 전체의 제목을 붙이는 태그이다.
건물 내·캠퍼스 정도의 소규모 통신망은 LAN(근거리 통신망) 이다.
LAN 은 한정된 좁은 지역 안의 컴퓨터를 연결한다.
- VAN 은 회선을 빌려 부가 서비스를 제공하는 부가가치 통신망이다.
- WAN 은 국가·대륙 단위의 광역 통신망이다.
- MAN 은 한 도시 정도 범위의 도시권 통신망이다.
설명으로 옳지 않은 것은 서버에서 컴파일하여 HTML 과 별도로 존재한다는 서술이다.
자바스크립트는 브라우저(클라이언트)가 해석·실행하는 스크립트이며 HTML 문서 안에 직접 기술하거나 외부 파일로 연결해 쓴다. 서버에서 컴파일한 결과를 삽입하는 방식이 아니다.
- 사용자와 대화하듯 메시지를 주고받는 페이지는 경고창·입력창·이벤트 처리로 구현할 수 있어 옳다.
- HTML 만으로 불가능한 동적 표현과 프로그램적 활용이 가능하므로 옳다.
- 웹 브라우저에서 쓰는 스크립트 언어이고 HTML 문서 내에 함께 기술할 수 있으므로 옳다.
OSI 7계층에 없는 것은 논리 계층이다.
OSI 7계층은 물리·데이터 링크·네트워크·전송·세션·표현·응용 계층이며 논리 계층은 포함되지 않는다.
- 데이터 링크 계층은 2계층으로 인접 노드 간 프레임 전송을 담당한다.
- 네트워크 계층은 3계층으로 경로 선택(라우팅)을 담당한다.
- 표현 계층은 6계층으로 데이터 형식 변환·암호화를 담당한다.
검색될 수 없는 것은 intranet 이다.
'inter*' 의 *(와일드카드)는 inter 로 시작하는 모든 단어를 뜻하는데, intranet 은 intra 로 시작하므로 해당하지 않는다.
- internet 은 inter 로 시작하므로 검색된다.
- international 도 inter 로 시작하므로 검색된다.
- intercept 도 inter 로 시작하므로 검색된다.
웹 서버가 사용자 정보를 사용자 컴퓨터에 저장하게 하는 것은 쿠키(Cookie) 이다.
쿠키는 방문 기록·아이디 같은 정보를 클라이언트 쪽 파일로 저장했다가 다시 접속할 때 서버로 보낸다.
- 세션은 정보를 주로 서버 쪽에 유지하는 방식이다.
- MIME 은 전자우편·웹에서 전송하는 데이터 형식을 표시하는 규격이다.
- URL 은 자원의 위치(주소)를 나타내는 표기이다.
고려할 사항이 아닌 것은 사용자별로 난이도를 달리하여 디자인하라는 내용이다.
웹 디자인은 학력·언어능력 등에 관계없이 누구나 쉽게 쓰도록 하는 것이 원칙이며, 사용자마다 수준을 나누어 차등을 두는 것은 이와 반대된다.
- 선호도·사용 수준과 무관하게 누구라도 쉽게 쓰도록 하는 것은 접근성·보편성 원칙에 맞는다.
- 의도하지 않은 선택으로 곤란해지는 경우를 줄이는 것은 오류 방지 원칙에 맞는다.
- 필요한 정보를 효과적으로 전달하는 것은 웹 디자인의 기본 목적이다.
기본 HTML의 정적인 한계를 보완해 브라우저에서 실행되며 이벤트에 즉각 반응하는 동적 웹 페이지 기술은 DHTML(Dynamic HTML)이다.
DHTML은 HTML·CSS·자바스크립트(DOM)를 결합해 클라이언트 측에서 화면을 바꾸므로, 서버에 페이지를 다시 요청하지 않아 서버 부담이 적다.
- SGML: 문서의 구조를 정의하는 국제 표준 메타 언어로, HTML·XML의 모체이며 동적 반응 기능과는 무관하다.
- VML: XML 기반으로 벡터 그래픽을 기술하는 마크업 언어다.
- WML: WAP 휴대 단말 같은 무선 기기 화면용 마크업 언어다.
1988년 핀란드의 Jarkko Oikarinen이 개발한 채널(channel) 방식 대화방 서비스는 IRC(Internet Relay Chat)다.
IRC는 여러 사용자가 같은 채널에 접속해 실시간으로 문자 대화를 나누는 서비스다.
- Telnet: 원격지 컴퓨터에 접속해 그 컴퓨터를 직접 조작하는 원격 접속 서비스다.
- FTP: 컴퓨터 사이에 파일을 주고받는 파일 전송 서비스다.
- Usenet: 주제별 뉴스그룹에 글을 올리고 읽는 게시판형 서비스로, 실시간 대화방이 아니다.
컴퓨터의 직렬 포트(모뎀 등 직렬 회선)를 통해 인터넷에 연결된 호스트에 접속하게 하는 프로토콜은 SLIP/PPP다.
SLIP은 직렬 회선으로 IP 패킷을 보내는 단순한 방식이고, PPP는 여기에 인증·오류 검출 기능을 더한 방식이다.
- TCP: 전송 계층에서 연결을 맺고 데이터를 순서대로 신뢰성 있게 전달하는 프로토콜로, 직렬 회선 접속 방식이 아니다.
- IP: 네트워크 계층에서 주소 지정과 경로 설정을 맡는 프로토콜이다.
- SMTP: 전자우편을 송신하는 프로토콜이다.
등록된 URL 목록을 변경·추가하는 기능은 책갈피(북마크) 기능이다.
책갈피는 자주 가는 사이트 주소를 저장해 두고 관리하는 기능이다.
- 편집 기능은 잘라내기·복사·붙여넣기·찾기 같은 문서 편집 동작을 다룬다.
- 파일 기능은 새로 만들기·열기·저장·페이지 설정 등 파일 단위 작업을 다룬다.
- 페이지 보기 기능은 현재 페이지의 표시 방식·소스 보기 등 화면 표시 쪽 기능이다.
웹 브라우저는 인터넷 웹 페이지를 열고 표시하는 소프트웨어를 의미한다. 넷스케이프, 익스플로러, 모자이크는 모두 웹 브라우저의 대표적인 예시로, 특히 초기 인터넷 시대의 주요 브라우저들이다. 반면 드림위버는 웹 페이지 제작 및 편집을 위한 저작도구(HTML 에디터)로, 웹 콘텐츠를 만드는 프로그램이지 웹 페이지를 열어 보는 브라우저가 아니다.
이동용 링크 역할을 하는 것은 하이퍼링크(Hyperlink) 이다.
특정 단어나 그림을 선택하면 연결된 다른 문서·미디어로 이동하게 해 주는 연결 장치이다.
- 이름이 Transfer Protocol 로 끝나는 보기는 데이터를 전송하는 규약(프로토콜)을 가리키며, 이동용 링크 자체가 아니다.
- Hyper Text Markup Language(HTML)는 문서를 작성하는 마크업 언어이다.
- 브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.
분석 이유로 가장 부적합한 것은 웹 사이트에 사용할 이미지를 얻는다는 것이다.
타사 이미지를 가져다 쓰는 것은 저작권 침해 소지가 있어 분석 목적이 될 수 없다.
- 해당 분야의 인터넷 시장을 파악하는 것은 시장 조사의 정당한 목적이다.
- 경쟁 사이트 분석으로 자사 경쟁력을 높이는 것은 벤치마킹의 목적이다.
- 인터넷 시장의 흐름을 이해하는 것도 분석의 정당한 목적이다.
하나의 이미지 내 서로 다른 영역에 여러 개의 서로 다른 링크를 지정하는 기능은 이미지 맵(Image map)이다. 이미지 맵은 HTML의 <map>, <area> 태그를 사용하여 이미지의 특정 좌표 영역(원형, 사각형, 다각형 등)을 클릭 가능하게 만들고 각각 다른 URL로 연결할 수 있다. 자바스크립트는 이벤트 처리 언어, 프레임은 화면 분할, 사이트 맵은 웹사이트 구조도로서 이미지 내 다중 링크 기능과 무관하다.
그래픽 이미지 표시의 기본 단위는 픽셀(Pixel) 이다.
화면은 작은 점인 화소(픽셀)가 모여 이미지를 이룬다.
- 칼럼은 표·문서의 열이다.
- 섹터는 디스크의 저장 영역 단위이다.
- 워드는 CPU 가 한 번에 처리하는 데이터 단위이다.
NTSC 방식의 애니메이션은 초당 약 30프레임이 필요하다.
NTSC 비디오 규격은 초당 29.97프레임(약 30)으로 영상을 표시하므로, 이 방식에 맞추려면 초당 30프레임을 만들어야 한다.
- 10프레임은 NTSC 의 약 30프레임에 크게 못 미쳐 규격 재생에 부족하다.
- 20프레임도 약 30프레임에 못 미쳐 부족하다.
- 40프레임은 NTSC 의 약 30프레임을 넘는 값으로, 최소 필요 개수가 아니다.
PNG 에 대한 옳은 설명은 GIF 처럼 부분 투명을 지원하며 고해상도(트루컬러)도 지원한다는 것이다.
PNG 는 무손실 압축이며 알파 채널로 투명을 지원한다.
- 256색만 사용하는 것은 GIF 의 특징이다.
- PNG 는 무손실 압축이라 손실 압축인 JPG 보다 용량이 크다.
- PNG 는 익스플로러뿐 아니라 여러 브라우저가 지원한다.
'디자인 조사 및 분석 단계에서는 컬러시스템, 그리드시스템, 레이아웃 등을 계획한다'가 오류인 이유는 컬러시스템, 그리드시스템, 레이아웃 등의 계획은 조사·분석 단계가 아니라 디자인 스타일링 단계 또는 개발 계획 단계에서 이루어지기 때문이다. 조사·분석 단계는 시장, 경쟁사, 타겟 사용자 등을 조사하는 초기 단계이며, 구체적인 시각 요소의 계획은 그 이후 단계에서 진행된다.
웹디자인 프로세스에서 각 단계의 역할을 구분해야 한다.
- 디자인 스타일링: 컨셉에 맞춰 아이디어를 수집·발전·결정하는 것이 맞다.
- 디자인 발의: 사이트 제작 방향에 대한 의견제시 과정이 맞다.
- 디자인 개발단계: 기획된 내용을 실행하기 위해 인력을 배분하는 것이 맞다.
디더링은 제한된 색으로 본래의 풍부한 색 효과를 내는 처리 기법이다.
적은 수의 색 점을 섞어 배치해 그 사이의 중간색이 있는 것처럼 보이게 한다.
- 사용자 팔레트로 화면의 색 종류 자체를 바꾸는 것은 색상표를 교체하는 일로, 적은 색으로 많은 색 효과를 흉내 내는 디더링과 다르다.
- 두 영상·3차원 모델 사이를 자연스럽게 결합하는 것은 모핑이다.
- 기존 비디오·필름 위에 그림을 그리는 것은 로토스코핑이다.
입력 장치로 적합하지 않은 것은 플로터이다.
플로터는 도면·그림을 종이에 그려 내는 출력 장치이다.
- 마우스는 위치·선택을 입력하는 장치이다.
- 스캐너는 이미지를 읽어 들이는 입력 장치이다.
- 터치스크린은 화면 접촉으로 입력하는 장치이다.
'형판·보기판'이라는 뜻을 가지며 레이아웃의 틀을 먼저 만드는 디자인 방식에 공통으로 들어갈 말은 템플릿(Template)이다.
템플릿 디자인은 홈페이지 레이아웃의 형을 개략적으로 먼저 만들고, 그 뒤에 세부 디자인 요소를 따로 만들어 채우는 방법이다.
- 텍스트(text): 글·본문을 뜻하는 말로, 형판이라는 뜻이 없다.
- 컬러(Color): 색을 뜻하는 말로, 레이아웃 틀과 관련이 없다.
- 인터페이스(Interface): 사용자와 시스템 사이의 접점을 뜻하는 말로, 형판이라는 뜻이 없다.
버튼·아이콘 시스템과 내비게이션 설계는 인터페이스 디자인이다.
사용자가 사이트를 조작하는 화면 요소의 시각적 계층과 탐색 방식을 설계하는 단계이다.
- 정보디자인은 정보를 이해하기 쉽게 시각화·전달하는 것이다.
- 콘텐츠 기획은 담을 내용을 정하는 일이다.
- 구조설계는 페이지 간 링크 구조(사이트 구조)를 설계하는 일이다.
비트맵과 벡터를 함께 저장하지 못하는 것은 TIFF 이다.
TIFF 는 주로 비트맵(래스터) 이미지 저장용 포맷이다.
- PSD 는 포토샵의 비트맵 레이어와 벡터 셰이프를 함께 저장한다.
- PDF 는 비트맵과 벡터를 모두 담을 수 있다.
- EPS 는 벡터와 비트맵 데이터를 모두 포함할 수 있다.
틀린 설명은 컴퓨터에서 도구나 아이디어를 얻는 기술이라는 내용이다.
컴퓨터 그래픽스는 아이디어를 표현하는 도구이지, 컴퓨터가 아이디어를 제공·발전시키는 기술이 아니다.
- 컴퓨터를 이용한 모든 이미지와 영상을 가리키는 넓은 의미의 설명은 옳다.
- 아이디어의 표현 도구로 최대한 활용된다는 설명은 옳다.
- 사용자가 그래픽 프로그램으로 작업한다는 설명도 옳다.
화소를 0과 1로 표현한 것은 비트맵이다.
비트맵은 직사각형 격자 위 픽셀마다 비트 값을 지정해 이미지를 나타낸다.
- 벡터는 점·선·면을 수학적 수식으로 표현한다.
- 주사선은 화면을 훑는 한 줄이다.
- 객체는 벡터 방식에서 독립적으로 다루는 도형 단위이다.
가장 거리가 먼 것은 문서 보관 및 데이터 백업 완료 여부이다.
문서 보관·백업은 작업을 마친 뒤의 유지·관리 단계 사항이며 기획 시 고려 사항이 아니다.
- 사이트의 목적과 필요성을 인식하는 것은 기획의 출발점이다.
- 유사·경쟁 사이트 분석은 기획 단계의 조사 활동이다.
- 컬러·톤·폰트·레이아웃의 원칙 수립은 통일성 확보를 위해 기획 단계에서 정한다.
정보량이 많고 정보의 우선순위를 반영해야 할 때는 계층구조가 유용하다. 계층구조는 홈페이지를 최상위로 하여 중요도와 카테고리에 따라 단계적으로 하위 페이지를 구성하므로, 정보의 우선순위를 명확히 표현할 수 있고 대량의 정보를 체계적으로 조직할 수 있다. 반면 선형구조는 순차적 이동만 가능해 정보량이 많으면 부적합하고, 링구조와 망형구조는 우선순위 표현이 어렵다.
확대하면 계단 형식으로 보이는 이미지 경계의 픽셀을 부드럽게 만드는 처리는 안티-앨리어싱(Anti-Aliasing)이다.
정사각형 픽셀로 사선·곡선을 그리면 경계가 계단처럼 보이는데, 안티-앨리어싱은 경계 픽셀에 중간 색을 넣어 이 계단을 눈에 덜 띄게 한다.
- 앨리어싱(Aliasing): 경계가 계단처럼 보이는 현상 자체로, 이를 부드럽게 하는 처리가 아니다.
- 패더(Feather): 포토샵 선택 영역의 가장자리를 지정한 반경만큼 점점 흐려지게 하는 기능으로, 선택 도구에 안티-앨리어스와 별도 옵션으로 있다.
- 스타일(Style): 그림자·엠보스 등 미리 정해 둔 효과를 레이어에 적용하는 기능이다.
두 이미지나 3차원 모델 사이의 변화를 서서히 나타내는 것은 모핑이다.
모핑은 한 형상이 다른 형상으로 서서히 바뀌도록 중간 과정을 만든다.
- 로토스코핑은 기존 영상 위에 덧그려 제작하는 기법이다.
- 미립자 시스템은 다수의 작은 입자로 불·연기 같은 현상을 표현한다.
- 중첩 액션은 한 동작이 끝나기 전에 다음 동작이 이어지게 하는 애니메이션 원리이다.
글자체·글자 크기·행간·여백·간격·단락·그리드로 내용을 전달하는 시각 디자인 영역은 웹 타이포그래피 디자인이다.
그림의 설명에 열거된 요소가 모두 글자와 글줄의 배치에 관한 것이라는 점이 판단 근거다.
- 내비게이션 디자인: 메뉴·링크 구조로 사용자가 사이트 안에서 이동하는 경로를 설계하는 것으로, 글자체·행간을 다루지 않는다.
- 웹 컬러 디자인: 사이트의 색 체계와 배색을 정하는 것으로, 행간·단락 같은 글줄 요소와 무관하다.
- 웹 인터페이스 디자인: 버튼·입력창 등 사용자와 시스템이 상호작용하는 화면 요소를 설계하는 것으로, 그림의 글자 요소 목록과 다르다.
건강 이미지에는 녹색이 가장 적합하다.
녹색은 자연·안정·건강·안전을 연상시키는 색이다.
- 빨강색은 정열·위험·흥분을 연상시킨다.
- 노랑색은 명랑함과 주의를 나타낸다.
- 검정색은 무거움·어둠·엄숙함을 연상시킨다.
합목적성은 사용 목적에 맞는 기능성이며, 의자를 앉을 사람의 몸 치수와 체중에 맞춰 디자인하는 것이 그 예이다.
사용하는 사람의 필요와 조건을 고려한다는 점이 핵심이다.
- 화려함은 심미성과 관련되고 편리성과는 별개이다.
- 장식이 많다는 것은 외형 요소이며 앉기 편함을 보장하지 않는다.
- 아름다움은 심미성 측면이고 신기에 편한 기능과는 구분된다.
몇 가지 기본 색 이름에 수식어를 붙여 부르는 것은 계통색명의 특징이므로 관용색명의 특징이 아니다.
관용색명은 동식물·광물·지명 등에서 유래한 고유한 색 이름이다.
- 시대와 유행에 따라 변해 정확한 전달이 어렵다는 점은 관용색명의 단점이다.
- 색 이름과 어원이 매우 많아 한꺼번에 익히기 어렵다.
- 같은 색을 여러 언어로 표현해 복잡하고 혼동하기 쉽다.
색채 지각의 3요소는 광원·물체·시각(눈)이므로 색채는 3요소가 아니다.
색은 빛이 물체에 닿아 눈에 들어와 지각되는 결과이다.
- 빛(광원)은 색을 보게 하는 필수 요소이다.
- 물체는 빛을 반사·흡수해 색을 만든다.
- 시각(눈)은 색을 받아들이는 감각기관이다.
게슈탈트 시지각 원리 중, 요소들이 가까이 배치되어 있을 때 하나의 그룹으로 지각되는 것이 근접성(접근성)이다. (가)는 사각형들이 가로 방향으로 가깝게 배열되어 수평의 띠로, (나)는 세로 방향으로 가깝게 배열되어 수직의 띠로 지각되는데, 이는 요소 간 거리(간격)의 차이에 의한 그룹화 현상이므로 접근성에 해당한다. 유사성은 모양·크기·색 등의 속성이 비슷할 때 묶여 보이는 원리이므로 이 문제와는 다르다.
웹 안전색상은 216가지이다. 각 RGB 채널에서 호환성이 높은 6단계 색상값을 사용하므로 가지 색상을 표현한다.
나뭇잎은 자연에서 생긴 자연적 질감이므로 기계적 질감이 아니다.
기계적 질감은 인쇄·기계 처리로 만들어지는 규칙적인 질감이다.
- 사진의 망점은 기계적 질감이다.
- 스크린 톤도 기계적 질감이다.
- 텔레비전 주사선도 기계적 질감이다.
외관으로 나타나는 윤곽을 뜻하는 (A)는 형, 형과 모양을 포함하는 더 넓은 의미로 대상의 기본 특성을 제시하는 (B)는 형태입니다.
형(shape)은 눈에 비치는 단순한 모양(2차원)이고, 형태(form)는 여기에 크기·색채·질감까지 갖춘 모양(3차원)이라 형을 포괄합니다.
- A:점, B:형: 점은 위치만 있고 크기가 없어 윤곽을 가질 수 없습니다.
- A:선, B:형태: (A)는 자연적·인공적 모양 가운데 하나로 제시되는데, 선은 점이 이동한 자취로 모양을 이루는 요소일 뿐 모양의 한 갈래가 아닙니다.
- A:형, B:면: 면은 선이 이동한 자취로 길이와 너비를 가진 요소이며, 형과 모양을 포괄하는 더 넓은 개념이 아닙니다.
저드의 색채 조화론은 질서·친근감·유사성·명료성의 원리이므로 모호성의 원리는 해당하지 않는다.
저드는 모호하지 않고 명료한 배색이 조화롭다고 보았다.
- 질서의 원리는 저드 조화론에 포함된다.
- 친근성의 원리는 익숙한 배색이 조화롭다는 원리이다.
- 유사성의 원리는 공통 속성이 있는 색이 조화롭다는 원리이다.
서로 다른 부분의 조합으로 시각적 힘의 강약에 의한 감정효과를 주는 원리는 대비입니다.
대비는 성질이 다른 요소를 함께 두어 서로의 특징을 강하게 드러내며, 그 결과 강약의 효과가 생깁니다.
- 변칙은 규칙적인 질서에서 벗어난 예외적 요소로 변화를 주는 것으로, 서로 다른 부분의 조합에서 생기는 강약 효과 자체를 가리키지 않습니다.
- 통일은 부분들을 하나로 묶어 전체에 일체감을 주는 것입니다.
- 반복은 같은 요소를 되풀이해 리듬을 만드는 것입니다.
윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은 미술공예운동이다.
기계 대량생산으로 생활용품의 품질이 떨어지는 데 반대했다.
- 구성주의는 러시아에서 기하학적 구성과 기능을 중시한 운동이다.
- 미래주의는 이탈리아에서 속도와 기계를 찬양한 운동이다.
- 데 스틸은 네덜란드에서 일어난 신조형주의 운동이다.
환경 디자인은 인간이 활동하는 물리적 환경 전체를 대상으로 하는 분야로, 실내외 공간과 그 속의 자연 요소를 포괄한다. 인테리어 디자인은 실내 환경의 기능성과 미적 가치를 다루고, 원예 디자인과 조경 디자인은 정원, 공원, 외부 공간의 녹화 및 환경 구성을 담당하므로 모두 환경 디자인에 포함된다. 반면 가구 디자인은 이동 가능한 개별 물품의 형태와 기능을 설계하는 분야로, 환경 전체를 대상으로 하지 않고 제품 디자인 범주에 속한다.
CIP의 베이직 시스템은 심벌마크·로고타입·전용서체처럼 기업 이미지의 기본이 되는 요소이다.
베이직 요소를 서식·간판·유니폼 등 실제 매체에 적용한 것이 응용 시스템이다.
- 로고타입·전용색상은 베이직 요소지만, 함께 묶인 서식류가 응용 시스템이다.
- 서식류·제품포장은 응용 시스템에 속한다.
- 유니폼·간판(표지)은 응용 시스템에 속한다.
Number 내장 객체는 숫자 값을 다루는 객체이며, 함수를 정의하는 기능을 제공한다는 설명은 틀렸다.
함수 정의와 관련된 내장 객체는 Function이다.
- 내장 객체는 문자열·수학 처리 등을 위한 객체들로 구성된다.
- Screen 객체는 화면 정보 관련 속성을 제공한다.
- Math 객체는 수학 관련 속성과 메서드를 제공한다.
전자우편 전송에는 SMTP를 사용한다.
SMTP는 메일을 서버로 보내고 서버 사이에서 전달하는 프로토콜이다.
- FTP는 파일 전송 프로토콜이다.
- Telnet은 원격 접속용 프로토콜이다.
- Usenet은 뉴스그룹 토론 서비스이다.
TCP/IP는 운영체제와 기종에 관계없이 쓰이는 공통 규약이므로, Linux·UNIX 워크스테이션이나 미니컴퓨터를 주축으로 운영된다는 설명이 잘못이다.
개인용 컴퓨터·서버·네트워크 장비 등 다양한 기종이 TCP/IP로 통신한다.
- TCP/IP는 인터넷의 기본 통신 규약이다.
- TCP는 전송 계층으로 인터넷 계층인 IP보다 상위에 있다.
- TCP/IP는 인트라넷·엑스트라넷 같은 사설망에서도 쓰인다.
넷스케이프 웹 브라우저의 등장은 1994년으로, 다른 사건보다 늦다. TCP/IP 표준 채택은 1983년, USENET 서비스 시작은 1979년, Gopher와 WAIS 서비스 시작은 1991년이므로 가장 나중에 일어난 것은 넷스케이프의 등장이다.
anonymous FTP는 공개 자료를 내려받게 하는 서비스로, 일반적으로 수신(다운로드)만 허용하고 업로드는 제한한다. 따라서 송·수신이 모두 가능하다는 설명이 틀렸다.
계정 없는 사용자에게 열어 두는 만큼 접근 권한을 좁게 둔다.
- FTP 서버 계정이 없어도 누구나 접근해 파일을 받을 수 있다.
- 사용하는 계정명은 anonymous이다.
- 공개 파일은 일반적으로 pub 디렉터리에 둔다.
테이블과 관련이 없는 태그는 정의 목록의 용어를 나타내는 DT 이다.
DT 는 DL(정의 목록) 안에서 용어를 표시하는 태그로, 표 구성과는 무관하다.
- TR 은 표의 행을 만든다.
- TH 는 표의 제목 셀을 만든다.
- CAPTION 은 표 전체의 제목을 붙이는 태그이다.
건물 내·캠퍼스 정도의 소규모 통신망은 LAN(근거리 통신망) 이다.
LAN 은 한정된 좁은 지역 안의 컴퓨터를 연결한다.
- VAN 은 회선을 빌려 부가 서비스를 제공하는 부가가치 통신망이다.
- WAN 은 국가·대륙 단위의 광역 통신망이다.
- MAN 은 한 도시 정도 범위의 도시권 통신망이다.
설명으로 옳지 않은 것은 서버에서 컴파일하여 HTML 과 별도로 존재한다는 서술이다.
자바스크립트는 브라우저(클라이언트)가 해석·실행하는 스크립트이며 HTML 문서 안에 직접 기술하거나 외부 파일로 연결해 쓴다. 서버에서 컴파일한 결과를 삽입하는 방식이 아니다.
- 사용자와 대화하듯 메시지를 주고받는 페이지는 경고창·입력창·이벤트 처리로 구현할 수 있어 옳다.
- HTML 만으로 불가능한 동적 표현과 프로그램적 활용이 가능하므로 옳다.
- 웹 브라우저에서 쓰는 스크립트 언어이고 HTML 문서 내에 함께 기술할 수 있으므로 옳다.
OSI 7계층에 없는 것은 논리 계층이다.
OSI 7계층은 물리·데이터 링크·네트워크·전송·세션·표현·응용 계층이며 논리 계층은 포함되지 않는다.
- 데이터 링크 계층은 2계층으로 인접 노드 간 프레임 전송을 담당한다.
- 네트워크 계층은 3계층으로 경로 선택(라우팅)을 담당한다.
- 표현 계층은 6계층으로 데이터 형식 변환·암호화를 담당한다.
검색될 수 없는 것은 intranet 이다.
'inter*' 의 *(와일드카드)는 inter 로 시작하는 모든 단어를 뜻하는데, intranet 은 intra 로 시작하므로 해당하지 않는다.
- internet 은 inter 로 시작하므로 검색된다.
- international 도 inter 로 시작하므로 검색된다.
- intercept 도 inter 로 시작하므로 검색된다.
웹 서버가 사용자 정보를 사용자 컴퓨터에 저장하게 하는 것은 쿠키(Cookie) 이다.
쿠키는 방문 기록·아이디 같은 정보를 클라이언트 쪽 파일로 저장했다가 다시 접속할 때 서버로 보낸다.
- 세션은 정보를 주로 서버 쪽에 유지하는 방식이다.
- MIME 은 전자우편·웹에서 전송하는 데이터 형식을 표시하는 규격이다.
- URL 은 자원의 위치(주소)를 나타내는 표기이다.
고려할 사항이 아닌 것은 사용자별로 난이도를 달리하여 디자인하라는 내용이다.
웹 디자인은 학력·언어능력 등에 관계없이 누구나 쉽게 쓰도록 하는 것이 원칙이며, 사용자마다 수준을 나누어 차등을 두는 것은 이와 반대된다.
- 선호도·사용 수준과 무관하게 누구라도 쉽게 쓰도록 하는 것은 접근성·보편성 원칙에 맞는다.
- 의도하지 않은 선택으로 곤란해지는 경우를 줄이는 것은 오류 방지 원칙에 맞는다.
- 필요한 정보를 효과적으로 전달하는 것은 웹 디자인의 기본 목적이다.
기본 HTML의 정적인 한계를 보완해 브라우저에서 실행되며 이벤트에 즉각 반응하는 동적 웹 페이지 기술은 DHTML(Dynamic HTML)이다.
DHTML은 HTML·CSS·자바스크립트(DOM)를 결합해 클라이언트 측에서 화면을 바꾸므로, 서버에 페이지를 다시 요청하지 않아 서버 부담이 적다.
- SGML: 문서의 구조를 정의하는 국제 표준 메타 언어로, HTML·XML의 모체이며 동적 반응 기능과는 무관하다.
- VML: XML 기반으로 벡터 그래픽을 기술하는 마크업 언어다.
- WML: WAP 휴대 단말 같은 무선 기기 화면용 마크업 언어다.
1988년 핀란드의 Jarkko Oikarinen이 개발한 채널(channel) 방식 대화방 서비스는 IRC(Internet Relay Chat)다.
IRC는 여러 사용자가 같은 채널에 접속해 실시간으로 문자 대화를 나누는 서비스다.
- Telnet: 원격지 컴퓨터에 접속해 그 컴퓨터를 직접 조작하는 원격 접속 서비스다.
- FTP: 컴퓨터 사이에 파일을 주고받는 파일 전송 서비스다.
- Usenet: 주제별 뉴스그룹에 글을 올리고 읽는 게시판형 서비스로, 실시간 대화방이 아니다.
컴퓨터의 직렬 포트(모뎀 등 직렬 회선)를 통해 인터넷에 연결된 호스트에 접속하게 하는 프로토콜은 SLIP/PPP다.
SLIP은 직렬 회선으로 IP 패킷을 보내는 단순한 방식이고, PPP는 여기에 인증·오류 검출 기능을 더한 방식이다.
- TCP: 전송 계층에서 연결을 맺고 데이터를 순서대로 신뢰성 있게 전달하는 프로토콜로, 직렬 회선 접속 방식이 아니다.
- IP: 네트워크 계층에서 주소 지정과 경로 설정을 맡는 프로토콜이다.
- SMTP: 전자우편을 송신하는 프로토콜이다.
등록된 URL 목록을 변경·추가하는 기능은 책갈피(북마크) 기능이다.
책갈피는 자주 가는 사이트 주소를 저장해 두고 관리하는 기능이다.
- 편집 기능은 잘라내기·복사·붙여넣기·찾기 같은 문서 편집 동작을 다룬다.
- 파일 기능은 새로 만들기·열기·저장·페이지 설정 등 파일 단위 작업을 다룬다.
- 페이지 보기 기능은 현재 페이지의 표시 방식·소스 보기 등 화면 표시 쪽 기능이다.
웹 브라우저는 인터넷 웹 페이지를 열고 표시하는 소프트웨어를 의미한다. 넷스케이프, 익스플로러, 모자이크는 모두 웹 브라우저의 대표적인 예시로, 특히 초기 인터넷 시대의 주요 브라우저들이다. 반면 드림위버는 웹 페이지 제작 및 편집을 위한 저작도구(HTML 에디터)로, 웹 콘텐츠를 만드는 프로그램이지 웹 페이지를 열어 보는 브라우저가 아니다.
이동용 링크 역할을 하는 것은 하이퍼링크(Hyperlink) 이다.
특정 단어나 그림을 선택하면 연결된 다른 문서·미디어로 이동하게 해 주는 연결 장치이다.
- 이름이 Transfer Protocol 로 끝나는 보기는 데이터를 전송하는 규약(프로토콜)을 가리키며, 이동용 링크 자체가 아니다.
- Hyper Text Markup Language(HTML)는 문서를 작성하는 마크업 언어이다.
- 브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.
분석 이유로 가장 부적합한 것은 웹 사이트에 사용할 이미지를 얻는다는 것이다.
타사 이미지를 가져다 쓰는 것은 저작권 침해 소지가 있어 분석 목적이 될 수 없다.
- 해당 분야의 인터넷 시장을 파악하는 것은 시장 조사의 정당한 목적이다.
- 경쟁 사이트 분석으로 자사 경쟁력을 높이는 것은 벤치마킹의 목적이다.
- 인터넷 시장의 흐름을 이해하는 것도 분석의 정당한 목적이다.
하나의 이미지 내 서로 다른 영역에 여러 개의 서로 다른 링크를 지정하는 기능은 이미지 맵(Image map)이다. 이미지 맵은 HTML의 <map>, <area> 태그를 사용하여 이미지의 특정 좌표 영역(원형, 사각형, 다각형 등)을 클릭 가능하게 만들고 각각 다른 URL로 연결할 수 있다. 자바스크립트는 이벤트 처리 언어, 프레임은 화면 분할, 사이트 맵은 웹사이트 구조도로서 이미지 내 다중 링크 기능과 무관하다.
그래픽 이미지 표시의 기본 단위는 픽셀(Pixel) 이다.
화면은 작은 점인 화소(픽셀)가 모여 이미지를 이룬다.
- 칼럼은 표·문서의 열이다.
- 섹터는 디스크의 저장 영역 단위이다.
- 워드는 CPU 가 한 번에 처리하는 데이터 단위이다.
NTSC 방식의 애니메이션은 초당 약 30프레임이 필요하다.
NTSC 비디오 규격은 초당 29.97프레임(약 30)으로 영상을 표시하므로, 이 방식에 맞추려면 초당 30프레임을 만들어야 한다.
- 10프레임은 NTSC 의 약 30프레임에 크게 못 미쳐 규격 재생에 부족하다.
- 20프레임도 약 30프레임에 못 미쳐 부족하다.
- 40프레임은 NTSC 의 약 30프레임을 넘는 값으로, 최소 필요 개수가 아니다.
PNG 에 대한 옳은 설명은 GIF 처럼 부분 투명을 지원하며 고해상도(트루컬러)도 지원한다는 것이다.
PNG 는 무손실 압축이며 알파 채널로 투명을 지원한다.
- 256색만 사용하는 것은 GIF 의 특징이다.
- PNG 는 무손실 압축이라 손실 압축인 JPG 보다 용량이 크다.
- PNG 는 익스플로러뿐 아니라 여러 브라우저가 지원한다.
'디자인 조사 및 분석 단계에서는 컬러시스템, 그리드시스템, 레이아웃 등을 계획한다'가 오류인 이유는 컬러시스템, 그리드시스템, 레이아웃 등의 계획은 조사·분석 단계가 아니라 디자인 스타일링 단계 또는 개발 계획 단계에서 이루어지기 때문이다. 조사·분석 단계는 시장, 경쟁사, 타겟 사용자 등을 조사하는 초기 단계이며, 구체적인 시각 요소의 계획은 그 이후 단계에서 진행된다.
웹디자인 프로세스에서 각 단계의 역할을 구분해야 한다.
- 디자인 스타일링: 컨셉에 맞춰 아이디어를 수집·발전·결정하는 것이 맞다.
- 디자인 발의: 사이트 제작 방향에 대한 의견제시 과정이 맞다.
- 디자인 개발단계: 기획된 내용을 실행하기 위해 인력을 배분하는 것이 맞다.
디더링은 제한된 색으로 본래의 풍부한 색 효과를 내는 처리 기법이다.
적은 수의 색 점을 섞어 배치해 그 사이의 중간색이 있는 것처럼 보이게 한다.
- 사용자 팔레트로 화면의 색 종류 자체를 바꾸는 것은 색상표를 교체하는 일로, 적은 색으로 많은 색 효과를 흉내 내는 디더링과 다르다.
- 두 영상·3차원 모델 사이를 자연스럽게 결합하는 것은 모핑이다.
- 기존 비디오·필름 위에 그림을 그리는 것은 로토스코핑이다.
입력 장치로 적합하지 않은 것은 플로터이다.
플로터는 도면·그림을 종이에 그려 내는 출력 장치이다.
- 마우스는 위치·선택을 입력하는 장치이다.
- 스캐너는 이미지를 읽어 들이는 입력 장치이다.
- 터치스크린은 화면 접촉으로 입력하는 장치이다.
'형판·보기판'이라는 뜻을 가지며 레이아웃의 틀을 먼저 만드는 디자인 방식에 공통으로 들어갈 말은 템플릿(Template)이다.
템플릿 디자인은 홈페이지 레이아웃의 형을 개략적으로 먼저 만들고, 그 뒤에 세부 디자인 요소를 따로 만들어 채우는 방법이다.
- 텍스트(text): 글·본문을 뜻하는 말로, 형판이라는 뜻이 없다.
- 컬러(Color): 색을 뜻하는 말로, 레이아웃 틀과 관련이 없다.
- 인터페이스(Interface): 사용자와 시스템 사이의 접점을 뜻하는 말로, 형판이라는 뜻이 없다.
버튼·아이콘 시스템과 내비게이션 설계는 인터페이스 디자인이다.
사용자가 사이트를 조작하는 화면 요소의 시각적 계층과 탐색 방식을 설계하는 단계이다.
- 정보디자인은 정보를 이해하기 쉽게 시각화·전달하는 것이다.
- 콘텐츠 기획은 담을 내용을 정하는 일이다.
- 구조설계는 페이지 간 링크 구조(사이트 구조)를 설계하는 일이다.
비트맵과 벡터를 함께 저장하지 못하는 것은 TIFF 이다.
TIFF 는 주로 비트맵(래스터) 이미지 저장용 포맷이다.
- PSD 는 포토샵의 비트맵 레이어와 벡터 셰이프를 함께 저장한다.
- PDF 는 비트맵과 벡터를 모두 담을 수 있다.
- EPS 는 벡터와 비트맵 데이터를 모두 포함할 수 있다.
틀린 설명은 컴퓨터에서 도구나 아이디어를 얻는 기술이라는 내용이다.
컴퓨터 그래픽스는 아이디어를 표현하는 도구이지, 컴퓨터가 아이디어를 제공·발전시키는 기술이 아니다.
- 컴퓨터를 이용한 모든 이미지와 영상을 가리키는 넓은 의미의 설명은 옳다.
- 아이디어의 표현 도구로 최대한 활용된다는 설명은 옳다.
- 사용자가 그래픽 프로그램으로 작업한다는 설명도 옳다.
화소를 0과 1로 표현한 것은 비트맵이다.
비트맵은 직사각형 격자 위 픽셀마다 비트 값을 지정해 이미지를 나타낸다.
- 벡터는 점·선·면을 수학적 수식으로 표현한다.
- 주사선은 화면을 훑는 한 줄이다.
- 객체는 벡터 방식에서 독립적으로 다루는 도형 단위이다.
가장 거리가 먼 것은 문서 보관 및 데이터 백업 완료 여부이다.
문서 보관·백업은 작업을 마친 뒤의 유지·관리 단계 사항이며 기획 시 고려 사항이 아니다.
- 사이트의 목적과 필요성을 인식하는 것은 기획의 출발점이다.
- 유사·경쟁 사이트 분석은 기획 단계의 조사 활동이다.
- 컬러·톤·폰트·레이아웃의 원칙 수립은 통일성 확보를 위해 기획 단계에서 정한다.
정보량이 많고 정보의 우선순위를 반영해야 할 때는 계층구조가 유용하다. 계층구조는 홈페이지를 최상위로 하여 중요도와 카테고리에 따라 단계적으로 하위 페이지를 구성하므로, 정보의 우선순위를 명확히 표현할 수 있고 대량의 정보를 체계적으로 조직할 수 있다. 반면 선형구조는 순차적 이동만 가능해 정보량이 많으면 부적합하고, 링구조와 망형구조는 우선순위 표현이 어렵다.
확대하면 계단 형식으로 보이는 이미지 경계의 픽셀을 부드럽게 만드는 처리는 안티-앨리어싱(Anti-Aliasing)이다.
정사각형 픽셀로 사선·곡선을 그리면 경계가 계단처럼 보이는데, 안티-앨리어싱은 경계 픽셀에 중간 색을 넣어 이 계단을 눈에 덜 띄게 한다.
- 앨리어싱(Aliasing): 경계가 계단처럼 보이는 현상 자체로, 이를 부드럽게 하는 처리가 아니다.
- 패더(Feather): 포토샵 선택 영역의 가장자리를 지정한 반경만큼 점점 흐려지게 하는 기능으로, 선택 도구에 안티-앨리어스와 별도 옵션으로 있다.
- 스타일(Style): 그림자·엠보스 등 미리 정해 둔 효과를 레이어에 적용하는 기능이다.
두 이미지나 3차원 모델 사이의 변화를 서서히 나타내는 것은 모핑이다.
모핑은 한 형상이 다른 형상으로 서서히 바뀌도록 중간 과정을 만든다.
- 로토스코핑은 기존 영상 위에 덧그려 제작하는 기법이다.
- 미립자 시스템은 다수의 작은 입자로 불·연기 같은 현상을 표현한다.
- 중첩 액션은 한 동작이 끝나기 전에 다음 동작이 이어지게 하는 애니메이션 원리이다.
글자체·글자 크기·행간·여백·간격·단락·그리드로 내용을 전달하는 시각 디자인 영역은 웹 타이포그래피 디자인이다.
그림의 설명에 열거된 요소가 모두 글자와 글줄의 배치에 관한 것이라는 점이 판단 근거다.
- 내비게이션 디자인: 메뉴·링크 구조로 사용자가 사이트 안에서 이동하는 경로를 설계하는 것으로, 글자체·행간을 다루지 않는다.
- 웹 컬러 디자인: 사이트의 색 체계와 배색을 정하는 것으로, 행간·단락 같은 글줄 요소와 무관하다.
- 웹 인터페이스 디자인: 버튼·입력창 등 사용자와 시스템이 상호작용하는 화면 요소를 설계하는 것으로, 그림의 글자 요소 목록과 다르다.