10 우수 웹사이트 디자인 경험, 그들의 자신의 웹사이트를 홍보 하려는

중간 거래 SEO 진단 Taobao 게스트 클라우드 호스트 기술 홀

광대역 네트워크 또는 여전히 느린 모뎀 연결을 사용 하는 저가형 컴퓨터에 설치 된 브라우저에 멀티미디어 하이 엔드 컴퓨터에서 잘 설계 된 웹 페이지를 읽어야 한다. 그러나, 많은 새로운 웹 사이트 디자이너는 매우 좋은 호환성에서 이러한 HTML 파일을 유지 하는 방법에 대 한 지식이 되지 않습니다.

물론, 페이지의 최종 프레 젠 테이 션에 영향을 미치는 너무 많은 불확실성이 있다. 첫째, 컴퓨터의 디스플레이 다른 해상도 디스플레이 품질을, 다양 한 운영 체제, 웹 브라우저, 다른 인터넷 연결 및 모뎀의 다양 한 속도의 버전을 사용 하 여 다음 있다. 우리 시청자의 선호를 임의로 부여 받을 수 없다. 모든 방문자는 행복 할 수 있도록 페이지를 테스트 하는 시간을가지고 가자. 그러나 불행히도,, 각 방문자에 대 한 페이지를 최적화 하는 방법이 없습니다 하지만 다음 몇 가지 단계는 대부분의 방문자가 탐색 확인 데 도움이 됩니다.

1, 관객을 결정

일반적으로, 대부분의 일반 관객 그래픽, 플러그인, 애플릿 및 기타 관련 고급 웹 브라우저 기능입니다. 우리를 위해, 페이지의 유용성은 아름 다운, 보다 더 중요 한 수 있습니다 사용자, 아무것도 귀하의 사이트 페이지 더 중요 한, 단기, 약식에 다운로드할 수 있다 보다는,이 최고의 지름길 이다.

그래픽 디자이너 및 예술 강사 보스턴에서 말했다: "당신에 대해 생각할 필요가, 모든이의에서와 야 한다 청중이"!

모두 만족 하기 위해서는 사이트의 유틸리티 아름다움 보다 더 중요 하다. 그리고 먼저, 그것은 신속 하 게 브라우저의 이전 버전에 의해 설명 될 수 있어야 합니다. 그러나 귀하의 사이트를 간단 하 게,, 그 가장 좋은 방법은 않을 수 있습니다.

사이트 방문자의 운영 체제, 모니터, 브라우저, 및 연결 유형을 고려 하십시오. 다음, 이론에 대해 생각 그들은 받이 필요가 귀하의 사이트에서? 연결 하려는 그들은 또는 그들은 실제 콘텐츠를 필요 합니까? 만약 그것이 정상적인 사이트 실망 것입니다, 검색에 대 한 특별 한 플러그인을 다운로드를. 하나의 트릭은 각 개인에 대 한 귀하의 사이트를 최적화 하기 위해 필요가 없습니다 그리고 모든 방문자에 맞게 불가능 명확 하 게, 귀하의 방문자에 대 한 적절 한 기술을 수행 해야 합니다.

2, 그래픽에 의존 하지 마십시오

사이트 디자인의 관점에서 방문자 수 선전 또는 성공적인 그래픽 디자인을 통해 분실 될 사실 이다. 모든 방문자는 완전히, 그림을 볼 수 있습니다 그리고 어떤 사람들 속도 액세스 네트워크를 브라우저 측 그래픽 해제. 즉, 그래픽 클라이언트에서 올바르게 로드 하지 마십시오. 그러나, 그래픽 탐색 버튼으로 자주 사용 됩니다. 예를 들어 방문자는 종종 이전 페이지로 돌아가려면 왼쪽된 화살표를 눌러 또는 물음표를 포함 하는 그래픽 더 많은 정보를 얻을 수 있다 또는 회사의 주소와 전화 번호는 회사의 로고에 의해 말 될 것 이다. 그래픽 맵 (이미지 맵)을 사용 하면 자주 사이트 맵으로 사용, 이미지의 다른 영역에 다른 장소에 연결 하 고 사이트 콘텐츠 지침과 방문자를 제공 합니다. 하지만 당신이 사용 하는 경우 이미지를 제공 하는 사이트 탐색, 일부 방문자 또는 완전히 수 있을 것 이다 올바르게 당신의 사이트를 떠나는.

항상 어떤 종류의 기술 귀하의 사이트는 귀하의 사이트를 제대로 탐색할 수 필요가 사용자에 게 바보 같은 방법 이다. 경우 방문자 필요 설치 만약 당신이 단지 그것을 처리 하는 플러그인에 게 링크 다운로드 하기 방문자. 사용자에 대 한 아주 멋진이 페이지 유머 일 전혀 아니다, 그리고 이것은 사용자의 기대와는 달리. 대 한 반대, 난 희망, 반영 수 있습니다 그것은 당신이 하는 경우, 왜 사이트를 모르면 모르는 플러그인 잔뜩 다운로드 해야할지 싶습니다?

이 모순을 해결 하는 방법? 두 가지 솔루션의 생각 수 있습니다: 하나는 순수 텍스트, 그리고 다른 완전 한 그래픽. Fact。 그래픽 지도 콘텐츠 목록을 제공를 사용 하 여 훨씬 더 일반 텍스트 형태를 사용 하 여 페이지의 끝에 할 수 있습니다. 그래픽 단추를 사용 하는 경우에 간단한 탐색 텍스트 힌트를 포함 좋습니다.

대부분의 시간, 우리가 일반적으로 디스플레이 대 한 텍스트를 대체할 수 그래프는 올바르게 표시 되지 않으면, "ALT" 태그를 사용 하는 습관을 개발 해야 합니다. 이 방법에서는, 사용자 적어도 그래프의 설명을 참조 하 고 무슨 뜻인지 알고 수 있습니다. 예를 들어이 같은 이미지 마커의 예비 텍스트를 작성할 수 있습니다.

"ALT" 태그와 함께 또 다른 장점은 있다. 텍스트는 사용자에 게 가이드를 표현 하는 방법의 감각을 줄 것입니다 이미지 위에 표시 됩니다.

3, 작은 페이지를 유지

이 섹션에서 우리는 그래픽 처리에 대 한 이야기. 그래픽 파일의 크기를 최대한 작게 유지 하는 독자의 광범위 한 대 중에 게 어필 하는 가장 좋은 방법은입니다. 빠른 인터넷 연결이 충분히 운이 좋은 사람은 귀하의 사이트를 너무 빨리 로드 불평 하지 것 이다.

첫 번째 기본 원칙은 각 그래픽 파일 크기에서 30 KB 미만입니다. 이것은 확실히 나쁜 제안 하지입니다. "극단적인" 일부 페이지 디자인 전문가 약 30 KB, 40 KB (즉, 전체 페이지 그래픽 및 텍스트 및 기타 멀티미디어 개체를 포함 하는)에서 페이지의 전체 크기를 유지 하기에 적절 한 말. 그리고 "매우 큰 페이지를 사용 하지"를 조언 했다.

페이지의 크기를 작게 유지, 그래픽, 그래픽 사용 가능한 압축 비율, 높은 품질을 보장 하기 위하여 처리 시간을 보내고 있도록 가능한 그래픽.

또한, 하자 그래픽 사용 하 여 더 적은 색깔은 또한 가능한 그래픽을 만들 수 있는 방법. 모노톤 컬러를 사용 하 여 그라데이션 색을 사용 하 여 보다 낫다. 그라데이션 색을 사용 하 여 신속 하 게 클라이언트 디스플레이 대 한 브라우저 측에 컬러 팔레트를 채웁니다. 또한, 그것은 또한 그래픽의 색 농도 감소 하 고 적은 색 나무를 사용 하 여 가능입니다.

더 큰 이미지 및 멀티미디어 파일 하지 삽입 하려고 내부 페이지를 제공 해야 하는 경우 그것에 연결을 제공 합니다. 이 방법에서는, 빠른 연결에 클릭을 사용 하 여 이미지를 바로 볼 수 있다, 저속 연결 하지 않는 이미지 봐 그의 대부분의 내용에 대 한 우려 또한 볼 수 있습니다, 느낌을 탐색 지연 최고.

사용자의 디스플레이 해상도 크기 4, 가정 하지 마십시오

일반적인 실수는 많은 웹 디자이너 방문자는 작품 뿐만 아니라 그들은 큰 스크린 디스플레이가지고 생각. 현재 상황에 따라 지금의 주류 디스플레이 기본 디스플레이 해상도 표준 800 x 600 해상도 대 한 귀하의 사이트 디자인을 최적화할 수 있습니다.

검색 엔진, 자극 하는 것 같이, 우리는 사용자 트래픽의 양을 증가 대 한 몇 가지 좋은 아이디어를 찾을 수 있습니다. 예를 들어 더 많은 테이블 셀 색 채우기 사용 합니다. 페이지 디자이너는 사용자는 다운로드 페이지 너무 많은 시간을 소비 하는 것 이라고 생각 하지 않습니다 페이지에 배경 색상을 추가 합니다. 또한, 대부분의 모니터 256 색, 트루 컬러에는 디자이너를 사용 하는 색상의 수백만 보다는 표시할 수 있습니다. 브라우저 즉, 256 색 내 브라우저 "안전 색상 범위"에서 색상을 표시할 수 있습니다. 우리는 상세히 나중 문제를 논의할 예정 이다.

플러그 인 (플러그 인) 및 애플릿 사용 하는 5, 주의

일반적으로 상호 작용 또는 멀티미디어 기능을 강조 하는 사이트는 플러그인 및 애플릿을 사용 합니다. 플러그 인은 웹 브라우저 기능 확장입니다. 뷰어는 플러그 인 설치 되어 있는 경우 파일, 애니메이션, 비디오, 오디오, 등의 다양 한 종류를 실행할 수 있습니다. 애플릿을 작은 프로그램 조각 또는 종종 Java 언어로 작성 된 브라우저와 같은 대형 프로그램으로 몇 가지 유용한 기능을 수행 하기 위해 사용할 수 있는 도구입니다.

플러그인 및 애플릿을 사이트 및 멀티미디어 성능, 하지만 컴퓨터의 일부 이전 구성에 대 한 상호 작용 크게 향상 시킬 수 있습니다, 있지만 이것은 의심할 여 지 없이 중복 함수 이다. 예를 들어 Java 애플릿을 32 비트 운영 체제, Windows 3에서 작동 합니다.

플러그인 및 애플릿을 사이트 및 멀티미디어 성능, 하지만 컴퓨터의 일부 이전 구성에 대 한 상호 작용 크게 향상 시킬 수 있습니다, 있지만 이것은 의심할 여 지 없이 중복 함수 이다. 예를 들어 Java 애플릿 에서만 32 비트 운영 체제 및 Windows 3.x (비록 몇몇 사람들이 지금 그것을 사용) 작동 하지 않습니다. 또한, 플러그인 설치, 다운로드에 시간이 걸릴 것입니다 하지만 모든 사용자는 이러한 과정의 설치 후 다운로드를 완료 하는 데 숙련 된 될 수 있습니다. 비숙련 사용자가 플러그 인을 설치할 때 오류가 발생할 수 있습니다 그리고 비숙련 사용자가 이러한 귀 찮 음을 필요 하지 않습니다.

플러그인 및 애플릿을 청중이 설치할 수 있습니다 판단 하는 경우 관련 섹션에서 사용자, 다운로드 시간과 주소 플러그인과 애플릿, 당신이 필요가 있는 무엇을 설치 과정 중의 유의 해야 합니다. 이 사용자의 사용을 촉진 한다. 이것은 매우 중요 한 메시지를 일반 텍스트, 플러그인 및 애플릿을 설치 수 정말 그 방문자를 촉진 하기 위하여와 같은 유용한 정보를 제공 하는 것이 좋습니다.

6. 필요할 때에 프레임을 사용 하 여

프레임을 사용 하 여 여러 다른 창으로 브라우저를 나눌 수 있습니다 그리고 사이트의 구조는 파악 하는 좋은 방법. 하지만 당신은 여전히 누군가가 프레임을 지원 하지 않는 브라우저를 사용 하는 것을 알고 있다. 프레임 디자인을 시작할 때 고려해 야 합니다 신중 하 게 정말 그것 필요로 하는 여부. 종종, 당신의 요구 수 있는 테이블을 사용 하 여 귀하의 사이트를 구성 하 여 구성 됩니다. 물론, 일부 특히 오래 된 브라우저는 심지어 테이블을 지원 하지 않습니다. 음, 즉, 우리는 정말 말도 안돼는 것.

프레임을 사용 해야 하는 경우 여전히 그 골동품 브라우저를 사용 하는 사용자에 대 한 다른 솔루션을 제공 하려고 합니다. 최악의 시나리오는 그 아무 솔루션 경우 이러한 사용자에 게 사과 하는 것에 대 한 몇 가지 정보를 제공 고 그들이 당신이 그들을 무시 하는 못하게.

7, 웹 브라우저를 잊지 마세요

다양 한 클라이언트 브라우저에서 (를 포함 하 여 글꼴 크기, 색상, 등), 하지만 시장 점유율 측면에서 페이지가 표시 되는 방법을 제어 하는 최종 뷰어에 대 한 방법으로, 넷스케이프의 네비게이터 (Navigator)는 마이크로소프트의 익스플로러 (Internet Explorer)에 비해 알아야 점유율은 점감 하 고 있다.

지정 된 사이트에 대 한 경우 일부 방문자 좋아해요 그래픽 탐색 모음, 사용 하는 계정에 걸릴 해야 테스트 때 그래픽 디스플레이 해제 합니다. 브라우저 클라이언트 텍스트 적절 한 힌트를 주고 있을 때 탐색 그림을 표시 하지 않습니다, 경우에이 느낌이 훨씬 더, 수 있도록 그래픽 텍스트 힌트를 사용 해야 합니다 그래서, 그것을 만드는, 당신은 대부분 (전부는 아니, 적어도 고려 해야 하는 경우 계정 탐색 모음)을 고려 이상 레드 포크의 얼굴에서 표시할 수 없습니다 그래픽, 텍스트 힌트가 손실에 두 친절 한 느낌을 준다.

사실, 마이크로소프트와 미국 넷스케이프 네비게이터를 제작한 웹 탐험가 사이 점점 더 많은 상사 성이 있다 고 그들 사이의 호환성의 1 년 전로 일찍 큰 문제가 아니다. 하지만 세부 사항에, 차이 이며 다른 브라우저에 1 개의 브라우저에 표시 되는 효과 중 일부는 완전히 다른. 이러한 차이 이해할 수 있습니다 하지만 그를 제어할 수 없습니다 그리고 다른 브라우저 다르게, 마찬가지로 다른 사람들의 서로 다른 노출. 당신이 필요한 모두는 그들은 다른, 그리고 당신은 코드 또는 거 대 한 차이 발생 하는 메서드를 사용 하지 않도록 하려고 한다 알고 있다. 희소식은이 두 브라우저 다운로드는 무료, 사용자에 대 한 두 개의 브라우저를 사용 하 여 귀하의 사이트에 다른 브라우징 경험 하려고 할 수 있습니다, 선택할 수 있는 권리는 뷰어, 당신은 할 수 사이트 디자이너로 듣고 있다 뷰어 피드백 될 수 있습니다. 나쁜 소식은 그 당신이 통제할 수 없는 방문자를 사용 하 여, 어떤 브라우저 또는 브라우저 윈도우의 여분 크기 글꼴 유형, 색 및 크기 설정. 무엇을 제안 하는 것을 이다 당신이 할 수 있는 그들이 사용 하는 구성과 방문자 기본 설정 또는 권장된 브라우저를 사용할 수 있습니다 그들은 특정 부분을 액세스할 수 없는 경우 귀하의 사이트에 보고 하는 방법.

8, 계속 애플과 PC 포맷 호환

페이지의 많은 애플 환경에서 디자인 되 고 브라우저는 정말 Pc. 대부분의 페이지에 대 한이 이유 이다. 사실, 브라우저의 운영 체제 보다 더 많은 사이트 검색 효과 영향을. IBM 호환 PC에 본 이미지는 애플 보다 작고 약간 어두운 것 처럼 사실을 지적 하는 필요가 있다. 만약 당신의 사이트 그래픽 가장 매킨토시에 디자인의 것이 좋습니다 하는 큰 효과 차이 확인 하려면 미리 보기에 PC의 릴리스 전에.

Mac과 PC에 표시 된 같은 색상 어떤 식으로든에서 다소 다른 것 같다. 더 정확 하 게 말하면, 우리가 앞에서 언급 한 팔레트의 차이 결정적인 역할을 재생 됩니다. 이 두 가지 서로 다른 플랫폼, 216 일반적인 색상, 그래서는 최대한 두 플랫폼 페이지 컬러 디스플레이 효과 기본적으로 동일한 수 있도록이 보편적인 216 색상의 사용의 디자인에서 웹 디자이너.

9, 테스트, 테스트, 다시 테스트

싫증 내 말 하지 마십시오. 브라우저에 브라우저의 수 우리가 테스트를 하기 전에 사이트의 공식적인 릴리스 매우 중요 한 것 같습니다 그래서 페이지의 효과 표현 하고자 올바르게 볼 수 있도록 최우선 이다. 자신의 컴퓨터와 함께 시작, 그것을 테스트 하는 것은 반복 해, 다른 브라우저를 사용 하 여, 조정 폭과 높이의 브라우저 창, 그래픽 디스플레이 및 다른 디스플레이 해상도 사용 하려고 시도. 그런 다음 반복 당신은 그냥 당신의 친구, 동료, 심지어 이웃의 컴퓨터에서 수행 했습니다.

그 때문에, 익숙한 대부분의 사용자는 우리가 익숙한 사용자에 게 테스트 작업을 것이 좋습니다 하는 전문 웹 디자이너 이며 그들은 사용 하는 브라우저는,는 최종 사용자의 브라우징 효과 보장 합니다. 그것은이 단계의 중요성을 강조 해야 합니다. 사무실에서 우리가 종종 일부 고 대 기계 (거의 컴퓨터의 발전의 역사를 목격)를 꾸밈로 사용 될 것을 볼 수 있습니다 그리고 우리 뿐만 아니라이 골동품 기계 값을 반영 하기 위해 우리의 테스트 컴퓨터를 사용할 수 있습니다. 이러한 고 대 컴퓨터의 결과 종종 더 객관적이 고 우리가 사용 하는 전문 디자이너의 모든 컴퓨터 테스트 보다 대표.

10, 방문자 통지할 수 있습니다.

우리는 우리가 해야 할 모든 작업을 하는 경우에는 여전히이 잘 설계 된 사이트 모든 방문자 좋은 표시를 줄 것 이라고 보장할 수 없습니다 이해 해야 합니다. 홈 페이지에 귀하의 사이트를 검색 해야 하는 조건의 종류를 지정 하는 경우 모든 사용자가 해야 하는 조건을 이해 해야 합니다. 그들은 당신이 그들을 무시 하지는 알고 없는 당신이 생각 하는, 기본적인 기준에 부합 하지 않는 이러한 사용자에 대 한 다른 옵션을 선택할 수 있습니다. 당신이 그들을 그렇게 그들은 빈 손으로 가지 마세요 전화, 문자 또는 이메일로 연락 하는 방법을 말할 수 있습니다.

마지막으로, 테스트 후, 수용 된 사이트의 세계에 발표 될 수 있습니다. 뷰어 인지 검색 귀하의 사이트 또는 귀하의 사이트에 오래 체류에 관심이 완전히 당신의 통제 불능입니다. 일부 사용자가 느린 모뎀을 사용 하 여 불안 또는 페이지 그래픽을 표시할 수 없습니다 또는 사용자 맞춤된 브라우저를 사용 하 여 사이트를 제대로 표시 되지 않을... 이 놀라운 것입니다. 지금 분석 하 고 성과 고객 피드백에서 사용자의 가능성을 테스트 하는 우리가 할 수 있는입니다.

어쨌든, 당신은 귀하의 사이트에서 어떤 종류의 심리적 만족을가지고 있다. 이 일을 시작 하기 전에 앉을 수 있고 명확 하 게 생각 하는 무엇을 만드는이 사이트에 대 한 수 있습니다. 신중 하 게 당신의 연결 나열, 모든 사용자가 그들이 귀하의 사이트에 콘텐츠를 찾을 인내심을 있다. 그들이 언제, 어디 그것은 제공 될 것 이다, 같은 때 당신이 중요 한 정보, 다운로드 제공을 준비 하자. 그것은 특히 중요 한 있기 때문에 한 번 그들은 그들에 게 뭔가 유용한 찾을 관련 프로 모션 개체와 만족, 그들은 친구, 급우 또는 그들이 주위에, 친척 확산 것입니다 그리고 귀하의 사이트의 인기는 느리게 열립니다.

축 하 합니다, 당신은 절반 성공, 당신에 게 다음은 "인 내, 우수성" 나는 기억할 것 이다 바랍니다.