web design 웹디자인

디자인 이란

디자인, design
명사 : 건축·공업 제품·복식(服飾)·상업 미술·산업 미술 등 ‘'’실용적인 목적’'’을 가진 조형 작품의 ‘'’설계나 도안’’’. 순화어는 설계', 도안’, `의장’.

CSS 레이아웃을 사용하는 웹 페이지의 예
웹 디자인(영어: web design)은 웹 브라우저가 해석하고 그래픽 사용자 인터페이스 (GUI: Graphic Use Interface)로 보여 주기에 알맞은 마크업 언어 형식으로 인터넷을 통해 전자 매체 콘텐츠 전달의 개념을 정하고 계획하고 모델로 만들어 실행하는 과정이다.
웹 디자인의 목적은 웹 사이트를 만드는 것이다.
출처 : https://ko.wikipedia.org/wiki/%EC%9B%B9_%EB%94%94%EC%9E%90%EC%9D%B8

자료 수집 단계
- 타이틀 (웹 사이트 제목, 전면에 내세울 타이틀, 문구 또는 문장) 결정
- 정보 리스트업 (ex: 소셜 미디어 계정, 블로그, 전화번호, 이메일)
- 사진 수집 또는 촬영
디자인 시각화 단계
- 웹 레이아웃의 크기와 반응성을 정함.
- color 와 tone 을 정함.
- psd 파일 작업.
기능 정의 단계
- 인터랙션 또는 애니메이션을 정의
- 구현 가능한 기능? 또는 라이브러리로 구현할 수 있는 기능?
코딩 단계
- html, css, images 로 정적인 코딩.
- 기능 정의에 맞게 js 파일 코딩
수정 단계
- 각 구현이 올바르게 되어 있는지 확인하고 필요한 부분 수정.

1990년대

웹디자인 + HTML (나모웹에디터, 드림위버 등을 활용) + 자바스크립트 등 개발을 제외한 모든업무

기획/디자인/개발

2000년대

자바스크립트, 플래시 등 세분화 되는 기술에 따라 업무분장의 필요성 대두

HTML + Javascript / Flash / Flash Actionscript 등

2010년대

분야별 전문성 집중

기획:PM,PL등 / 디자인:디자이너,플래시모션디자이너 / 개발:퍼블리셔,스크립터(Javascript, Flash Actionscript) / 개발자 (Front, Back, DB설계 등)

2000년대

의미에 맞는 테그 사용 (웹표준) 모든 브라우저에서 동일하게 볼 수 있도록 (크로스 브라우징)

코더(coder), 퍼블리셔(publisher)

2010년대

모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장(웹 접근성) / 웹, 모바일웹, 반응형 웹으로 세분화

퍼블리셔 (publisher)