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