웹 사이트 분석과 설계 [디자인 리서치] 2009. 5. 7 학번: 20084076 이름 : 홍지애.

Slides:



Advertisements
Similar presentations
UX, RIA, 그리고 … Silverlight 공도소프트
Advertisements

1 03 자동제세동기 활용으로 기적을 만들어요 ! 보건안전  상황제시 : 자동제세동기가 필요해요 !  자동제세동기는 어디에 있나요 ?  기억하세요 ! 자동제세동기 사용법 ( 동영상 )  자동제세동기 사용법, 잊지 마세요 !
디지털미디어디자인학과 4 학년 정성훈 ( 학번 : U ) 기말고사 리포트 ▶ 과목명 : 웹디자인Ⅱ ▶ 담당 교수 : 염승선 교수님 ▶ 제출일 : 2004 년 12 월 11 일 ▶ 리포트 주제 : ebsi 웹사이트 개선 ▶ 제출자 : 디지털미디어디자인학과 4.
테마가 있는 이야기 카페 바쁜 일상에 지친 현대인들을 위한 편안한 쉼터.
30강_웹문서 제작 팁 웹문서 제작 팁 Lecturer Kim Myoung-Ho Nickname 블스
사무공간 개요.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
Entity Relationship Diagram
Web Service Computing and Practice_
한국골프대학 종합정보시스템 Windows Vista 사용자를 위한 Component 설치안내서
한국골프대학 종합정보시스템 Windows 7 사용자를 위한 Component 설치안내서
Windows 8 메트로 스타일 앱 개발 퓨쳐위즈 기술연구소 정석모.
HYPER TEXT MARKUP LANGUAGE
07장. <TABLE> 태그로 표 디자인하기
전광판 어플 크레파스통 도상미 박아란 이민영.
멀티미디어 시스템 (아날로그 이미지,신호를 디지털로 변환 방법) 이름 : 김대진 학번 :
AM, FM.
Mind Map - 교육 공학 영역 분반 04 소속 음악교육과 학번 이름 장미희.
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
IE사용시 KOTRA 홈페이지 회원가입 및 사업신청에 어려움이 있으신 고객님을 위한 해결방법 안내
FTP 프로그램의 활용 FTP 프로그램의 용도 인터넷 공간에 홈페이지 파일을 업로드할 때 필요
컴퓨터 프로그래밍 : 실습3 2장 데이터와 식.
CHAP 12. 리소스와 보안.
웹 사이트 분석과 설계 (주제 : 화면설계) 학번 : 성명 : 한형진.
Wow 메시지로 시선을 집중 예) 당신이 상상하는 모든 것을 프린트하라! 게임 그 이상의 즐거움! 회사명
17강_스마트폰 레이아웃-I viewport header 제작 네비 제작 Lecturer Kim Myoung-Ho
2018년 10월 08일 박성진 Web & Internet [05] CSS3 속성 2018년 10월 08일 박성진
학과 : E-BIZ 경영학과 학번 : 이름 : 홍 지 애
1. SSLVPN 접속 방법 Internet Explorer 실행(타 브라우저 사용 불가)
WIN95,98 보조프로그램 ‘그림판’을 이용한 포장지디자인.
소비자 감성과 사용성을 고려한 인간공학적 의자설계 및 디자인 인터페이스 개발 한양 대학교 산업공학과 김정룡 외 4명
Chapter 03. 웹 디자인 레이아웃.
15차시_스마트 애플리케이션 기획 스마트 애플리케이션 모형 제작 및 발표.
Technology Strategy : An Evolutionary Process Perspective
2018년 11월 05일 박성진 Web & Internet [08] 레이아웃 P1 2018년 11월 05일 박성진
HTML5 Canvas 태그 92팸 유승연 안동찬 엄태인 김영재.
마인드 맵.
Nessus 4 설치 정보보호응용 조용준.
Clipping 이진학.
웹디자인
Chapter 03. 관계 데이터베이스 설계.
웹 사이트 분석과 설계 학과 : e-biz(2-1) 성명 : 송예슬.
보안컨텐츠 활성화 설정 호환성 설정 교육 수료 가이드
인천대학교 웹과 인터넷 수업 개요 및 내용 소개.
웹사이트 분석과 설계 (화면 설계) 학번: 성명: 박준석.
Cold Spring Harbor Laboratory Press 저널 이용 매뉴얼
“ Presenworks by workerplex
도 학 제.
[INA240] Web Programming Homework #2 [INA240] Web Programming
OpenGL Project.
12 그리드 시스템.
발표자 : 이지연 Programming Systems Lab.
웹과 모바일 홈페이지의 이해와 제작 폰트_레이아웃
9 브라우저 객체 모델.
슬라이드 쇼의 설정 슬라이드 쇼의 실행 파일과 폴더의 관리 글꼴을 포함해서 저장 웹 페이지로 게시 압축 파일
컴퓨터공학과 손민정 Computer Graphics Lab 이승용 교수님
Ⅳ. 제도의 기초 1. 물체를 나타내는 방법 3) 물체의 표현 방법 (2) 입체도법 지도학급 : 태화중학교 1학년 4반
.Net FrameWork for Web2.0 한석수
OpenGL 프로젝트 「링 통과하기」 게임&멀티미디어 이인석.
설계치수와 공간디자인 - 부엌 인간공학과 디자인.
'클럽 상담자'로 봉사 국제협회  지대위원장 연수.
웹사이트 분석과 설계 (화면 설계) 학과:e-비즈니스 학번: 이름 :조인환.
웹과 모바일 홈페이지의 이해와 제작 웹기획 & 제작
Solar System 최종보고서 TEAM Butterfly Effect 문대진 이재환.
Chapter 11. 문서 인쇄 및 파일 형식.
BoardGame 보드게임 따라가기.
XSS 취약점을 이용한 웹메일 해킹
Ⅰ. Response 개체 그렇다면 프로그래밍 언어를 수행하는 컴퓨터의 개념적인 구조를 살펴 본다면, 프로그래밍 언어가 무엇인지 이해하는데 도움이 될 것입니다. 현재 컴퓨터 구조의 모태가 되고 있는 폰 노이만 구조는 그림에서 보는 것과 같이, 명령어와 데이터를 저장하는.
디지털광고 구동 원리 전중달 CTO.
웹 사이트 분석과 설계 학과 : e-biz 경영학과 2-2 학번 : 이름 : 이재섭.
Presentation transcript:

웹 사이트 분석과 설계 [디자인 리서치] 2009. 5. 7 학번: 20084076 이름 : 홍지애

목 차 1.화면 설계의 개념 2. 화면 설계를 할 때 갖추어야 할 요건 3.화면 설계에 적용되는 디자인 원리

1. 화면 설계의 개념 -화면 설계의 개념 사용자가 어떻게 생각하고 어떤 물체를 어떻게 작동시킬 것인지와 같은 심리적인 측면과 사용자의 인지적 측면, 감성적 측면을 모두 활용하여 사용자가 체험 할 전부를 디자인하는 것.

2. 화면 설계를 할 때 갖추어야 할 요건 1. 브라우저에서 안전한 색상을 사용해야 하며 페이지의 용량도 고려하여 디자인 해야 한다. 2. 사용자에 대한 인지적 효과를 고려해야 한다. 3. 웹 문서에서 표현하고자 하는 내용이 디자인에 의해서도 나타나야 한다. 4. 사용자에 대한 감성적 효과를 고려하여 디자인해야 한다.

3. 화면 설계에 적용되는 디자인 원리 조직성(systemicty) 경제성(economy) 일관성(consistency) 예측성(predictability) 안정성(stability) 흥미성(attraction) 심미성(aesthetic)

3. 화면 설계에 적용되는 디자인 원리 ->조직성을 이용한 디자인 기법 조직성(systemicty) 사용자에게 정보를 전달하고자 할 때 명백하고 일관성있는 개념적 구조를 제공하도록 하는것 ->조직성을 이용한 디자인 기법 그리드 시스템(grid system) 그룹핑(grouping) -공간에 의한 그룹핑 -외곽선에 의한 그룹핑 -색체에 의한 그룹핑

3. 화면 설계에 적용되는 디자인 원리 사례 11-1 : 조인스닷컴 (http://www.joins.com/) -그리드 시스템을 사용한 조직적인 레이아웃 사례 사례 11-1 : 조인스닷컴 (http://www.joins.com/)

3. 화면 설계에 적용되는 디자인 원리 -사례 11-3 : 공간에 의한 그룹핑 -사례 11-3 : 공간에 의한 그룹핑 공간에 의한 그룹핑이란 웹 페이지에서 관련된 정보끼리 근접하게 그룹으로 만들고 그룹과 그룹간의 간격을 두는 방법. 스타벅스가 대표적인 사례다.

3. 화면 설계에 적용되는 디자인 원리 -사례 11-4 : 외곽선에 의한 그룹핑 외곽선에 의한 그룹핑 방법으로 모여있는 정보주변에 외곽선을 그려, 같은 내용끼리 한 덩어리로 보이도록 하는 방법이다. -G마켓(WWW.GMARKET.CO.KR)에서 각기 다른 정보에 따라 외곽선을 그려 박스로 구분해 놓았다.