[웹디자인기능사] 필기 51 웹 접근성 이해 ~ 54 파일 포맷의 특징 및 활용

51. 웹 접근성 이해

 

1. 웹 사용성(Web Usability)

• 사용자 개개인의 선호도나 사용 수준에 맞춰 누구라도 쉽게 사용할 수 있도록 디자인함
• 사용자가 우연한 또는 의도하지 않은 선택의 결과로 어려움에 빠지는 경우를 최소화하도록 디자인함
• 사용자에게 필요한 정보를 효과적으로 전달하도록 디자인함
• 사용자가 사용하기 편리한 환경을 제공하기 위해 내용과 기능을 단순화
• 일관성 있는 디자인 유지, 일관성 있는 레이아웃으로 배치
• 웹 사이트의 주제를 쉽게 파악할 수 있도록 정보의 우선순위 고려

2. GUI 방식

• 사용자가 컴퓨터와 정보를 교환할 때 그래픽을 통해 작업할 수 있는 환경
• 그래픽 사용자 중심의 환경으로 아이콘, 내비게이션 툴바 등으로 컴퓨터 사용을 손쉽게 해줌
• 제5세대인 1990년도 이후부터 본격적으로 사용됨
• 모자이크(Mosaic) : 최초의 GUI 환경의 웹 브라우저

3. 메타포(Metaphor)

그래픽으로 정보를 제공해 주는 것으로 사용자들이 쉽게 콘텐츠를 찾게 해주며 친근감을 부여하는 역할

 

 

52. 파일 포맷의 정의

 

1. 벡터(Vector) 방식

• 수학적 연상을 이용하여 명확한 선과 면으로 그래픽 데이터를 표현하는 방식
• 이미지를 확대하거나 축소해도 손상이 없음
• 선과 도형으로 그린 이미지를 저장하는 방식
• 베지어(Bezier)라는 곡선으로 이루어져 있음
• 단순한 도형 및 캐릭터를 그리는 작업에 적합
• 주로 로고나 심벌과 같이 정교한 작업에 적합
• 좌표값에 의해서 표현함
• 미세한 그림이나 점진적인 색의 변이를 표현하기 어려움
• 벡터 방식의 드로잉 프로그램 : 일러스트레이터, 코렐드로우, 프리핸드
• 벡터 저장 방식 : EPS, WMF, AI

2. 비트맵 방식

• 화면 확대 시 이미지가 손상됨
• 비트맵 이미지를 래스터 이미지(Raster Image)라고 함
• 디지털카메라로 촬영한 이미지는 래스터 이미지
• 직사각형 화면의 화소 또는 픽셀들을 0과 1로 표현
• 비트맵 방식 프로그램 : 포토샵
• 비트맵 저장 방식 : GIF, JPEG, PCX

 

53. 파일 포맷의 종류

 

1. 그래픽 파일 포맷의 종류

JPEG(*.jpg)	- 연합 사진 영상 전문가 그룹에서 개발한 파일포맷 - 24bit의 1600만여 가지의 색상을 표현할 수 있음 - 주로 멀티미디어 분야 및 인터넷상에서 사진 등을 압축할 때 사용 - GIF보다 다양한 색상을 나타낼 수 있음 - 프로그레시브 방식 지원
GIF(*.gif)	- 전송이 빨라서 웹용 이미지로 많이 사용됨 - 통신을 위한 그래픽 파일포맷으로 자체 압축과 해독 효율이 높고 8bit의 256가지 색상을 표현할 수 있음 - 이미지 파일 형식으로 가장 사용 빈도가 높은 파일포맷 - 투명한 이미지와 애니메이션 표현 가능 - 인터레이스 방식 지원 - 무손실 압축 기법 사용
PNG(*.png)	- GIF와 JPEG의 장점을 합친 포맷으로 무손실 압축을 사용 - 8bit의 256컬러나, 24bit의 트루컬러를 선택하여 저장할 수 있어 효율적 - 인터레이스 로딩기법과 디더링 옵션을 지정할 수 있음 - GIF처럼 이미지 일부를 투명하게 하며 고해상도를 지원 - 원하는 색상 밝기의 형태로 이미지 보정 가능
PSD(*.psd)	- 포토샵 원본 파일이며, 레이어 수정 가능 - 32bit를 사용하는 이미지 포맷은 PSD와 TIFF가 있음 - 16만 7천 컬러 이상의 색상과 256단계의 알파 채널을 사용하기 위해서는 최소 32bit 필요
EPS(*.eps)	- 전문 그래픽 출력장치 등을 위해 최적화된 포맷 - 1200dpi 이상의 고해상도 출력물을 프린팅할 경우 필수적 - CMYK의 4도 분판이 자유로우므로 전문 그래픽 작업을 요구하는 프로그램에서는 대부분 이 포맷을 지원함
BMP(*.bmp)	- 비트맵 디지털 그림을 저장하는 데 쓰이는 그림 파일 - 압축하지 않은 상태의 파일로서 크기가 매우 커서 인터넷 화면에서 나타나는 시간이 느리므로 자주 사용하지 않음

 

2. 웹에 사용되는 이미지 포맷 : JPG, GIF, PNG

 

3. 동영상 파일 포맷 : MPG, SWF, AVI, ASF, RM, WMV, MP4, MOV

SWF(*.swf)	- 웹 페이지에서 애니메이션 기능의 배너를 삽입할 때 가장 적절한 파일 형태 - 사용자와 상호 작용이 가능하며, 확장성과 호환성이 뛰어남 - 다운로드와 동시에 실시간 플레이 가능 - 확대나 축소 시 이미지 손상 없이 재생 가능
ASF(*.asf)	스트리밍 방식으로 인터넷 방송에 사용하는 동영상 파일포맷
MOV(*.mov)	애플사에서 개발한 미디어 재생기인 Quick Time Player에서 지원하는 동영상 파일포맷

 

4. 웹에 사용되는 사운드 파일 포맷 : RA, AIFF, AU, WAV, MP3

 

 

54. 파일 포맷의 특징 및 활용

 

1. 스트리밍(Streaming)

• 이 기술은 '리얼네트워크'사가 개발한 '리얼오디오'에서 처음으로 선보임
• 웹상에서 영상이나 음향 등의 파일을 다운로드 없이 실시간으로 재생할 수 있음

2. LZW(Lempel-Ziv-Welch)

TIFF, PDF, GIF 및 포스트스크립트 언어 파일포맷에서 지원하는 무손실 압축 알고리즘

 

3. PDF(Portable Document Format) 파일

PDF 파일포맷을 웹 브라우저에서 구현하기 위해 플러그인 프로그램(Acrobat Reader)을 설치해야 함

 

4. 해상도

• 선명도 또는 화질이라고도 하며, 종이나 스크린 등에 표현된 그림이나 글씨 따위가 표현된 섬세함의 정도를 나타내는 말
• 이미지/영상 등을 표현하는 데 몇 개의 픽셀로 이루어졌는지를 나타냄

5. 일반적으로 "해상도가 높다"라는 말의 의미

• 이미지가 선명함
• 이미지 질(Quality)이 좋음
• 일정 단위의 크기에 많은 픽셀 포함
• 이미지의 용량이 큼

6. 이미지에 투명효과를 지원하는 파일포맷 PNG, GIF

 

7. 인덱스 컬러 모드

• 인덱스 색상은 기본적으로 저장 공간을 절약하고 파일 전송 속도를 높일 목적으로 만들어진 디지털 이미지의 색상 표현 방식
• 최고 256컬러를 사용하여 이미지를 표현

 

웹디자인기능사 필기 무료 강의

 

 

728x90

SMALL