웹디자인 기능사/프로토타입기초 데이터수집

시안 제작

백냥냥냥 2019. 10. 30. 14:35
디자인 콘셉트에 따라 아이디어를 스토리보드에 맞게 섬네일(Thumbnail sketch)할수 있고, 실제 전달 매체에 맞추어 디자인 스타일, 컬러, 텍스쳐, 모션을 구체화시킬 수 있다.

활용 제작 프로그램의 기능 및 역할

아이디어 시각화를 통하여 완성된 스케치를 컴퓨터 소프트웨어를 활용하여 제작한다. 이때 여러 가지 프로그램이 사용될 수 있으나, 대표적으로 사용되는 소프트웨어는 다음과같다.

이미지 편집 프로그램

고품질의 이미지를 제작하기 위한 목적으로 만들어진 이미지 편집용 프로그램입니다.

  • 포토샵(Photoshop)
  • canva View

드로잉 프로그램

백터 방식으로 문자와 같이 윤곽선이 깔끔한 이미지를 만들거나 타이포그래픽 디자인을 제작할 때 많이 사용된다. 만들어진 이미지의 수정이나 편집,보완 등이 용이하고, 축소나확대, 변형 등의 작업 시에도 이미지 왜곡이 없고, 해상도의 영향을 받지 않는다

  • 일러스트(Illustrator)

애니메이션 프로그램

개발자의 의도에 따라 물체나 무생물이 살아 움직이는 것처럼 의인화 되는 영상 작품으로 필름이나 VTR 등의 영상 매체를 통하여 창조되는 기술이나 기법을 말한다.

  • 플래쉬(Flash)
  • 에프터이팩트(After Effects)
  • 프리미어(Premiere)
  • 마야(Maya)
  • 3D MAX
  • 라이노 (Rhino)
  • 시네마 4D

웹 에디터 프로그램

기본적으로 HTML 태그를 기반으로 하지만, 코드를 기반으로 한 프로그래밍은 전문 인력이 담당하며, 드림위버(Dreamweaver) 소프트웨어를 이용한위지웍(WYSIWYG) 방식의 편집으로 손쉽게 HTML 코딩이 가능하다.

  • 에디터 플러스 View
  • 울트라 에디터 View
  • 노트패드 View
  • 드림위버 View
  • 브라켓 View
  • 아톰 View
  • 서브라임 View
  • 코다 View
  • 비쥬얼 스튜디오 코드 View
  • 웹스톰 View
  • 코드펜(브라우저) View
  • JSFiddle(브라우저) View
  • 코드애니웨어(브라우저) View

프로토타입 프로그램

프로토타입(prototype)은 원래의 형태 또는 전형적인 예, 기초 또는 표준이다. 시제품이 나오기 전의 제품의 원형으로 개발검증과 양산 검증을 거쳐야 시제품이 될 수 있다. 프로토타입은 '정보시스템의 미완성 버전 또는 중요한 기능들이 포함되어 있는 시스템의 초기모델'이다. 이 프로토타입은 사용자의 모든 요구사항이 정확하게 반영할 때까지 계속해서 개선/보완 된다. 실제로 많은 애플리케이션들이 지속적인 프로토타입의 확장과 보강을 통해 최종 설계가 승인된다.

마인드 맵