[디자인 3일차]
== 시각 인터페이스의 심미적 요소==
-
시각화
-
시각 인터페이스의 심미적 요소
- 색: 색상, 명도, 채도(p.19~)
- 타이포그래피
- 그래픽 이미지
- 동영상
== 심미적 요소의 조형적 표현 ==
- 색상
- 색상(Hue) : 의미 전달, 형태 표현, 감성 자극
- 명도(Lightness): 위계, 깊이, 강조
- 채도(Chroma) : 정보의 순서, 중요도, 거리
- 타이포 그래피
- 서체 : 세리프(Serif)(글자 획의 일부 끝이 돌출) , 산세리프(Sans Serif)(반대)
- 무게(Weight) : 획의 두께, 위계와 강조
- 크기(Size) : 강조와 중요성
- 스타일(Style)
-장체(Condensed) : 가로폭이 좁음
-평체(Extended) : 가로폭이 넓음
-이탤릭체(Italic) : 기울어져있음 - 자간과 행간
- 그래픽 이미지(p.35~)
- 이미지(Image)
- 질감(Texture)
- 형태(Shape)
- 방향(Direction)
- 색과 서체(Color and Font)
== 그래픽 이미지를 활용한 정보의 표현 ==
- 아이콘
- 스큐어 모피즘: 현질적
- 플랫 디자인: 단순화, 직관성
- 머티리얼 디자인: 그림자 효과로 입체감
- 픽토그램
- 다이어그램
== 시각 인터페이스의 심미적 구성 == ( P. 27~)
- 균형(Balance)
- 대비(Contrast)
- 대칭(Symmetry)
- 강조(Emphasis)
- 리듬(Rhythm)
== 업무 분장 ==
- 웹 사이트의 개발 파트별 업무 이해
- 각 팀원이 자신의 역할과 책임을 명확히 이해해야함
- 디자인 개발 상세 스케줄의 산정
- 프로젝트의 진행 상황을 체계적으로 관리할 수 있도록 스케줄을 계획
- 기능 화면 및 콘텐츠 화면 디자인 업무 분장
- 각 화면의 디자인과 기능 구현 작업을 나누어 효율적으로 진행
- 이미지 요소 제작 및 HTML, 제작, 검토 등
- 이미지 제작, 코드 작성, 검토 과정을 체계적으로 수행
== TFT (Task Force Team) ==
- 프로젝트 매니저(PM) : 프로젝트 전반 관리
- 정보 설계사 : 정보 구조와 설계 담당
- 기획자 : 프로젝트 목표와 방향 설정
- 콘텐츠 매니저: 콘텐츠의 제작과 관리
- 디자이너와 프로그래머 : 디자인과 개발 작업
== UI 구성 요소 제작 ==
= UI 제작의 원칙 =
- 메타포(Metapo)
- 사용자 조정
- 직접 조작(Direct Manipulation)
- 일관성(Consistency)
- 피드백(Feedback)
- 심성모형(Mental Model)
- 네비게이션(Navigation)
- 외양(Visual Appearance)
== UX 구성 요소 적용 == ( p. 49~)
- UX(user experience, 사용자 경험)
- UX 관련 영역
- 인터렉션 디자인(Interaction Design)
- 인터페이스 디자인(Interface Design)
- 정보 설계(Information Architechture)
- 정보 디자인(Inforamation Design)
- 시각 디자인(Visual Design)
- UX 구성요소
- 표면(Surface)
- 윤곽(Skeleton)
- 구조(Structure)
- 전략(Strategy)
- UX 구성 요소의 디자인 원칙
- 사용하기 쉬워야 한다(Usable)
- 유용해야 한다(Useful)
- 매력적이어야 한다(Desirable)
- 접근성이 좋아야 한다(Accessible)
- 신뢰할 수 있어야 한다(Credible)
- 발견가능해야 한다(Findable)
- 가치 있어야 한다(Valuable)
== 매체별 디자인 제작 및 표준화 == (P. 57~)
- 매체별 디자인
- 픽셀(Pixel)
- 해상도(Resolution)
-PPI (Pixel Per Inch)
-DPI (Dots Per Inch) - 웹 브라우저 : 1920 X 1080
- 스마트폰
- 웹 그래픽 형식과 포맷
-비트맵(Bit)
-벡터(Vector)
-JPG(JPEG)
-GIF
-PNG
- 웹 표준
- 국제 표준 기구 : W3C(World Wide Web Consortium)
- 웹 표준 스펙
- HTML(Hypertext Markup Language)
- CSS(Cascading Style Sheets)
- XML(Extensible Markup Language)
- 웹 표준 검사 방법
드라이브참고
