대다수의 사람들은 잘못전달된 정보만으로 웹디자인을 하려면 포토샵을 해라 일러스트를 해라 라고들 이야기 합니다. 그건 단지 홈페이지를 만드는 방법을 배우려면 무엇이 필요한가 에 대한 답변일뿐 웹디자인을 공부하는데 필요한 것을 이야기 하는것은 아닙니다.
웹디자인은 디자인의 한분야이고 그 분야의 직업을 가지기 위해서는 공부해야 하는 범위가 매우 큽니다.
질문자께서는 홈페이지 제작을 위해 필요한 부분을 문의 하신것으로 가정하고 답변을 드리겠습니다.
웹사이트 제작을 하시기 위해서는
우선 책으로 학습하실수 있는 대표적인 프로그램을 학습하실 순서대로 말씀드리겠습니다.
1 (필수). 비트맵이미지 저작툴 : 포토샵 (Adobe Photoshop)
제일먼저 포토샵만 해야 한다가 아니라 포토샵이 시작하기 비교적 난이도가 쉽고 범용으로 많은 사람들이 사용하고 있어서 데이터 호환성의 문제에서도 오류를 줄일 수 있기때문에 대체로 포토샵을 추천하는 것입니다. 하지만 포토샵이 최선은 아닙니다.
2(선택). 벡터이미지 저작툴 : 일러스트레이터 (Adobe Illustrator)
벡터이미지 제작에 관련한 프로그램은 현재 일러스트레이터가 가장 강력하고 독보적인 프로그램으로 자리잡고 있어서 추천하는 프로그램입니다.
하지만 홈페이지를 제작하는데 일러스트레이터가 꼭 필요한것은 아닙니다. 배워두면 두고두고 좋을뿐이죠.
3(택1 필수). 웹퍼블리싱 프로그램 : HTML, CSS 를 학습하기위한 코딩프로그램
웹디자인에서 웹퍼블리싱을 함께 하시려는 분. 즉 홈페이지를 혼자서 만들려는 분은 필요합니다.
뭐든 한가지는 다루셔야 하니 여러가지 중에서 자신에게 맞는것으로 하나이상 고르시면 됩니다.
프로그램의 기능에 의존하기보다는 하드코딩으로 학습하시기를 추천드립니다.
하드코딩이란. 아무것도 없는 백지에 직접 타이핑해서 코딩하는 작업을 말합니다.
A. 윈도우 메모장 : 하드코더 들이 가장 많이 사용하는 기본프로그램 입니다.
B. Edit Plus : 윈도우 메모장보다는 코딩에 더욱 특화되어있으면서 프로그램이 매우 가벼워서 웹프로그래머들이 많이 사용합니다.
C. Home Site : Edit Plus와 비슷한 구조로 되어 있으나 좀더 많은 기능을 가지고 있습니다. 이후에 Adobe 사로 흡수되어 드림위버의 업그레이드에 일부로 흡수된 후 역사속으로 사라졌습니다. 구 버전만 남아있습니다.
D. Adobe 드림위버 : 그래픽 유저를 위한 비주얼 중심의 코딩프로그램으로 강력한 기능을 탑재하고 있습니다. 하드코더가 드림위버를 만나면 그 능력은 무제한입니다. 대부분 드림위버의 기능에 의존하는 사람들이 많이 사용합니다. 자동화에 의존해서 제작할 경우 웹사이트는 엄청난 양의 코드가 난무하는 무겁고 지저분한 사이트가 될 수 있으니 주의바랍니다.
E. 나모 웹에디터 : 드림위버와 비슷한 구조를 가진 국산프로그램으로 비교적 많은 팬을 거느리고 있는 코딩프로그램입니다. 드림위버와 마찬가지로 너무 자동화에 의존하면 좋지 않습니다.
F. Brackets(브라켓)
- Adobe Edge Code : 반응형웹사이트 제작을 위한 프로그램입니다. (개발중)
- Adobe Reflow : 반응형웹사이트 제작을 위한 프로그램입니다. (개발중)
위 두가지(엣지코드,리플로우) 프로그램이 합쳐져서 탄생한 새로운 툴이 공개됬습니다.
브라켓은 2012~3년경부터 개발시작되어 Adobe 의 엣지코드, 리플로우가지 흡수하여 신개념의 웹표준 형 코딩프로그램으로 새롭게 선보이는 막강한 코딩전문프로그램 입니다.
Adobe 사에서도 엣지코드와,리플로우의 개발을 중단하고 이후부터는 브라켓의 개발에 집중하겠다는 공식발표를 했습니다.
G. Microsoft 프론트페이지 : 프로그램은 괜찮은데. 전 불편해서 안씁니다.
이 외에도 코딩프로그램은 몇십가지가 더 있지만.. 위에 적어둔것만 아셔도 됩니다. 이중에서 본인에게 필요한것을 선택하시면 됩니다. 어느것이 좋고 어느것은 나쁘고 한것은 없습니다. 각자의 기능과 역할이 다를뿐입니다. 취향에 맞게 선택하시면 됩니다.
하지만 웹퍼블리싱을 하는 사람에게 가장활용도가 높고 강력한 꼭 필요한 툴은 '윈도우메모장'이 아닐까 생각합니다.
-----------------------------------------------------------------------------
요약)
1. 비트맵이미지 제작프로그램
2. 웹코딩 프로그램
이 2가지 프로그램만 있으면 홈페이지는 제작할 수 있습니다.
옵션)
그 외에 홈페이지를 더욱 화려하고 현란하게 구현하는 다양한 프로그램들 로는
3Dsmax, Maya, Flash, After Effects, Edge Animate, Muse, Inspect, Unreal Engine VR, Unity Engine, Qtime VR, Youtube, Vimeo, Wordpress, Zeroboard XE, Gnu Board, Young Cart 등등.. 엄청나게 많은 프로그램들을 활용해서 다양한 형태의 웹사이트 제작을 할 수 있습니다.
====================================================================
프로그램이 아닌 홈페이지 제작과 운영에 필요한 관련 서적으로는
1. 포토샵으로 홈페이지 만들기 같은.. 웹이미지 활용에 관련한 서적들 (이건 이미 구매하셨죠?)
2. HTML5 + CSS3, 웹표준 코딩 관련된 서적들 (다음에 구입할 책입니다.)
3. 워드프레스, 제로보드, 그누보드 같은 웹사이트 구축과 운영에 필요한 서적들
-- 여기까지는 홈페이지 제작을 위한 책이구요.
4. 소셜,온라인,블로그 등 마케팅 관련 서적들 (만들었으면 광고를 해야 손님이 오죠?)
5. 웹기획 관련 전략서적들 (기획을 알아야합니다.)
6. 타이포그래피, 레터링, 캘리그라피, 컬러리스트 관련 서적 (정보전달을 높여주는 서적들입니다.)
-- 여기까지는 공부해야 웹디자이너가 되겠네요.
그리고 여기까지 하셨으면 웹디자인을 마스터 하신게 아니라.
시작할 준비를 하신겁니다
이제부터가 진짜 홈페이지 제작과 웹디자인의 시작입니다.
화이팅입니다!
전 웹디자인 포함해서 디자인만 20년 넘게 실무중심으로 해왔지만
시대는 빨리변하고 아직도 모르는게 많아서 매일매일 독학으로 끈질기게 공부합니다.
=======================================================================================
아래 글은 다른분께서도 비슷한 질문하셔서 답변드렸던 내용을 가져온것입니다.
질문자님께도 해당이 될만한 내용입니다.
http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10501&docId=223987846&page=1#answer3
---------------------------------------------------------------------------------------
Q.질문 내용
제가 요즘 웹디자이너 취업을 목표로 웹디자인 공부를 하고 있는데요.
지금까지는 포토샵 공부를 하고있었습니다. 근데 이제는 다른 분야도 공부를 해야 될것 같아서요.
1. 포토샵이랑 일러스트를 같이 공부해야 될까요?
2. 포토샵이랑 HTML을 같이 공부해야 될까요?
3. 아니면 모든 분야를 한번에 같이 다루면서 홈페이지 만드는 공부를 해야 될까요?
A. 답변 내용
뭐... 대다수의 사람들은 아마도 포샵,일러는 기본으로 해서 코딩도 배워야 웹디자인을 한다고 이야기 할것입니다. 물론 맞는 이야기 입니다.만.. 동시에 다른 이야기일 수도 있습니다. 웹디자이너 취업을 목표로 하고 있다고 하시니 보다 구체적인 목표설정부터 하는것이 순서 이겠지요.
포토샵이나 일러스트냐 html이냐.. 이건 웹디자이너가 해야하는 필수코스가 아닙니다. 단지 스킬만을 중점으로 이야기하는 것입니다.
즉. 기술자가 아닌 기능사를 말하는 것입니다. 컴퓨터를 잘활용하는 기능사에 대한 부분이구요.
관련 자격증으로는 웹디자인기능사 자격증이 있기도 합니다.
하지만 그 본질 속에 가장 큰 것은 바로 "디자인" 이라는 단어 이겠죠.
---------------------------------------------------------------
저는 그 질문에 대한 답보다는 오히려 보다 원하는 답에 가까운 답변이 되도록
간단한 의문을 드려보겠습니다.
웹디자이너로 근무하고 취업을 하고 싶다고 하시는데 웹디자이너에도 종류는 수십에서 수백가지의 업무가 있습니다. 그냥 막연하게 웹디자이너가 되야지가 아니라 구체적으로 난 어떤 어떤 프로젝트를 하면서 어느정도의 비중을 차지하는 일을 하고 싶다는 근본적인 목표치가 설정되는 것이 좋습니다.
가령 억대 대규모 프로젝트 의뢰를 받았다고 가정해 봅시다.
이 프로젝트에서 난 어떤일을 할것인가. 물론 지금이야 막연하겠지만 상상과 목표는 이상한것이 아니구요.
1. 웹사이트 제작을 위한 마케팅 및 플래너 혹은 기획자.
웹사이트 제작을 위해 기획을 하고 고객과 협의하고 제작할 방향을 설정하고 제작에 투입될 인력을 구성, 인력과 일정을 관리하면서 전체 프로젝트를 이끌어가는 역할을 합니다.
이사람은 웹디자이너 일까요? 아닐까요?
디자이너가 아닌 웹기획자라고 말하는 사람들도 많을 것입니다만.
제가 말하는 의도속의 정답은 "웹디자이너" 입니다.
웹디자이너와 웹기획자 의 구분방법은
웹디자인에 관련한 실질적인 작업능력을 가지고 기획을 하는 사람은 "웹디자이너"
작업능력은 없지만 사업가로서의 운영능력과 기획능력을 가진 사업가형태의 직업군은 "웹기획자" 라고 합니다.
디자인이라는 말은 다른말로 설계를 한다는 말입니다. 디자이너는 그냥 주어진 그림을 그리는 사람이 아닌 어디에 무엇을 그려넣을지 고객이 원하는 방향을 설정해서 잘그려서 만들어진 작품을 단지 그림이 아닌 가치가 있는 상품으로 구현해내는 사람입니다. 제작기법과 스킬은 다음문제 이구요.
즉 디자이너는 그림을 그리는 사람이 아니라 기획과 설계를 하는 사람을 말합니다.
예1)
그림을 그리는 사람을 흔히 화가라고 부릅니다.
그런데 그림만 그린다고 화가일까요? 어떤 생각과 의도를 작품으로 구현해내서 소통을 하기위한 도구로 그림을 그리는 사람을 화가라고 하며 작가라고도 합니다.
사진을 보고 따라서 그리는 사람. 사진이랑 똑같이 그릴줄 아는 사람. 물론 그리는 능력은 뛰어나지만 단지 그림을 잘그리는 사람일뿐 화가라는 칭호를 붙이기는 어렵습니다. 하지만 듣기 좋게 화가라고 부르는 것이겠죠.
예2)
패션디자이너들을 예로 들어볼까요? 패션디자이너들이 옷을 직접 만들까요?
그 누구보다 잘 만들수 있는 능력이 있지만 직접만드는 일은 어시스트에게 맡기고 자신은 어떤 디자인의 옷을 만들것인지 어떻게 어필할 것인지 기획을 하고 설계도를 만드는 사람이 디자이너 입니다.
그럼 그옷은 설계를 한 사람의 작품일까요? 아니면 옷을 만들고 재봉한 사람의 작품 일까요?
설계하고 기획한 사람의 작품이겠죠?
웹디자이너도 그들과 크게 다를 것은 없습니다.
웹디자이너라는 말은 웹사이트를 어떻게 설계하고 구축할것인지 연출방법과 비주얼, 이펙트 등의 구성은 어떻게 할것인지. 디자인매뉴얼을 제작하고 설계도를 만들고 사이트맵을 만들어 협업을 하는 작업자들에게 업무분장을 할것인지를 하는 사람. 즉. 작업능력을 가졌으면서 프로젝트를 총괄하여 진행 할수있는 사람을 웹디자이너라고 합니다.
그리고 웹디자인과 밀접한 관계에 있는 인력들이 웹프로그래머 입니다.
기획과 디자인으로 비주얼에 관련된 부분의 연출은 하지만 그걸 실제로 구동하고 정상적인 기능으로 돌아가는 하나의 프로그램화 하기위해서는 웹프로그래머가 함께 진행을 합니다.
즉 말씀하시는 목표의 웹디자이너는 이런 웹디자이너를 말씀 하시는 것인지요?
아니면 혹시? 웹일리먼트 디자이너를 말씀하시는 것은 아닌지요?
웹일리먼트 디자이너는 웹디자인프로젝트에 필요한 특정 요소(Elements)를 디자인하는 사람을 말합니다.
메인+서브를 포함한 페이지 디자인, 타이포그래피를 위한 폰트구성디자인, 사이트내 광고를 위한 배너, 팝업디자인, 정보전달을 위한 인포그래픽디자인, UI 구성 및 아이콘디자인, 모바일디자인, 도트디자인,
웹VR디자인, 웹3D디자인, 웹영상디자인, 상세페이지디자인, 웹포토디자인 등등...
웹디자인 분야에는 아직도 다 적지 못한 수많은 요소를 제작하는 웹일리먼트 디자이너들이 상당수 존재합니다.
그런데 규모가 매우작아서 여러사람이 손댈필요없이 혼자서 개인홈페이지를 스스로 만들줄 알면 웹디자이너라고 할까요? ^^ 물론 그렇게 말해도 됩니다. 어찌됐건 크건 작건 한프로젝트는 처음부터 끝까지 관리하고 마무리 할수 있다면 웹디자이너라고 말할 수 있겠지만 결국 규모의 차이일뿐 웹디자이너임은 맞습니다. 단. 웹디자이너는 작업만 하는 사람이 아닌 마케팅과 기획을 기본적으로 하면서 작업을 하는 사람을 말하는 것입니다.
그럼 혹시 질문자께서 말씀하신 웹디자이너란 제가 말씀드린 웹디자이너와 같다면
동일한 직업이라는 가정 하에 답변을 드리겠습니다.
웹디자이너에게 꼭 필요한 것은 포토샵 일러스트레이터 같은 도구가 아닙니다.
1. 웹 기획
2. 웹 마케팅
3. 웹 연출 (타이포그래피, 컬러, 이펙트)
4. 이미지 제작,가공
5. 아웃풋(웹사이트)
최소한으로 줄이면 이 5가지 항목이 웹디자이너의 필수요소 입니다.
처음부터 웹디자이너로 취업하는것은 무리가 있겠죠.
경력을 쌓고 다양한 프로젝트를 진행해서 레퍼런스.. 즉 실적을 쌓아야 가능한 부분으로
우선은 "웹일리먼트 디자이너"로 취업을 하게됩니다.
일리먼트 디자이너가 되기위해서는 우선 툴사용이 익숙해야 지시내려오는 작업물을 빠르고 정확하게 만들어거 공급을 할수 있겠죠.
그러기위해서는 기능적인 툴로 이미지저작 툴을 선택해야 합니다.
이미지저작을 위한 도구로는 포토샵, 페인트샵, 페인터, 스케치북,스케치업 이외에도 다양한 이미지툴이 존재하지만 범용적으로 많이 사용하는것이 포토샵이기에 포토샵을 추천하는 것뿐입니다.
기능적으로 포토샵이 가진 대다수의 기능을 포함하고 있으면서 드로잉툴에 대한 능력치가 월등히 높은 것이 페인터입니다. 이미지의 빠른 편집만을 위한것이라면 포토샵을, 드로잉과 일러스트제작까지 생각한다면 페인터를 추천합니다.
로고, 일러스트, 아이콘 등에 대한 제작을 위해서는 벡터이미지의 제작이 필요합니다.
이런경우를 대비해서 일러스트레이터를 사용하는 것이 좋습니다. 벡터저작툴로는 현시대에는 일러스트레이터가 독보적인 존재로 자리를 잡았으니 다른 프로그램보다는 일러스트레이터를 집중해서 익히는 것이 유리합니다.
취업을 하기위해서 필수적으로 사용해야 하는 프로그램은 처음엔 이 두가지 툴이면 충분합니다.
비트맵 이미지저작을 위한 페인터 또는 포토샵
벡터이미지 저작을 위한 일러스트레이터
HTML이요? 알면 좋죠! 그런데 몰라도 됩니다.
웹일리먼트 디자이너로 들어가는데 HTML까지 공부한다음에 취업하려면 취업시기가 그만큼 늦어질텐데요?
사람들이 포샵,일러,코딩 을 필수적으로 해야 한다고 하는데.
꼭 그렇지는 않습니다. 취업해서 업무만 더 가중될 뿐입니다.
웹디자인을 위한 에이전시 및 대규모 사단의 경우 각자의 영역에서의 업무가 세분화 되어 있어서 툴은 포샵,페인터,일러 정도만으로도 관계 없습니다. 웹코딩은 코딩전문 인력들이 업무를 처리하니까요.
그런 에이전시에서 원하는 인재는 포토샵, 일러스트를 기차게 잘하는 전문가를 뽑는 것이 아닙니다. 머리도 함께 가져가세요. 그림은 잘그리는데 이해력이 떨어지거나 대화능력이 부족한 사람은 들어서기 힘들껍니다. 툴사용능력보다 중요한것이 언어사용과 사고능력 입니다. 기획자로서의 능력을 갖추고 들어가야 하는 것이지요. 보통 에이전시급의 회사들은 인력이 상당히 많습니다.
그런데 소규모의 작은 회사들 디자이너 2~3명, 프로그래머 2~3명, 영업직원 4~5명, 대표1~2명, 이사,행정,회계 등등 해서 직원은 10명 남짓인데 디자이너의 수가 2~3명으로 매우 적습니다. 이런곳에 들어가시려면 코딩도 배워서 들어가세요. 이곳에서 중요한것은 말잘듣고, 출퇴근잘하고, 건강하고, 일처리가 빠르고 정확한 정말 손이 빠른사람이니까요. ^^
결국 코딩까지를 배워서오라는 회사는 웹에이전시급의 큰회사가 아닌 작은규모의 회사인데 그곳은 에이전시라고 하지 않고 그냥 홈페이지 제작사라고 부릅니다. 에이전시라는 말은 아무나 쓸수있는 말이 아니거든요. 또는 웹디자이너를 필요로 하는 일반 기업들입니다.
우선 그래픽툴먼저 어느정도 익히신 후에 일단 실무에 들어가서 경험하면서 스킬을 높이세요.
코딩도 업무진행하면서 필요하면 틈틈히 익히시구요. 다 준비해서 들어가는 것보다는 아는게 많지 않아도 일단 부딛혀보고 들어가서 실무중심으로 하나하나 익혀가면서 성장하는 것이 가장 빠릅니다.
아니면 아예 엘리트코스로 학위받고 유학까지 다녀온다음에 큰시장을 목표로 해보시는 것도 방법입니다.
------------
결론은 웹디자이너가 되기위해서는 포토샵이냐 일러스트냐 코딩이냐가 중요한게 아니라
어떤 목표를 하고 있고 그 목표를 이루기 위한 과정을 어떻게 밟을것인가를 먼저 고민하시기를 말씀드립니다. 그리고 에이전시의 입사가 목표인가. 에이전시의 간부급으로 올라가는 엘리트코스를 밟을 것인가. 자기 사업을 위해서 경험을 쌓기위해 어디라도 들어가서 배울것인가..에 대한 고민을 하시기바랍니다.
더 쉽게말해서
목표가 대기업 이냐 / 중소기업이냐 / 벤처기업이냐 / 소기업이냐 / 창업이냐
라고 생각하시면 되겠군요. 어떤 목표를 설정하는가에 따라 배워야하는 것도
그 과정도 많은 차이가 있을껍니다.
가능하면 머리와,포토샵과,일러스트 3가지만 가지고
웹에이전시에 도전하시기를 추천드립니다.
웹에이전시에서의 경력은 길면 길수록 다른곳에서도 크게 작용할 것입니다.
벽이 너무 높다면 그때 눈높이를 조금씩 낮춰도 되구요.
웹디자인 무척이나 힘들고 고된 직업입니다. 목표로 하신다니 좋은 결과있기를 바랍니다. ^^
==================
위의 모든 내용은 개인적인 의견이니 본인의 성향에 맞게 추려서 참고만 하시기 바랍니다.
제 의견은 단지 의견일뿐 정답은 아닙니다. ^^
