프로토타입 제작하기

3-2 콘텐츠 통합 편집 및 제작

1. UI(User Interface)

 사람이 사용자가 되어 어떠한 사물이나 기계장치, 컴퓨터 프로그램 등과 의사소통을 하려는 목적으로 만들어진 물리적 또는 가상적 매개체

 사용자가 사물을 조작하는 입력 시스템과 사용자의 입력에 반응하여 결과를 보여주는 출력 시스템으로 나뉜다.

 UI를 평가 할 때의 사용성의 정의

 '인터페이스를 사용함에 있어서 사용자가 생리학적, 심리적인 측면에서 지각하는 효과성과 효율성의 정도'

 효율적으로 입력하여 효과적으로 출력을 얻어 내는 것이 UI가 지향해야 할 목표

2. 프로토타이핑

 1) 프로토타이핑의 개념

    개발자들과 사용자들의 의사소통상의 효과를 증진시키기 위하여 취하는 시스템 개발 기법.

 2) 프로토타이핑의 목적

     오직 사용자의 요구 분석이 목적이 경우

     폐기 처분용 프로토타입을 만들 수 있고

     가급적 빨리 개발해야 하는 경우

     상세 설계와 구현까지 마친 다음 대량 생산에 앞서 시험용으로 개발된 프로토타입이 있을 경우

     입출력의 사례를 보여줄 뿐 실제 데이터도 없고 절차 논리도 구현되지 않는 트로토타입

     개발된 프로토타입을 계속 진화시켜 최종적인 시스템으로 발전시키는 진화형 프로토 타입

 3) 인터렉션 디자인 

     인간이 제품이나 서비스를 사용하면서 상호작용하는 것을 용이하게 하는 디자인 분야

     인간과 컴퓨터의 상호작용을 디자인하는 것

     컴퓨터에 의해 작동되는 전자제품 시스템이 행동과 사용자의 행동 간의 상호작용을 용이하게 하는 기술이자 응용 예술 분야

 4) 애니메이션

      움직임 없는 무생물적인 존재를 여러번에 걸쳐 변형시키고 이를 연속 촬영 또는 기타 영상적 기법을 이용하여

      마치 움직이는 듯한 눈의 착각을 일으키도록 하는 것.

      a : 애니메이션 방식

     정해진 시간에 한 컷 한 컷을 보여주는 방식으로 정지 화면을 빠르게 보여 주어 움직임이 있는 것처럼 착시를 일으키게 하는 프레임 방식

     시작 프레임과 끝 프레임을 지정하여 중간 프레임이 자동적으로 생성되도록 하는 키 프레임 방식

     b : 애니메이션 종류

     그림, 모델, 컴퓨터 애니메이션으로 구분된다. 

  5) 네비게이션

       콘텐츠를 분류하고 체계화 시킨 후 , 이를 연결시켜 방문자가 웹 사이트를 이용할 수 있도록 하는 체계

       인터넷 비즈니스를 위한 사이트의 경우에는 고객이 쉽고 편리하게

       자신의 목적에 맞는 상품을 찾을 수 있도록 네비게이션을 설계하는 것이 중요

Class 와 ID를 쉽게 구분하기 위해 Class들은 영어 소문자로, ID는 대 소문자를 혼용하여 제작한다.
rexet.css 파일은 모든 브라우저를 같은 상태로 리셋 시켜 주는 역할을 한다.