그래픽 디자인 기본용어와 웹디자인 공부

그래픽 디자인 기본용어와 웹디자인 공부를 위한 기초정보들을 정리하였습니다. 개인적으로 공부를 하면서 웹디자인을 비롯하여 온라인 디자인에 필요한 여러 자료들을 정리하여 살펴볼 수 있습니다. 

1. 그래픽 디자인 블로그

그래픽 (Graphic) 이란 그림이나 도형, 사진등 다양한 시각적 형상이나 작품을 통틀어서 이르는 말이라고 정의하고 있습니다. 사람은 눈으로 어떤 정보들을 확인하기 때문에 이러한 그래픽이라는 단어는 매우 중요하게 활용되는데요. 특히 온라인에서는 대부분의 정보들을 눈으로 확인하고 전달하고 획득하게 되므로 이러한 그래픽에 관련된 디자인들이 매우 중요하게 활용되고 있기도 합니다. 

이러한 관점에서 그래픽 디자인은 여러가지 인쇄기술의 특성을 이용하여 시각적 표현효과를 꾀하는 디자인이라고 정의할 수 있는데요. 과거에는 주로 인쇄기술에 국한되었지만 최근에는 컴퓨터와 스마트폰등의 IT 기기들 보급에 따라서 일러스트와 컴퓨터 및 스마트폰 화면에까지 이러한 그래픽 디자인들이 중요하게 활용되고 사용되고 있습니다. 

이 블로그에서는 온라인에서 주로 활용되는 웹 디자인을 비롯하여 그래픽 디자인에 관련된 여러 내용들을 정리하기 위해서 개설하였고 그 내용들을 정리하려고 하는데요. 여기에 더해서 최근에 많이 활용되고 있는 영상 콘텐츠에 관련된 영상디자인들까지 여러가지 내용들을 정리하기 위해서 해당 블로그를 살펴볼 수 있을 것입니다. 

사실 저도 공부를 해가면서 알아가는 내용이기 때문에 약간 틀린 부분도 있을 수 있습니다 다만 하나하나 배워가면서 서로 공유하고 정리하고 하는데 도움이 되시길 바랍니다. 처음부터 잘하는것은 없으니까요. 디자인도 마찬가지로 천천히 하나씩 해나가보겠습니다. 

2. 그래픽 디자인 기본용어

그래픽 디자인에 관련된 여러 용어들을 살펴볼 수 있습니다. 

• 그래픽 디자인 : 과거에는 인쇄된 디자인이라는 의미부터 오늘날에는 평면적인 디자인의 시각효과를 뜻함, 시각을 통하여 전달하는 정보를 포괄하여 살펴볼 수 있으며 인쇄매체를 비롯하여 컴퓨터 그래픽을 이용한 인터렉션 디자인, 웹디자인의 시각화를 포괄하는 개념

• 디자인 : 어떤 목적으로 조형적으로 실체화 하는 것으로 목적에 따라서 여러 표현이 되는 것을 말

• 컴퓨터 그래픽 : 컴퓨터를 활용하여 그림을 그리는 분야로 키보드 및 입력장치를 이용하여 도형을 형성하는 데이터를 기억하고 다음 매개 변수를 바꾸어가며 도형을 임의대로 그려낼 수 있음, 다양한 형상 및 상상세계까지도 표현할 수 있으며 영화 및 애니메이션 분야등 다양하게 활용되는 것을 컴퓨터 그래픽이라고 함

• 웹디자인 : 컴퓨터 프로그래밍을 비롯한 컴퓨터등으로 볼 수 있는 전반적인 디자인으로 주로 인터넷 홈페이지를 설계하고 도안하여 웹사이트를 구축하는 일을 말함 (인터넷 사용자에게 보여질 웹 사이트 화면을 디자인하는 작업)

• 웹 디자인 기능사 : 웹페이지 제작에 대한 자격증 - 2025년 웹디자인개발기능사로 명칭 변경 예정 - 디자인 일반, 인터넷 일반, 웹그래픽 디자인의 필기시험과 어도비 포토샵과 일러스트, NotePad++, Visual Sudio Code 등의 프로그램을 활용한 실기시험으로 나뉨

• 웹디자인 도구 : 웹 디자이너가 되기 위해서는 여러 웹 디자인 도구들을 활용할 수 있어야 합니다. 이는 워드프레스와 같은 빌더를 포함하며 일반적인 디자인을 할 수 있는 여러 디자인 소프트웨어 (Photoshop, Sketch, Figma등등) 들이 활용될 수 있습니다. 

3. 웹디자인 공부하기

웹디자인을 공부한다는 것은 웹사이트의 첫화면과 세부화면등을 비롯한 사이트의 전체적인 디자인을 하는 작업을 한다는 것입니다. 

웹페이지는 문자 (텍스트) - 이미지 - 동영상 - 음성등 다양한 시각적인 표현이 활용되며 방문자는 이러한 전체적인 시각효과들을 통해서 웹사이트가 주는 정보들을 얻게 되는데요. 이러한 웹사이트의 틀을 정하고 시각적인 배치를 하는 것이 바로 웹디자인을 공부한다는 것입니다. 

웹디자인을 통해서 홈페이지를 구축할 수 있으며 이외에도 요새는 앱을 제작하는 UI/UX 디자인등 다양한 영역에서 공부를 확대할 수 있을 것입니다. 관련된 학과로는 멀티미디어과, 산업디자인과, 시각디자인과, 그래픽디자인과등 다양한 학과들도 있고 최근에는 이러한 학과를 나오지 않고도 여러 공부를 통해서 본인만의 포트폴리오를 만들어서 취업을 하거나 사업을 하는 경우도 있습니다. 

온라인에서의 공간을 만들어내는 웹디자인에 대해서 공부를 하기 위해서는 웹사이트가 어떻게 구축되고 어떻게 방문자에게 보여지는지를 이해해야 합니다. 또한 웹디자인 통계를 비롯하여 SEO 최적화 그리고 UX 디자인을 통한 방문자 경험등 다양한 부분을 신경쓰기도 해야 하는데요. 

우선적으로는 웹개발자가 웹사이트를 구축할때 사용하는 HTML을 비롯하여 웹페이지에 표시되는 프로그래밍 디자인 언어 CSS (Cascading Style Sheets) 그리고 웹사이트 디지터 콘텐츠를 관리하는 애플리케이션 CMS (Content Management System) 등에 대한 정보들을 알아야 합니다. 

또한 여러 디자인 소프트웨어들을 다룰 수 있어야 하는데요. 어도비 (Adobe) 에서 제공하는 포토샵과 일러스트레이터와 같은 프로그램을 비롯하여 여러 그래픽 툴 그리고 3D 툴과 영상편집툴까지 다양한 시각적인 콘텐츠 디자인을 제작할 수 있는 도구들을 활용해야 할 수 있습니다. 

마지막으로 이러한 여러 도구들을 활용해서 웹사이트의 구조를 이해하고 여러 디자인 기준에 따라서 방문자들이 좋은 경험을 얻고 SEO최적화된 웹사이트들을 구축할 수 있는 노력들을 해야할 것입니다. 

해당 블로그에서는 아직 기초적인 내용부터 시작해서 저도 공부하는 입장에서 여러 정보들을 정리하기 시작하려고 합니다. 몰론 전문적으로 배운 내용이 아니기 때문에 부족한 부분도 있을 수 있고 관련된 정보들 중에서 여러 오류들이 있을 수 있습니다. 

혹시 댓글이나 여러 경로로 알려주시면 수정하고 관련 내용들을 정리해보도록 하겠습니다. 감사합니다.