시안 제작

시안 제작

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

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

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

이미지 편집 프로그램

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

• 포토샵(Photoshop)
• 켄바스

드로잉 프로그램

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

• 일러스트레이터(Illustrator)

애니메이션

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

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

웹 에디터

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

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

프로토타입 프로그램

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

• 스케치(Sketch) View
• XD View
• FigmaView
• invisionappView
• framerView
• protopieView
• proto.ioView
• ovenapp.ioView
• moqupsView
• marvelappView
• drawView
• mockflowView
• sketchizeView

마인드 맵

• muralView
• mindmeisterView
• coggleView
• trelloView