Introduction to Web Design.

Presentation on theme: "Introduction to Web Design."— Presentation transcript:

1 Introduction to Web Design

2 SPARCS 10 ID 09 Mingyoeng Kim I am a Designer.

3 정모 2번 빠져서 정회원이 되지 못한 못난이일 뿐입니다 ㅠㅠ

4 앞으로는 열심히 할게요!! 그럼 시작하겠습니다 

5 What do you think of “Web Design”?
Who is “Web Designer”? And, What is different with Web master?

6 우리나라 프리랜서 웹디자이너 홈페이지

7 먼저, 웹디자이너가 무엇을 하는 사람인지 또, 웹마스터와는 뭐가 다른 건지 알아보겠습니다.

8 What is a Web Designer?

9 Then, What is a Web Master?

10 What is a Web Master?

11 웹디자이너가 신규 사이트 제작에 비중이 높다면
웹마스터는 관리자에 비중이 높습니다.

12 웹 디자이너가 되려면, !! 프로그래머와의 커뮤니케이션 관련 사전지식이 충분해야 한다. 2. 최종 결과물이 화면용이므로
화면용 색상과 인쇄 출력용 색상의 정확한 인지가 있어야 한다. 3. 자신만의 끼를 가지고 창의적인 감각이 있어야 한다. 4. 최근 유행에 민감해야 한다. (웹은 유행에 민감하다.) 5. php, asp 등의 어느 정도 코딩 능력이 있어야 하고 최근에는 플래시가 필수다. !! 웹 디자이너가 되려면,

13 ^^ 가장 중요한 연봉은……

14 프리랜서는 원래 가난함과 부유함을 함께 겪지만
네이버 지식in에 따르면, 뭐, 그 사람의 능력과 경력에 따라 천차만별이고 신입의 경우에도 스펙이 따라주면 또 다르고 프리랜서는 원래 가난함과 부유함을 함께 겪지만 그래도 대충, 웹디자이너가 2000만원 웹마스터는 웹디자이너보다 좋을꺼래요… 생각보다 박봉

15 국내외 유명 웹디자이너에는 누가 있을까요? First, Who design ?

16 인터넷에 검색해보니, 네이버의 변천사가 나오더군요 :D ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

17

18 Who design “NAVER”? Sooyong Cho, 조수용
M.S. (1996), Department of Industrial Design, Seoul National University ~ NHN director ~ Head of NHN CMD ~ Head of NAVER Deisgn

19 Second, Who design ?

20 Who design “Google”? Dennis Hwang , 황정목 전체적인 디자인 총괄
Logo Designer of Google Web Master of Google 전체적인 디자인 총괄

21 웹디자이너들은 어떤 프로그램을 사용할까요?

22 우리나라에서는 어도비 프로그램을 많이 쓰는가 봅니다 ;; Fl Ai

23 Dreamweaver 웹 개발 응용 프로그램 최근에 나온 버전들은 CSS, 자바스크립트, 다양한
서버 사이드 스크립팅, 그리고 ASP.NET, 콜드퓨전, 자바서버 페이지, PHP 등의 프로그래밍 언어 및 프레임워크과 같은 웹 기술에 대한 지원을 포함하고 있다. Dreamweaver 웹 개발 응용 프로그램

24 Photoshop 래스터 그래픽 편집기 픽셀방식 2차원 [편집] 래스터 방식 [편집] 어도비 포토샵 페인트샵 프로 코렐 페인터
김프 벡터 방식 [편집] 어도비 일러스트레이터 플래시 코렐 드로우 3차원 [편집] 오토캐드 3D 스튜디오 맥스 마야 (소프트웨어) 라이트웨이브 소프트 이미지 XSI 스케치업 ZBrush Photoshop 래스터 그래픽 편집기 픽셀방식

25 Ai Illustrator 벡터 드로잉 프로그램
어도비 일러스트레이터(Adobe Illustrator)는 어도비 시스템즈사에서 개발한 벡터 드로잉 프로그램이다. 맥 오에스와 윈도우 플랫폼을 지원한다. 파일의 용량이 적고 그림을 확대해도 선명한 장점이 있지만, 가격이 비싸다는 단점이 있다. 쿼크익스프레스, 어도비 포토샵과 더불어 전자출판에서 많이 사용한다. 그래프, 픽토그램, C.I, 캐릭터 작업등에 사용되며, 이미지 스캐너로 스캔한 그림을 따서 그리는 작업에도 쓰인다. 최신버전은 맥 오에스 텐과 윈도용인 일러스트레이터 CS이며 하위버전 저장이 되지 않는 단점이 있다. Illustrator 벡터 드로잉 프로그램

26

27 Fl Flash (벡터기반) 웹 저작도구 영상제작이라고해야하나
상호 작용적인 벡터 기반의 웹사이트를 제작할 수 있는 웹 저작 도구이다 Flash (벡터기반) 웹 저작도구 영상제작이라고해야하나

28 ?!

29 Thanks. 시간이 없어서 준비 많이 못했네요. 못난이였습니다 

30 웹 디자이너가 되려면, !! 프로그래머와의 커뮤니케이션 관련 사전지식이 충분해야 한다. 2. 최종 결과물이 화면용이므로
화면용 색상과 인쇄 출력용 색상의 정확한 인지가 있어야 한다. 3. 자신만의 끼를 가지고 창의적인 감각이 있어야 한다. 4. 최근 유행에 민감해야 한다. (웹은 유행에 민감하다.) 5. php, asp 등의 어느 정도 코딩 능력이 있어야 하고 최근에는 플래시가 필수다. 웹 디자이너가 되려면, !!

31 화면용 색상과 인쇄 출력용 색상 RGB CMYK ※ 화면용이면 RGB로, 출력용이면 CMYK로 설정해놓고 쓰세요.
가끔!! 안 그러면 나중에 색이 달라서 안습ㅠㅠ되는 경우도 있습니다. 돌아가기