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