대전홈페이지쇼핑몰제작 장소프트
로그인
제작절차 도메인등록 종친회/동창회/단체 상담견적신청 쇼핑몰 창업교실 인사말
기본형 홈페이지제작 기업 공지사항 찾아오시는 길
일반형 호스팅신청 교육병원 유지보수/고객업무연락
고급형 보안서버신청 펜션/음식점 주요고객&파트너 종친회/전자족보 시스템
맞춤고급형 검색등록 사업제휴 온라인도매·판매 쇼핑몰
임대형 광고·운영관리 전자결제신청 블로그 제작

HOME > 성공자료실 > 홈페이지잘만들기
 
속도와 디자인의 절제
작성일 : 09-06-26 18:36
조회 : 6,276  
속도와 디자인의 절제

웹디자인의 기본이다


속도가 느려 로딩되기전에 네티즌의 손길이 빠져 나간다면 아무리 좋은 컨텐츠나
디자인이더라도 좋은 웹사이트로 평가받기 어렵다. 자신의 디자인 컨셉을 최대한
살리면서 속도를 최대한 줄이는 방법을 고민하라. 이미지의 절제된 사용과 레이아웃,
이미지 압축방법, 패턴과 백그라운드의 효율적인 사용이 그 해답이다.

이미지의 용량을 최대한 줄여주고 또 불필요한 이미지는 사용하지 않으며 자료의 양을
적절히 조절하거나 분산시켜 한페이지 페이지의 로딩속도를 최대한 빠르게 해야 합니다.
노하우가 필요한 부분이지만 늘 고려하고 작업한다면 노하우도 빨리 쌓이겠죠?

① 화려한 그래픽보다는 단순한 그래픽으로,파일의 크기가 작아 지도록
다양하게 실험하세요. 작을수록 좋습니다.

② 줄과 칸이 많은 테이블을 사용하지 마세요. 접속시간이 많이 걸립니다.

③ 첫 페이지에는 가급적 문자를 위주로 처리하세요. 그림을 사용한다면
용량을 줄이던지 배경이미지를 사용하세요.

④ 자바스크립트등을 첫 페이지에 남용하면 시간이 많이 걸리거나 낮은
버전의 브라우저에서 문제를 발생할수 있습니다.

⑤ 가급적 인덱스 컬러의 GIF를 사용하고 128컬러 이하로 줄여서 사용하고,
컬러 수를 줄인 데이터는 JPG 파일을 사용하는 것보다 화질도 좋고
데이터도 적어 전송속도에 무리를 주지 않습니다.

⑥ 화면에 꽉 차는 디자인이 필요하다면 배경화면으로 구성하면 좋습니다.
⑦ 부득이 넓은 면적의 그림이 필요하다면 동일 계열의 모노톤을 사용하여
컬러 수를 줄이세요.

3. 항상 새로움을 발견하라.

웹 사이트마다 특성이 있어 디자인의 스타일이나 경향이 달라져야함에도 불구하고 많은
웹 디자이너들이 자신의 타성에서 못 벗어나는 경향이 있다.

웹디자이너들이 살아남기 위해서는 끊임없이 디자인의 스타일과 경향을 연구하고 그것을
웹에 적용하려는 노력이 필요하다. 타성에 빠진 웹 디 자이너는 새롭고 창의적인 디자이너에게
자리를 내주고 어느새 도태의 길로 빠져들게 될 것이다.

4. 웹에서의 타이포그래피를 고려하라.

인터넷에서 사용하고 있는 서체에 대한 모 잡지 설문조사 결과 거의 95%의 네티즌들이
만족하지 못한다는 대답이 있다.

디자인에서 타이포그래피의 중요성을 생각한다면 웹에서의 서체 지원과 가독성은
인터넷 환경에서 접속속도 다음으로 해결해야 할 난제임이 분명하다. 가독성을 위해
자간 행간 등을 조절한다면 Style Tag를 사용해 보는 것도 괜찮다. 또한 원하는 서체는
이미지로 만들어 사용하는 노력도 필요하다.

5. 업데이트를 고려하고 제작하자

한 번 구축된 웹사이트가 변하지 않고 더 이상 새로울 것이 없다면 유저들은 더 이상 그곳을
방문 하려 하지 않을 것이다.

웹 사이트는 하나의 유기체와 같아 성장과 변화가 생명처럼 중요하다. 웹 사이트 제작은
하나의 집을 짓는 것과 같다. 그안의 정보와 이미지.... 잦은 업데이트가 가능하도록 집의
구조를 먼저 생각하고 제작해야 하며 지속적인 관리와 업데이트 노력이 뒷받침 되어야
네티즌들이 인정하는 살아 있는 웹 사이트가 될 수 있다.

업데이트라고 해서 웹의 디자인 전반을 바꾸는 것을 말하지는 않는다. 내용의 업데이트가
필요한것이다. 물론 이에 따라 웹의 디자인이나 이미지도 업데이트 될수가 있다. 하지만
너무 잦은 이미지의 변화는 이용자들로 하여금 오히려 혼란을 일으킬수 있도록 하는 요인이
되기 때문에 이는 삼가해야 할 것이다.

6. 사용자 중심의 인터페이스 (네비게이션 시스템을 만든다.)

당신이 만든 홈페이지를 사용자들이 능숙하게 서핑할 것이란 생각은 하지 말자.

심한 경우에는 그들은 입장 링크 조차 찾지 못하여 대문만 바라보다가 나가는 일도
있을것이다. 그들이 원하는 어디든지의 이동이 가능할 수 있도록 최대한 배려를 하자.
웹디자인의 평가군들은 웹디자이너 심사위원 아닌 바로 일반 이용자들이니깐...
디자이너가 해야 할 가장 중요한 일은 웹 사이트 제작의 목적을 잊어버리지 않는 것이다.

웹 사이트 제작의 주요 목적은 내용을 전달하는 것이다. 그러므로 이해하기 쉽고,
사용하기 쉬운 네비게이션 시스템을 만들어야 한다. 이러한 시스템은 디자인 과정에서
몇 가지 전략적인 원칙에 따라 제작해야 한다. 가장 중요한 사항은 전 과정을 통하여
동일한 주제와 심볼을 사용해야 한다는 것이다. 중간에서 사용자의 개념을 바꾸려고 해서는 안된다.

또 다른 원칙은 네비게이션에 사용될 이미지는 쉽게 이해할 수 있는 단순한 이미지를
사용해야 한다는 것이다. 사용자들이 네비게이션으로 사용할 아이콘을 어떻게 이해하고
어떻게 사용할 것인지에 대해서는 걱정할 필요가 없다. 웹 사이트가 사용자에게 좋은
인상을 주어 계속 남아있게 단순한 네비게이션을 만들어야 한다는 데에만 전념한다.

7. 적당한 스크롤 (여러개의 페이지로 나누어 디자인)

만일 한 페이지를 보는데에 스크롤바를 주욱주욱 내려도 끝이 없다고 할 경우에는 이용자들은
바로 그 곳을 외면해 버린다.

꼭 스크롤바를 내려야 할 만큼 특정 주제에 대해서 설명할 경우를 제외하고는
가급적 스크롤바 없이 한 눈에 들어오는 홈페이지를 만들자. 주로 미국등지의
홈페이지가 스크롤바를 이용하는 장쾌한(?) 웹페이지를 만들고는 하는데
이는 국내웹에서는 별로 적용되지 않는다.

내용이 많을 경우에는 여러 페이지로 나누어 그 흐름이 잘 연결되도록 레이아웃을
디자인하는 것이 좋다. 내용을 여러 개로 쪼갠다면 한 페이지를 디자인하는 것이
쉬울 뿐만 아니라 사용자의 입장에서도 한 눈에 내용을 볼 수 있으므로 편리하다.
한 페이지에서 스크롤바를 움직이면서 긴 내용을 본다는 것은 피곤한 일이므로
사용자가 그 웹 사이트를 좋아하지 않게 하는 요소가 된다.

사용자들이 당신 사이트에 대해 당신이 아는 만큼 안다고 단정하지 마라. 사용자들은
항상 정보를 탐색하는데에 있어서 어려움을 겪고 있다. 그래서 사용자들은 구조와
장소에서 강력한 감각의 지원이 필요하다. 정보공간의 구조에서 뛰어난 이해를 바탕으로 디자인하라.

사이트 맵을 제공하고 사용자들이 어디에 있고, 어디를 갈 수 있는지를 알려주라.
그리고 최상의 네비게이션 지원이 결코 충분하지 않기때문에, 훌륭한 탐색 특색이 필요할 것이다.

8. 브라우저 지원의 최적화 (웹 브라우저와의 호환성)

현재 가장 많이 사용되고 있는 웹 브라우저로는 Internet Explorer 와 Netscape이 있습니다.
이 두가지 웹 브라우저는 각각 지원하는 영역에 차이가 있습니다. Html태그도 각각 인식을
다르게 하는 경우도 있고, 지원이 되지 않는 경우도 있습니다.

현실적으로 Explorer사용자가 많기 때문에 기본적으로 Explorer에 맞춰서 작업을 하게 되지만
Netscape에서도 불편함이 없도록 반드시 조정해 주어야 합니다. 귀찮은 부분이라 그냥 넘기기
쉽지만 웹디자인을 전문적으로 하고자 한다면 결코 무시해서는 안되는 사항입니다.

9. 처음 온 사람도 내용과 구성을 한 눈에 알아 볼 수 있게 하라.

이곳이 뭐하는 곳인지, 어디로 가야하는지, 새로 업데이트된 내용이 무엇인지를 금방 알 수 있게 해야 한다.

10. 깔끔한 디자인

깔끔과 썰렁함은 구분하시겠죠? 무조건 이미지를 적게 쓰고 텍스트위주의 홈페이지를
만든다고 해서 깔끔하고 좋은 홈페이지가 되는 것은 아닙니다.

홈페이지의 성격에 따라 화려한 이미지를 사용해야할 경우도 있고 동영상을 많이 써야하는
경우도 있지요. 여기서 말씀드리는 깔끔함이란 삽입되는 자료와 홈페이지의 성격에 맞게
제작하되 정보를 가장 효과적으로 제공할 수 있도록 편집할 수 있어야 한다는 말입니다.

이미지와 테이블 칼라, 폰트의 크기와 색상, 메뉴의 배치 및 버튼의 크기와 색상등 여러 가지
요소들을 가장 보기 좋고 깔끔하게 정리해 주어야 합니다

대전홈페이지제작과운영대행, 쇼핑몰제작 장소프트 www.jangsoft.biz