본문 바로가기

배워 남주자

웹디자인, 웹디자인팁, 인터페이스디자인, 웹스타일

반응형
* 링크가 사라진 글도 있을 겁니다. 양해바랍니다.

웹디자인, 웹디자인팁, 인터페이스디자인, 웹스타일가이드

출처: http://goodmorning.pe.kr

 

[ Web Designer ]

   1. 디자이너가 반드시 갖춰야할 4가지 요건. (2001/05/11)  
New
   2. 울트라 디자이너가 되기 위한 7가지 조건. (2001/05/11)  
New
   3. 웹디자이너에게 필요한 것은 붓이 아니다. (2001/04/30)  
 

 4. 앙드레김은 웹디자이너가 아니다. (2001/04/29)

 

 5. 좋은 웹디자이너되기 (2001/02/12)

   6. 웹 디자인이 나아가야할 방향 (2001/02/12)

 

출처: http://goodmorning.pe.kr/v1/Design/designer/design_web_main.html

-------------------------------------------------------------------------------------------

[ Web Design Tip ]

  1. 엄선 홈페이지 제작 및 운영 Tip 50선 (2001/04/18)
 
  - 속도와 디자인의 절제...
- 이미지는 직접 제작하라...
- 홈페이지 제작시 삼가해야 할 내용...
- 텍스트는 간결하게, 이미지는 필요할 때만..
- Web 문서의 필수 요소...
   2. 유저빌리티(Usability)로 가꾸는 웹 디자인 (2001/03/15)
 
  - 목표 1초, 빠른 웹페이지를 만들자.
-
'모니터의 황금비율'을 지켜라.
- 브라우저에 구애 안받는 'CSS'
- '네비게이션 바'를 만드는 3가지 재료
- 하지말아야 할 웹디자인 5가지
- 곡 지켜야 할 웹디자인 5가지
   3. 성공적인 웹사이트를 위한 10단계 (2001/02/12)
 
  - 확실한 주제를 가진 사이트를 기획하라 / 웹사이트를 빠르고 싸게 만들어라.
사이트 디자인에 신경써라 / 클릭 수를 최대한 억제하라 /
프리를 잘 활용하라.
  - 방문객 트래픽을 형성하라 / 고정팬을 만들어라 /
살아있는 그리고 자라나는 컨텐츠를 유지해라 /
다른 사이트와 파트너쉽을 가져라 / 사이트를 강화하라.
   4. 로딩속도를 줄이는 10가지 팁 (2001/04/09)
   5. 훌륭한 웹디자인을 위한 8가지 팁 (2001/03/02)
   6. 웹페이지 제작시 절대로 삼가야 할 10가지 (2001/03/02)

 

웹디자인 강좌 / tip
Tip & Tech
Web Mania
Iwebdy
Rapid Works
Ani New Site
N+gine
Ching™
Deta Study
Deplus
WebDe

출처: http://goodmorning.pe.kr/v1/Design/tip/design_tip_main.html

--------------------------------------------------------------------------------------------

[ Interface Design ]

   1. 게슈탈트 이론에 의한 웹 인터페이스 디자인 (2001/05/10)  
New
 
  - 게슈탈트(Gestalt) 이론
-
게슈탈트 이론에 의한 인터페이스 접근 방법
- 게슈탈트 이론에 근거한 디자인 원칙 추출

   2. User Interface Design 일반 (2001/03/02)
 
  - 유저 인터페이스의 개념
-
유저 인터페이스 디자인의 필요성
- UI 디자인의 기본 이론
- UI 디자인 프로세스
- UI 디자인 가이드 라인
- 유저 인터페이스 디자인 응용

   3. 유저빌리티(Usability)로 가꾸는 맞춤형 웹 디자인 (2001/03/15) 
 
  - 개인의 입맛에 맞춰라.
- 맞춤형 웹디자인 3박자
- 쿠키는 맞춤형 서비스의 필수 도구
- 컨피규레이터를 쉽게 하라.
- 포커스그룹에 '해답'이 있다.
- 단골을 잘 대접하라.

   4. 유저빌리티(Usability)로 가꾸는 인터페이스 디자인 (2001/03/15)
 
  - 성가신 입력요구 손님 쫓는다.
- 개인정보는 어디까지 요구할까?
- 필요한 정보는 설득해서 얻어라.
- 리셋 버튼을 버려라.
- 정교한 시나리오를 만들자.
- 이용자 테스트, 5명이면 OK

   5. 인터페이스 디자인 : 웹 스타일 가이드 (2001/03/02)
 
  - 인터페이스 디자인 소개
- 웹의 기초적인 인터페이스 디자인
- 정보 엑세스 주제
- 네비게이션
- 링크와 네비게이션

   6. 인터페이스 디자인의 평가 기준들 (2001/04/07)
 
  - 왜 인터페이스 디자인이 중요한가?
인터페이스 디자인의 세가지 기본 개념
  - 인터페이스 디자인의 평가 기준

   7. 좋은 웹사이트를 위한 가이드 (2001/04/07)
 
  - 웹 사이트의 평가기준 1
- 웹 사이트의 평가기준 2

   8. Graphicser Interface 기법 (2001/04/10)
 
  - 정보의 양, 그룹핑, 돋보임
- 위치와 순서, 연관성 표현, 상징적인 그래픽 사용


   9. 성공적인 메뉴 네비게이션 (2001/04/07)
 
  - 메뉴 네비게이션이란?
메뉴 네비게이션의 종류


   10. Web Review의 The Navigation and Usability Guide (2001/04/09)
  11. 매킨토시 휴먼 인터페이스 (2001/04/10)
  12. 웹 사용편의성(Web Usability) (2001/04/19)
  13. 유저빌리티(usability) 체크리스트 11가지 (2001/05/11)  
New

 

Interface Design (국내)
UI Design
Korea HCI Research Group
HCI Lab @ Yonsei
UI Lab.
HCI Korea
Design Storm HCI center
 
 
Interface Design (해외)
IBM User Interface Design
Guide
microsoft UI
HCI Resources
useit.com
Weinschenk Consulting Group
W3C
 
출처: http://goodmorning.pe.kr/v1/Design/interface/design_inter_main.html

--------------------------------------------------------------------------------------------

[ Web Style Guide ]

 

  1. 웹 스타일 가이드 (2001/04/26)
   1) 웹 스타일 가이드란 무엇인가?
 
  - 웹 스타일 가이드의 목적과 종류
- 웹 스타일 가이드의 시각적 디자인 측면 I
- 웹 스타일 가이드의 시각적 디자인 측면 II
-
웹 스타일 가이드의 정보 구조적 측면
   2) 왜 웹 스타일 가이드가 중요한가?
 


상호작용 디자인과 기능적 측면
컨텐트 측면
매뉴얼이 있는 웹사이트
 
      2. 예일대의 교육 미디어 센터에서 만든 스타일 가이드
   1) 철학
   2) Interface Design (2001/03/02)
 
  - Introduction
- 웹의 기초적인 인터페이스 디자인
- 정보 엑세스 주제
- 네비게이션 (Navigation)
- 링크와 네비게이션
   3) Site Design (2001/04/24)
 
  - Introduction
-
사이트 구조 (Site structure)
- 사이트 구성요소 1 (Site elements I)
- 사이트 구성요소 2 (Site elements II)
- 인트라넷 디자인 (Intranet design)
- Site Covers
   4) Page Design

웹 스타일 가이드: 해외
IBM Web Design
Sun Web Style Guide
GE Web Style Guide
Yale Univ. Web Style Guide
Miami Univ. Web Style Guide
webreview.com
W3C
 
웹 스타일 가이드: 국내
한국통신 
New

출처: http://goodmorning.pe.kr/v1/Design/style/design_style_main.html

--------------------------------------------------------------------------------------------

 

반응형

'배워 남주자' 카테고리의 다른 글

아이온의 배경 그래픽.  (0) 2010.06.11
웹사이트 기획에서 제작까지  (0) 2010.06.11
옷주름  (0) 2010.06.11
크로스케이블, 다이렉트 케이블 만드는법  (0) 2010.06.11
주차공식 - 글자로 배우기 ㅋㅋ  (0) 2010.06.11