1] 프로토 타입 제작 소프트웨어
서비스 시나리오를 통해서 정리된 내용을 프로토타입으로 제작한다.
1. 이미지 편집 프로그램
2. 드로잉 프로그램
3. 애니메이션 : 프로토타입의 인터렉션, 이용 행태 등을 보여 주기 위해서 애니메이션을 활용하는 경우가 많이 있다.
4. 3차원 제작 프로그램 : 제품을 프로토 타입으로 제작하거나, 서비스가 실현되는 사용 상황과 환경을 보여 주기 위해서 프로토타입을 3차원으로 제작하는 경우도 있다.
2] 이미지 형식 종류
프로토 타입에서 가장 많이 활용되는 이미지 파일은 디지털 정보로 저장되며 데이터 파일로 포맷이 이루어진다.
1. JPG : 가장 많이 활용하는 이미지 포맷으로, 24비트 색상을 지원하여 이미지 손실이 작고, 원하는 이미지의 품질을 지저할 수 있다.
2. BMP : 비트맵 이미지의 대표적 파일 형식으로, 입출력 속도는 빠르지만 압축하지 않은 상태로 저장한다.
3. GIF : 웹의 표준 그래픽 포맷으로 널리 쓰인다. 8비트의 256 색상까지 표현할 수 있고, 투명한 배경의 이미지나 여러 장의 이미지를 연결하여 동영상 이미지를 만들 수도 있다.
4. TIFF : 대부분의 이미지 모드를 지원하며 윈도 및 맥 환경에서 공동으로 사용 할 수 있는 호환성을 가지고 있다.
5. PNG : GIF나 JPG보다 압축률이 좋으며 투명한 배경으로 이미지를 저장할 수 있다.
6. PSD : 포토샵의 기본 포맷 방식
7. EPS : 인쇄 등 출력을 위한 포맷 방식
8. PDF : 포스트스크립트(Postscript)의 변형으로 문서를 이미지 형태로 보여 주는 파일 형식이다. 용량이 작고 호환성이 뛰어나다.
3]영상 형식 종류
1. mpeg : mpeg는 moving picture exports group의 약자로 국제 표준 영상 파일로 동영상 파일을 고압축하여 파일의 크기를 획기적으로 줄였지만 해상도는 뛰어나다.
2. avi : 압축률이 높지 않아 파일 크기가 크지만 파일을 저장할 때 여러 가지 압축 코덱을 사용하여 파일 크기를 줄일 수 있다.
3. mov : 맥에서 표준으로 사용되는 동영상 포맷이다.
4. asf : 마이크로소프트사가 스트리밍용으로 만든 미디어 포맷으로 통신망에서 실시간으로 멀티미디어 서비스를 받는 데 최적화되어 있다. 소리 파일로 활용되기도 하는데 mp3포맥과 비슷하지만 파일 용량이 더 작다.
5. divx : divx사가 mpeg4를 수정하여 만든 것으로 영상을 줄이고 mp3를 써서 소리 트랙을 줄였으나 화질이나 소리는 mpeg4와 거의 같다.
4] 사운드 형식 종류
1. wav : 윈도 운영 체제에서 기본적으로 사용되는 사운드 파일 형식
2. mp3 : wav파일의 약 1/50용량으로 용량이 작아 활용도가 높다. 사람이 들을 수 있는 신호만 모아서 압축하여 스테레오 음악용으로 많이 쓰인다.
3. ogg : mp3의 유료화에 반대하여 만들어진 공개된 사운드 파일 형식.가변 비트레이트를 써서 용량을 줄이고, 중 저음을 잘 살려서 음질도 손색이 없다.
4. ra : 스트리밍 기술을 활용하여 인터넷에서 처음으로 사용된 사운드 파일 형식이다.
5. au : 유닉스 운영 체제 환경과 자바 프로그래밍 언어에서 쓰인다.
6. midi : 컴퓨터 전자 악기, 전자 악기 사이의 정보 교환의 규격을 위한 파일이다.
5] 프로토타입 제작을 위한 기초 자료 수집.
제작될 프르토타입의 성격과 종류를 고려하여 기초 자료를 수집한다. 프로토타입의 성격과 종류에 따라서 자료의 수집 내용이 달라지기 때문에, 프로토타입의 성격을 파악하고 종류를 결정한 이후에 기초자료를 수집한다.
1. 구현 방식에 따른 특성
종이로 제작된 프로토타입,, 스케치로 제작된 프로토타입, 영상으로 제작된 프로토타입 등으로 분류할 수 있다.
2. 구현 내용에 따른 특성
사용자 인터페이스 디자인, 그래픽 디자인, 제품 디자인, 서비스 디자인 등의 특성에 따라 분류할 수 있다.
3. 인터렉션 내용에 따른 특성
사용자와 서비스의 인터렉션 여부, 사용자와 서비스의 동적인 움직임 여부, 서비스에서 저오의 이동과 연계성 등에 따라 분류할 수 있다. 인터렉션 내용에 따라서 이미지 사진 동영상 등을 수집한다 .
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기-13 (0) | 2022.03.21 |
---|---|
[반응형] 포트폴리오 제작기 -TB-1 (0) | 2022.03.20 |
서비스 시나리오 제작하기 (0) | 2022.03.17 |
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기-12 (0) | 2022.03.16 |
[반응형] 포트폴리오 제작기 -MB-5 (0) | 2022.03.16 |