티스토리 뷰
스토리 보드 구성
프로토타입 제작을 위한 스토리보드 구성과 인터렉션, 모션그래픽 또는 애니메이션 을 제작할 수 있다.
1. 스토리보드
주요 화면을 장면이나 그림, 사진으로 정리한 계획표를 말한다. 내용을 보는 사람이 이해할 수 있도록 그림으로 그려 정리한 판. 기획 단계에서 구체적인 시각화하는 도구로 쓰이며 개발자간의 주요한 의사소통을 위한 중요한 도구로 쓰인다.
2. 모션그래픽
컴퓨터그래픽 프로그램을 이용하여 사진 또는 이미지들을 움직이거나 효과를 주고 카메라 를 이용하여 움직임을 만들어내어 타이포그래피, 2D, 3D 애니메이션을 통해 광고 및 정보 전달을 위한 영상물로 활용되고 있다.
3.HTML
인터넷 서비스인 월드와이드 웹을 통해 볼수 있는 문서를 만들 때 사용하는 프로그래밍언어의 한 종류이다. 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다.
3.1 문서 메타 데이터
속성정보라고도 불리며 대량으로 존재하고 있는 정보들 사이에서 찾고자 하는 정보를 효율적으로 찾아내기 위해 일정한 규칙에 의거하여 콘텐츠에 부여해 주는 데이터를 말한다. HTML의 5가지 문서 메타데이터는 <tile>, <meta>,<style><link>, <base>가 있다.
3.2 콘텐츠 구획화
문서 콘텐츠를 논리적인 조각으로 체계화 할 수 있도록 구획화 요소를 사용하여 웹페이지 콘텐츠의 header, foter, navigation, heading 등을 이용하여 구획에 의미를 부여할 수 있다.
3.3 문자 콘텐츠
시작 테그<body>와 종료태그 </body>,사이에 있는 콘텐츠의 블록이나 구획을 HTML 텍스트 콘텐츠를 사용해서 구성할 수 있다.
3.4 인라인 텍스트 시멘틱
HTML 인라인 텍스트 시멘틱을 사용하여 텍스트의 일부, 줄, 단어의 뜻 구조, 스타일을 정의할 수 있다.
'반응형UIUX > 프로토타입 제작' 카테고리의 다른 글
| 프로토타입 PPT (0) | 2020.04.13 |
|---|---|
| 프로토타입 제작하기 (0) | 2020.04.02 |
| 아이디어 시각화 (0) | 2020.03.26 |
| 데이터 검색 및 분석 (0) | 2020.03.23 |
UP NEXT : 반응형UIUX/프로토타입 제작
댓글
© 2018 webstoryboy