시안 제작

시안 제작

• 디자인 콘셉트에 따라 아이디어를 스토리보드에 맞게 섬네일(Thumbnail sketch)할수 있다
• 실제 전달 매체에 맞추어 디자인 스타일, 컬러, 텍스쳐, 모션을 구체화시킬 수 있다
• 필요에 따라 전체 스토리보드에 대한 세부 시안과 종합 패키지를 제작할 수 있다.

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

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

이미지 편집 프로그램

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

• 포토샵(PhotoShop)

드로잉 프로그램

백터 방식으로 문자와 같이 윤곽선이 깔끔한 이미지를 만들거나 타이포그래픽 디자인을 제작할 때 많이 사용된다.

• 일러스트(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
• JSFiddle(브라우저) View
• 코드애니웨어(브라우저) View

프로토타입 프로그램

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

• 스케치(Sketch)View
• XDView
• FigmaView
• InVisionView
• protopieView
• framerView
• protoView
• ovenappView
• moqupsView
• marvelappView
• drawView
• mockflowView
• sketchizeView
• muralView
• mindmeisterView

마인드 맵

• sketchizeView
• muralView
• mindmeisterView
• coggleView
• trelloView