웹디자인 - 컴퓨터 그래픽스 일반, 원리

 

웹디자인

• 웹디자인이란, 웹사이트를 설계하고 디자인 하는것.
• 인터넷에서 이루어 지기 때문에 시.공간을 초월하여 세계적으로도 정보 전달이 가능하다. 
• 시대가 발전함에 따라서 적용분야가 더욱더 늘어 나고 있다. 
• 웹디자인은 텍스트 정보에 그래픽 요소를 부합한 요소로 보다 효율적으로 웹페이지를 기획하고 구성하는데 주 목적이 있다. 
• 웹디자인은 효과적으로 웹사용자에게 정보전달을 돕는 도구의 역할을 하는 것이다. 

       - 정보 접근의 편의성제공

       - 정보에 대한 빠른 이해력 전달

       - 시각적, 청각적인 친근감 전달 

 

 

컴퓨터 그래픽스 개념과 특징

컴퓨터와 소프트웨어를 이용하여 도형 및 화상, 그림을 만드는 기술로 시각적인 요소를 디지털화 시킨것이다. 

장점 : 

-자유로운 표현이가능하다

-시간과 비용을 줄일 수 있고 대량생산이 가능하다. 

- 수정.변형.반복등의 작업이 자유롭다. 

-정확도와 정밀도가 매우 뛰어남.

- 원하는 색채, 형태, 음영등 자유롭게 표현이 가능하다.

 

단점 : 

- 디자이너의 도구로써 존재

- 자연적인 표현이 어려우며 순수함이 없다. 

- 모니터 크기의 제한으로 큰 작업물을 한눈에 보기는 어렵다. 

 

중앙처리장치(cpu)

컴퓨터에서 인간의 뇌와 같은 역할을 담당하는 장치이다. 

컴퓨터 시스템 전체를 제어, 관리, 감독하며 자료의 연산을 수행

 

 

 

주기억장치

ROM : 기억된 내용을 읽을 수만 있는 읽기 전용 메모리 이며, 전원이 없어도 내용이 지워지지 않는다. 

RAM : 일고 쓰기가 자유로운 메모리, 전원이 끊어지면 보관하던 내용이 사라지는 휘발성메모리이다. 

 

 

 

 

컴퓨터 그래픽스의 정보 단위 

 

비트 (bit)	정보 표현의 최소단위, 이진수 ( 0 또는 1 )을 의미
니블 (nibble)	1바이트를 기준으로 상위 4bit 또는 하위 4bit를 의미
바이트 (byte)	8bit로 구성되며 문자를 표현하는 단위 이다. 영어, 숫자 : 1byte  한글, 한자 : 2byte
워드 (word)	중앙처리장치(cpu)가 한번에 처리할 수 있는 연산의 기본 단위
필드 (field=item)	서로 관련성이 있는 워드의 집합을 의미. 자료처리 단위인 레코드 최소 구성 단위 이다.
레코드 (record)	프로그램 처리시 자료의 기본단위  논리레코드 : 자료처리의 기본단위 물리레코드 : 1개이상의 논리래코드로 구성된 입출력 단위, 블록이라고도 함.
파일 (file)	프로그램 구성의 기본단위
데이터베이스  (database)	연관이 있는 파일들을 모아놓은 집합.

 

 

 

 

 

이미지를 표현하는 방법

 

벡터 방식

수학적 연산에 의한 데이터로 그래픽을 표현한것.

파일용량이 비트맵보다 적음.

정교한 색상 표현이 불가능하다.

ex)일러스트

 

비트맵 방식 (픽셀이미지, 래스터 이미지)

점들의 집합으로 이루어진 이미지 표현 방식.

상세한 명암, 사진 표현에 적합.

색감이 부드럽고 사진과 같이 정교하다.

확대하면 화질이 떨어지고 용량이 커진다. 

ex)포토샵

 

 

 

 

 

컴퓨터 그래픽의 색상

RGB 모드 :

컴퓨터 그래픽에서 사용하는 가장 기본적인 컬러 모드

빛의 삼원색인 발강, 녹색, 파랑의 혼합으로 색을 표현한다. 

 

CMYK 모드 : 

인쇄나 프린트에 사용하는 모드

감산 홉합, RGB에 비해 색상이 제한적이다.

 

HSB모드 : 

색의 3속성인 색상, 채도, 명도에 의해 색을 표현한다. 

 

LAB 모드 :

서로 다른 색상에서도 이미지 색상을 유지 시켜주기 위한 컬러모드

 

인덱스 컬러 모드 :

24비트 컬러중 정해진 256 컬러를 이용하는 단일 이미지

웹상에서 이미지 전송용으로 많이 사용

대표적으로 gif 파일 포맷

 

그레이 스케일 : 

흰색부터 검은색까지 중간단계를 나타내는 모드

컬러이미지를 그레이스케일로 변경하면 정보를 일게 된다. 

 

비트맵 모드 : 

이미지가 가질 수 있는 가장 간단한 형태의 색상체계

검정색과 흰색만으로 이미지를 표현한다. 

 

듀오톤 모드 : 그레이 스케일에서 변경가능

 

 

 

그래픽 표현 요소 

해상도 :

화면에 그래픽을 얼마나 선명하게 표현할 수 있는지를 결정하는 요소

한 화면을 구성하고 있는 픽셀의 수 

DPI 또는 PPI라고 함.

해상도가 클수록 선명하다. 

 

출력해상도 : 

LPI라고함. 

DPI : LPI 가 2:1이 되어야함.