웹디자인 강의
기타 웹 디자이너가 주의해야 할 주요원리
2003.02.16 21:49
웹 디자이너가 주의해야 할 주요원리
1) 커뮤니케이션의 명확성
빠른 속도로 웹을 항해하는 사용자들에게 전달하고자 하는 의도가 명확하게 표현되어야 한다.
2) 상식 수준의 인터페이스
명확한 인터페이스를 구현하기 위해서는 모든 사용자가 쉽게 이해할 수 있는 문구, 심볼, 이미지로 표현되어야 한다.
메타포적인 요소를 이용하여 사용자들로 하여금 기존의 사물을 연상하도록 함으로써, 함축적으로 의미를 전달할 수 있다.
3) 일관성
그래픽적 요소들의 일관성 있는 표현은 정보를 효과적으로 전달할 수 있을 뿐만 아니라 사이트의 아이덴티티를 구현하는 기본이다.
색채, 서체, 레이아웃 등 그래픽 요소들의 사용 제한 및 규칙성을 활용하여 사이트의 일관성을 부요할 수 있다.
4) 평이성
화면 전체를 보기 쉽게 디자인하는 가정 성공적인 방법 중 한 가지는 쉽게 이해하고 기억될 수 있는 패턴과 구성 요소들을 만드는 데 있다.
5) 간결성
비즈니스와 관련된 웹사이트일수록 디자인은 간결해야 한다. 불필요한 요소는 과감히 생략할 줄 알아야한다.
간결하게 디자인 하여 제공하고자 하는 정보를 누구나 쉽게 접근토록 한다면 그 사이트는 힘있는 사이트가 될 것이다.
< 출처 : http://web.ggambo.com >
1) 커뮤니케이션의 명확성
빠른 속도로 웹을 항해하는 사용자들에게 전달하고자 하는 의도가 명확하게 표현되어야 한다.
2) 상식 수준의 인터페이스
명확한 인터페이스를 구현하기 위해서는 모든 사용자가 쉽게 이해할 수 있는 문구, 심볼, 이미지로 표현되어야 한다.
메타포적인 요소를 이용하여 사용자들로 하여금 기존의 사물을 연상하도록 함으로써, 함축적으로 의미를 전달할 수 있다.
3) 일관성
그래픽적 요소들의 일관성 있는 표현은 정보를 효과적으로 전달할 수 있을 뿐만 아니라 사이트의 아이덴티티를 구현하는 기본이다.
색채, 서체, 레이아웃 등 그래픽 요소들의 사용 제한 및 규칙성을 활용하여 사이트의 일관성을 부요할 수 있다.
4) 평이성
화면 전체를 보기 쉽게 디자인하는 가정 성공적인 방법 중 한 가지는 쉽게 이해하고 기억될 수 있는 패턴과 구성 요소들을 만드는 데 있다.
5) 간결성
비즈니스와 관련된 웹사이트일수록 디자인은 간결해야 한다. 불필요한 요소는 과감히 생략할 줄 알아야한다.
간결하게 디자인 하여 제공하고자 하는 정보를 누구나 쉽게 접근토록 한다면 그 사이트는 힘있는 사이트가 될 것이다.
< 출처 : http://web.ggambo.com >
댓글 13
-
치즈, 미도르
2003.02.16 21:50
-
석이
2003.02.16 22:32
광고에 투자한 돈이 많아서 그런건가.. -
유진
2003.02.16 22:49
전 핌사이트 괜찮은데요 ^^;;
딱 맞춘 틀에 들어맞는 것만이 전부는 아니죠;; 개인적으로 저런 디자인이 더 맘에 든다는..
역시 저렇게 만들지는 못하지만 ; -
GPel
2003.02.16 23:00
http://www.donggab.com/
간결한 사이트가 빠른 정보이동에 유리하지만..
'핌'이나.. 위에 '동갑내기 과외하기' 와 같은.. 광고를 위한 사이트의 경우..
색다른 인터페이스가.. 광고의 효과를 극대화 할 수 있겠죠..
물론 방문장의 인터넷 환경을 고려해보면.. 어려운 일이지만..
요즘 고속 인터넷이 많이 보급되어 있으니..... 컴퓨터도 업그레이드나.. 새로구입하고 있으니.. -
유지호
2003.02.16 23:20
물론 광고를 위한 사이트라면 화려하고 독창적이여야 겠지요... 하지만 너무 '튀면' 웹서핑을 하는 사람들이 사이트 인터페이스 등에 적응하지 못해 오히려 역효과를 볼 수 있습니다.
Son Of Web Page That Suck이라는 책에서 본 내용이죠...;; -
zinynano
2003.02.17 01:09
유지호 // 딴지는 아닌데요. 그 '튀는'것으로 인해 다른 인터페이스 문제는 약간이나마 감수 할수도 있습니다.. -
픠릐긔의
2003.02.17 10:03
튀거나 아주 간단하게 낳던데..
어설픈 디자인으로-_-어설프게 만든 사이트보다는..훨씬 낳다는.. -
소행성거주외계인
2003.02.17 10:07
지난번에 올라온 팁에서 진짜 웹디자이너는 모든 환경에서 홈페이지가 잘보이게 하는거라고 하던데...(-_-;) -
GPel
2003.02.17 10:38
각자의 생각에 따라야겠죠..
저의 생각은...
반드시 모든 환경에서 보이도록 해야하고.. 반듯한 인터페이스.. 이미지/동영상 사용의 최소화..
등을 따르는 것보다는..
사이트의 주제나.. 성격.. 방문자의 연령층.. 관심사 등등에 따라..
웹사이트를 디자인 하는 것이 더욱 효과적이라 생각합니다.
위 사항들을 고려하여.. 플래시나.. 동영상.. 도 여럿 첨부할 수 있겠죠..
하지만 이것들의 사용도.. 용량을 최소화하고..
브라우저가 고민하지 않도록;; HTML태그를 잘 정리하고.. 하는 등등의 노력이 있어야 겠죠..
뭐.. 제 생각은 대충 이렇습니다^^; 저도 웹디자인 입문중입니다^^; 이제 시작했죠-_-; -
침잠
2003.02.18 11:56
벌거벗은 임금님은 왜 동화가 됐을까요...
임금옷을 입은 임금님이란 동화를 보신적이 있나요...
이곳에서 논란이 되는 이유는 아마도 가상공간을 포함한 현실에서
벗어난 무언가 느껴지는 것이 있기때문이 아닐런지 모르겠습니다.
(첨언해서 저도 광적이지는 않지만, 예전에 tv에 처음 출연한 서태지를 보고
온몸에 전율을 느꼈던 사람입니다.) -
iRA2C
2003.02.24 11:01
핌 화질이 저렇다는건가 -_-;; -
litconan
2003.02.26 20:45
크크 핌이 저렇지는 않겠죠. 그나저나 요즘 광고용 홈페이지들은 너무 느려서.. VDSL을 설치하던가 해야지 도무지 돌아다니질 못합니다 -_- -
김성수
2003.05.05 05:55
핌의 그 사람들 튀어 나오는 메뉴는 배우고 싶다는... -_-;;
누가 좀 가르쳐 주세요오~~
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1475 |
뽀토샵 기초 TIP
[6]
![]() | 루끼 | 2006.09.11 | 10574 |
1474 |
특별한 스타버스트효과.
[28]
![]() | Nersion | 2003.02.17 | 10570 |
1473 |
디테일 스케치
[6]
![]() | 웹디황용 | 2006.03.07 | 10569 |
1472 |
하늘에 떠있는 구름 만들기..
[1]
![]() | 가을쿠키 | 2006.08.30 | 10552 |
1471 | 이미지에 타일효과주기 [11] | 써니~ | 2002.04.07 | 10544 |
1470 |
도트 패턴
[2]
![]() | 김혜영 | 2005.05.28 | 10541 |
1469 |
[여니강좌]돌맹이 느낌 문자
[19]
![]() | 눈나라 | 2003.06.24 | 10538 |
1468 |
이미지 접힌 효과 내기
[27]
![]() | 이태운 | 2003.02.17 | 10518 |
1467 | 이미지 집중효과 29강 [1] | 문학의향기 | 2006.07.31 | 10505 |
1466 |
회전 계단 그리기
[3]
![]() | rene | 2005.01.02 | 10488 |
1465 |
No3. 쿠션그리기
[8]
![]() | Wings | 2002.03.28 | 10486 |
1464 |
교수-학습 자료 제작및 활용 강의교재
![]() | 김종판 | 2007.11.13 | 10483 |
1463 |
종이 질감 내기..랄까요?
[11]
![]() | YuːI | 2003.02.13 | 10463 |
1462 |
뽀샤시한 화이트닝 보정효과
[2]
![]() | 포샵럽 | 2005.07.30 | 10460 |
1461 | [제로보드강좌]9강. 회원관리/외부로그인 [45] | 네찌 | 2007.01.04 | 10455 |
1460 |
마티오의 도트 강좌*건전지 그려보기~
[8]
![]() | 마티오 | 2004.09.26 | 10447 |
1459 |
불타는 문자 만들기
[15]
![]() | 어지니 | 2005.03.04 | 10444 |
1458 |
Curves 이용해서 겹겹이 글자쓰기
[6]
![]() | 세비 | 2003.03.23 | 10431 |
1457 |
라이트닝 이펙트,채널로 버튼 만들기
[9]
![]() | 유이【juːi】 | 2003.04.15 | 10428 |
1456 |
[紅夜]사진을 유화 느낌이 나게 바꿔보자!
[10]
![]() | 紅眼의정령사 | 2002.03.17 | 10415 |
무슨 핌 cf 사이트도 아니구;;;;;;
http://www.fimm.co.kr