→ 레이아웃
우리는 종종 첫인상이 중요하다고 말한다. 따라서 웹 사이트 홈 페이지에는 회사 또는 웹 사이트에서 제공하는 모든 서비스가 포함되어야 합니다. 너는 짧은 서술적인 제목으로 사이트의 주제를 나타낼 수 있다. 회사 로고도 추가할 수 있지만, 정보와 그림이 홈페이지를 가득 채우지 않도록 하십시오 (사이트의 다른 페이지도 그래야 함). 홈페이지는 깔끔하고 질서 정연해 보여야 한다. 가독성이 뛰어난 서체를 사용하다. 물론, 사이트의 크기에 따라 탐색하는 방법을 설명해야 할 수도 있습니다. 홈페이지의 하단에 귀하의 회사 연락처 (예: 귀하의 이메일 주소나 전화번호) 를 제공하여 방문자가 쉽게 연락할 수 있도록 합니다. 홈페이지는 일반적으로 교체 정보나 뉴스를 배치하기에 좋은 곳이다.
디자인을 시작하기 전에, 너는 반드시 사이트의 색조를 신중하게 선택해야 한다. 보라색 배경과 검은색 파란색 문자의 조합은 절대 가지지 마세요. 웹 사이트 전체에서 동일한 색조를 유지합니다. 서로 다른 색상 조합의 배경이나 글꼴이 매우 성가시게 될 수 있기 때문입니다. 한 가지 색상뿐 아니라 배경 이미지도 선택할 수 있습니다. 배경 패턴은 직접 그리거나 인터넷에서 다운로드 할 수 있습니다. 배경 패턴을 흐리게 하면 텍스트를 더 쉽게 읽을 수 있습니다. 사진은 브라우저에 의해 다시 그려지지 않지만 배경 색상은 다시 그려지므로 사진을 업로드하기 전에 다른 브라우저가 페이지를 어떻게 표시하는지 확인해야 합니다.
텍스트를 추가할 때는 가급적 가독성이 뛰어난 글꼴과 크기를 설정하십시오. 배경 그림을 사용하는 경우 웹 페이지를 탐색할 때 배경 색상과 글꼴이 배경 그림보다 먼저 다운로드됩니다. 따라서 배경색과 텍스트 색상 사이에 뚜렷한 대비가 없으면 방문자는 읽을 수 없는 텍스트가 가득한 웹 페이지를 몇 초 동안 보게 됩니다. 이 문제를 해결하는 간단한 방법은 배경 색상을 배경 이미지의 색상과 비슷하게 만드는 것입니다.
홈페이지를 짧게 하고 정보/애니메이션을 여러 페이지를 통해 표현하도록 하세요. 한 페이지에 많은 것을 쌓으면 웹 페이지가 매우 어수선해 보이고 방문자가 모든 내용을 읽는 것을 꺼리게 될 수 있다. (윌리엄 셰익스피어, 햄릿, 독서명언) 그래서 몇 개의 홈페이지를 디자인하고, 각 페이지마다 한두 단락의 문자를 놓아야 한다. 단락 아래쪽에 다음 페이지로 연결되는 버튼을 놓고, 마지막 페이지에 이전 페이지, 홈 페이지 또는 방문자가 방금 도착한 위치로 연결되는 버튼을 놓습니다. 가능한 템플릿을 사용하여 설계의 작업량과 복잡성을 줄입니다.
웹 사이트의 홈페이지에 플래시 영화를 삽입하려는 경우, 그것을 홈페이지와 분리하는 것이 가장 좋다. "소개 건너뛰기" 버튼을 추가해 다운로드를 기다리지 않거나 소개를 본 사람이 쉽게 홈페이지로 바로 들어갈 수 있도록 해야 합니다. 쿠키가 있으면 웹사이트를 방문한 사람이 자동으로 홈페이지로 점프하도록 할 수 있다.
→ 탐색 및 탐색
웹 사이트의 브라우징과 네비게이션은 매우 간단하게 디자인해야합니다. 필요한 경우 사이트를 섹션으로 나눕니다. 가장 쉬운 방법은 전체 사이트의 모든 페이지 왼쪽에 메뉴모음을 놓는 것입니다. 물론 많은 대안이 있습니다. 확장 가능한 메뉴 표시줄을 사용하는 것은 정보가 많은 사이트에 좋은 선택입니다.
어떤 탐색 모드를 사용하든, 각 페이지에 홈 페이지 링크를 두는 것은 좋은 디자인 아이디어일 것이다. (윌리엄 셰익스피어, 템플릿, 탐색, 탐색, 탐색, 탐색, 탐색, 탐색) 브라우져들은 웹사이트를 방문할 때 방향을 잃는다는 것을 알아야 한다. 그들은 간단한 클릭을 통해 그들이 어디에 있는지 알 수 있다. (존 F. 케네디, 공부명언)
→ 사진 및 멀티미디어
화면, 영화, 음향은 항상 좋지만, 너무 많이 하지 마세요. 대부분의 사람들은 여전히 "고양이" 를 통해 인터넷에 접속하여 최대 연결 속도가 56Kbps 임을 기억하십시오. 페이지를 탐색하기 위해 많은 시간을 참을성 있게 기다렸는데, 이 인내심이 모든 사람이 항상 가질 수 있는 것은 아니다. (아리스토텔레스, 니코마코스 윤리학, 인내명언)
가능한 한 페이지당 50-75k 바이트 미만을 만드십시오. 웹 페이지에 GIF 및 JPEG 이미지를 추가하기 전에 압축해 보십시오. 사이트에 고품질 사진, 음악 또는 애니메이션을 넣으려는 경우 두 가지 버전, 즉 고품질, 저품질을 디자인하여 서로 다른 방문자가 최상의 선택을 할 수 있도록 하는 것이 좋습니다.
플래시는 현재 매우 인기 있는 프로그램이며, 많은 웹 디자이너들이 그것을 자신의 웹사이트에 추가하기를 원한다. 플래시의 장점은 애니메이션과 음악 파일을 매우 작게 만들 수 있다는 것입니다. 플래시 영화를 보려면 Macromedia 웹 사이트에서 다운로드할 수 있는 플러그인이 있어야 합니다. 인터넷 사용자의 80% 이상이 이미 이 플러그인을 가지고 있고, Internet Explorer 와 Netscape 에 대한 새로운 버전이 많이 있지만, 이것은 여전히 고려해야 할 문제이다. 당신이 정말로 필요로 하지 않는 한, 웹 페이지에 플래시 애니메이션을 추가하지 않도록 노력하십시오. 일부 시청자는 영화 다운로드를 참을성 있게 기다리거나 플러그인을 다운로드하지 않기 때문입니다. 순수 HTML 디자인은 여전히 대부분의 (상업용) 웹 사이트에 가장 적합합니다.
너는 이 기교들을 자주 사용할 수 있다.
플래시 영화의 사전 다운로더를 추가하면 큰 파일을 다운로드할 때 텍스트, 간단한 사진 또는 탐색 모음을 사용하여 청중을 "기쁘게" 할 수 있습니다. 이렇게 하면 Flash 영화를 원활하게 실행할 수 있으므로 버퍼링을 중단할 필요가 없습니다.
위에서 설명한 대로 압축하면 그림이 최적화됩니다. 음악과 목소리는 너의 사이트에 많은 자극을 줄 수 있지만, 너는 너무 지나치면 안 된다. 클릭할 때마다 윙윙거리는 소리가 당신의 웹사이트를 짜증나게 하고, 당신의 사이트에 프로답지 않은 인상을 남깁니다. 사이트에 배경 음악을 추가할 계획이라면 Real Audio 와 같은 스트리밍 미디어 오디오 소프트웨어를 사용하여 파일을 재생하는 것이 좋습니다. 또는 Flash 파일을 삽입하고 음악을 반복할 수 있습니다. WAV 파일을 Flash 파일로 가져오거나 인터넷에서 무료 관련 소프트웨어를 다운로드할 수 있습니다.
플래시 영화에서 사운드를 사용하려면 일반적으로 "약한 소리" 버튼을 추가하는 것이 좋습니다. 비헤이비어 스크립트를 사용하여 브라우저 컴퓨터의 사운드를 제어하는 경우 볼륨 조절 막대를 추가합니다. 물론, 절대 소리를 바꾸지 않는 것이 가장 좋다. 필요한 경우 브라우저는 자신의 컴퓨터 볼륨을 조정할 수 있습니다.
→ 프레임 워크 (프레임 워크) 문제
프레임-좋아하거나 싫어할 수도 있습니다. 사이트에서 프레임을 사용하면 한 프레임을 사용하여 탐색하고 다른 프레임을 사용하여 내용을 배치할 수 있습니다. 같은 페이지에 두 개의 별도의 탐색 창이 있는 것을 볼 수 있습니다. 왼쪽 프레임을 클릭하면 오른쪽 내용만 변경됩니다. 프레임워크로 한 사이트의 내용을 조직하는 것은 분명히 매우 쉽다.
그러나 나는 틀을 사용하는 것에 찬성하지 않는다.
사이트의 개별 페이지는 책갈피를 만들 수 없고 방문자도 인쇄할 때 문제가 발생하기 때문에 사이트에 책갈피를 지정하려고 할 때 프레임이 번거로워질 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), Northern Exposure (미국 TV 드라마) 물론 브라우저마다 프레임 처리가 다릅니다.
→ 기타 주의가 필요한 사항
회사 로고를 사이트 전체에서 일관되게 하다.
웹 사이트나 찾아보기 창에서 스크롤 텍스트를 사용하지 마십시오. 텍스트를 스크롤하면 웹 페이지의 액세스 가능성이 저하될 수 있습니다.
사이트 텍스트를 확인하고 다른 사람에게 사이트 텍스트의 정확성, 문법, 분류 등을 확인하도록 요청하십시오. 친구, 친척, 심지어 사이트 방문자들까지도 이 사이트에 대해 어떻게 생각하는지 물어보십시오.
웹 페이지의 링크를 자주 검사하여 끊어지지 않았는지, 특히 웹 사이트 내용을 업데이트한 후에는 더욱 그렇다. (윌리엄 셰익스피어, 햄릿, 웹 페이지, 웹 페이지, 웹 페이지, 웹 페이지, 웹 페이지, 웹 페이지)
귀하의 사이트가 모든 인기 있는 브라우저와 호환되는지 확인하십시오.
상업 사이트가 있고 그 위에 제품이나 서비스를 직접 판매할 계획이라면, 신용 카드 거래의 안전을 보장하기 위해 보안 서비스를 구입해야 한다.
검색 엔진에 사이트 정보를 제출하고 분류에서 사이트 순위를 확인합니다. 순위가 낮으면 메타 태그 변경을 고려해 보는 것이 좋습니다.
많은 사람들이 여전히 14 인치 또는 15 인치 모니터를 사용하고 있으므로 웹 페이지를 "자유롭게 스크롤" 하십시오 (최소한 수평 스크롤).
눈에 띄는 곳에 많은 광고지를 쌓지 마라. 두 개의 광고문은 기본적으로 상한선이어야 한다.
→ HTML 코드를 확인하십시오.
웹사이트에 브라우징 카운터를 두지 마세요. 매장은 당신의 웹사이트를 프로답지 않은 것처럼 보이게 하고, 조회수가 충분하지 않으면 반대 홍보 역할을 할 것이다.
마지막으로 내용은 금이다. 방문자에게 정보, 조언, 소프트웨어와 같은 가치 있는 것을 줄 수 있다면, 방문자를 끌어들여 웹사이트를 자주 방문할 수 있습니다. 당신의 웹사이트에 게시판과 대화방을 추가하여 사이트의 상호 작용을 높여 방문자와 교류할 수 있게 하고, 방문자도 서로 교류할 수 있게 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 인터넷명언)
→ 결론
여러분은 이 모든 것이 한계가 될 것이라고 생각할지도 모릅니다. 예, 잘못 사용하면 실제로 제약이 됩니다. 어쨌든, 당신이 당신의 웹사이트를 디자인하기 시작할 때, 이렇게 해 보세요. 위의 모든 규칙을 따르지 말고 창의력을 충분히 발휘하세요. 큰 플래시 영화를 만들고 텍스트 내용을 조금 추가하여 방문자가 디자인을 한 번 더 보고 싶어도 많은 웹 사이트에서 사이트를 눈에 띄게 할 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 이 기사에서 설명하는 규칙과 방법을 융통성 있게 사용하면 웹 사이트가 더욱 완벽해지고 성공하기 쉬워질 것입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 성공명언) 행운을 빕니다!