-
시안 제작
디자인 콘셉트에 따라 아이디어를 스토리보드에 맞게 섬네일(Thumbnail sketch)할 수 있고 실제 전달 매체에 맞추어 디자인 스타일, 컬러, 텍스쳐, 모션을 구체화시킬 수 있다.활용 제작 프로그램의 기능 및 역할
아이디어 시각화를 통하여 완성된 스케치를 컴퓨터 소프트웨어를 활용하여 제작한다.
이미지 편집 프로그램
고품질의 이미지를 제작하기 위한 목적으로 만들어진 이미지 편집용 프로그램입니다.
- 포토샵(Photoshop)
드로잉 프로그램
백터 방식으로 문자와 같이 윤곽선이 깔끔한 이미지를 만들거나 타이포그래픽 디자인을 제작할 때 많이 사용된다. 만들어진 이미지의 수정이나 편집, 보완 등이 용이하고, 축소나 확대, 변형 등의 작업 시에도 이미지 왜곡이 없고, 해상도의 영향을 받지 않는다. 대표적 인 프로그램으로 일러스트레이터(Illustrator)와 코렐 드로(Corel Draw)가 있다.
- 일러스트(Illustrator)
애니메이션
개발자의 의도에 따라 물체나 무생물이 살아 움직이는 것처럼 의인화 되는 영상 작품으로 필름이나 VTR 등의 영상 매체를 통하여 창조되는 기술이나 기법을 말한다. 웹 애니메이 션으로 플래쉬(Flash)가 사용되며 영상 제작 소프트웨어로는 프리미어(Premiere), 애프터애 팩(After Effects)등이 있으며 이외에 3차원 제작 도구로 마야(Maya), 3D MAX, 라이노 (Rhino)등이 있다.
- 플래시(Flash)
- 애프터이팩트(After Effects)
- 프리미어(Premiere)
- 마야(Maya)
- 3D Max
- 라이노(Rhino)
- 시네마 4D
웹 에디터
기본적으로 HTML 태그를 기반으로 하지만, 코드를 기반으로 한 프로그래밍은 전문 인력 이 담당하며, 드림위버(Dreamweaver) 소프트웨어를 이용한 위지웍(WYSIWYG) 방식의 편 집으로 손쉽게 HTML 코딩이 가능하다
- 에디터 플러스 View
- 울트라 에디터 View
- 노트패드 View
- 드림위버
- 브라켓 View
- 아톰 View
- 서브라임 View
- 코다 View
- 비주얼 스튜디오 코드 View
- 웹스톰 View
- 코드펜(브라우저) View
- JSFiddle(브라우저) View
- 코드애니웨어(브라우저) View
프로토타입 프로그램
프로토타입(prototype)은 원래의 형태 또는 전형적인 예, 기초 또는 표준이다. 시제품이 나오기 전의 제품의 원형으로 개발검증과 양산 검증을 거쳐야 시제품이 될 수 있다. 프로토타입은 '정보시스템의 미완성 버전 또는 중요한 기능들이 포함되어 있는 시스템의 초기모델'이다. 이 프로토타입은 사용자의 모든 요구사항이 정확하게 반영할 때까지 계속해서 개선/보완 된다. 실제로 많은 애플리케이션들이 지속적인 프로토타입의 확장과 보강을 통해 최종 설계가 승인된다.
- 스케치(Sketch) View
- XD View
- Figma View
- Invision View
- Framer View
- Protopie View
- Proto.io View
- Oven View
- Moqups View
- Marvel View
- Draw View
- Mockflow(와이어프레임) View
마인드 맵
댓글
