인터넷은 많은 하이퍼 링크가 포함 된 짧은 문서의 프리젠 테이션에 매우 적합합니다. 긴 텍스트의 경우 책이나 잡지를 대체하지 않습니다 (적어도 현재는). 그러나 더 긴 자료를 업로드해야하는 경우 여러 부분으로 나누어서 인쇄 또는 다운로드 용 버전을 HTML 또는 RTF 파일 형식으로 제공해야합니다. 우선 텍스트는 명료해야합니다. 짧은 단락, 다른 스타일 (레벨)의 제목 및 번호 매기기 목록을 사용하여 텍스트의 가독성을 높일 수 있습니다. 중요 단어는 굵게 또는 기울임 꼴로 강조해야하며, 밑줄은 링크 용으로 예약되어 있으므로 회피해야합니다. 짧은 텍스트가있는 웹 페이지를 스크롤 막대 형태로 찾을 수는 있지만 텍스트는 정적이어야합니다. 불행히도, 움직이는 텍스트는 더 느리게 읽혀집니다. 그러한 경우, 선택된 정보로 돌아 오는 것도 방해가됩니다. 나머지 정보가 없어 질 때까지 기다려야합니다. 단락을 조정하는 방법 또한 독서의 속도에 영향을 미칩니다. 이런 방식으로 포맷 된 텍스트는 훨씬 쉽게 읽을 수 있기 때문에 왼쪽 정렬 또는 양쪽 정렬을 제안합니다. 텍스트가 화면의 전체 너비에 표시되면 안됩니다. 매우 자주, 그것은 독자가 줄을 생략하거나 한 줄을 내려 가게합니다. 10 단어 이하를 포함하는 행은 읽기가 가장 쉽습니다. 텍스트 색은 배경색과 대비되어야합니다. 흰색 배경에 검은 색 텍스트가 가장 눈에.니다. 그 반대의 조합도 좋지만 긴 텍스트의 경우 사용자를 낙담시키고 읽기 속도를 늦 춥니 다. 밝은 색상의 사용은 눈을 피로하게합니다. 사실, 그들은 우리의주의를 끌기는하지만, 짧은 시간 후에는 실망합니다. 그래픽은 문자의 줄과 단어의 모양을 구별하기 어렵 기 때문에 배경은 평이해야합니다. 그러나 패턴을 사용하기로 결정했다면 매우 미묘해야합니다. 섹션 제목의 경우 색상을 피해야합니다. 다채로운 텍스트는 참조 용으로 예약되어 있습니다. 사용자는 한 줄에 하나씩 웹 사이트를 읽지는 않지만 웹 사이트를 살펴보아야합니다. 그래서 웹 사이트의 콘텐츠는 여러 부분으로 나누어 져야하며 각 부분에는 제목이 있어야합니다. 텍스트 블록 사이에 빈 공간을 만들 가치가 있습니다. 부품으로 분할 된 문서는 공백없이 작성된 텍스트보다 쉽게 읽습니다. 이 솔루션의 유일한 단점은 텍스트의 확장과 연속 스크롤의 필요성입니다. 그런 경우에는 화면을 백업 할 수있는 참조를 배치하는 것이 좋습니다.
단계별로 웹 사이트 만들기
적절한 글꼴 선택
때로는 sans-serif (예 : Verdana) 및 serif 글꼴 (예 : Times New Roman)으로 분류되어 글꼴 유형 선택에 대한 토론이 있습니다. 일반적으로 사람들은 serif 글꼴을 사용하여 작성된 텍스트 읽기를 선호하는 것으로 알려져 있습니다. 이는 세리프가 시야 형태를 한 캐릭터에서 다른 캐릭터로 쉽게 이동시켜 가독성을 높여 준다는 사실에서 기인합니다. 그러나이 원칙은 종이 문서에 적용됩니다. 낮은 정의는 화면에서 serif 글꼴을 거의 읽을 수 없게 만듭니다. 특히 작은 글꼴로 작성된 텍스트의 경우 매우 중요합니다. 고화질 모니터를 사용하는 사용자 수가 늘어남에 따라이 원칙은 중요성이 줄어들 것입니다. 그러나 당분간은 산세 리프 글꼴이 더 바람직합니다. 물론 글꼴 크기는 가독성에 영향을 미칩니다. 기본 텍스트에는 최소 10 포인트의 글꼴을 사용해야합니다. 본문에서 대문자를 피하는 것이 중요합니다. 이러한 방법으로 작성된 텍스트는 약 10 % 더 느리게 읽습니다. 두 가지 이상의 글꼴 유형 (문서 텍스트 및 표제의 경우) 또는 특수 텍스트의 경우 3 가지 (예 : 프로그램 코드가 사용되어야한다..
그래픽, 삽화 및 애니메이션
그래픽뿐만 아니라 멀티미디어는 사용자가 웹 페이지의 미적인 자질을 향상 시키거나 제시된 정보를 더 잘 이해할 수 있도록 웹 사이트에 배치되어야합니다. 그래픽 프로젝트의 목표는 정보를 이동하고 리소스를보다 쉽게 이동 시키지만주의를 끌지 않는 것입니다. 그래픽을 사용하면 많은 그림 대신에 여러 번 사용할 수 있습니다. 뿐만 아니라 페이지의 로딩 속도를 높일뿐만 아니라 웹 사이트의 시각적 인 결합을 보장합니다. 이미지를 업로드하려면 ALT 속성을 추가해야합니다. ALT 속성을 사용하면 사용자는 이미지가 표시되기 전에 어떤 이미지가 표시되는지 확인할 수 있습니다. 또한 시각 장애인 용 브라우저는 ALT 파일을 크게 읽을 수 있습니다. 제품 이미지는 구매와 관련된 의사 결정 프로세스에서 중요한 역할을합니다. 온라인 상점을 방문하는 사용자는 자신이 원하는 제품이 어떤 모양인지 알기 위해 몇 초 기다릴 수 있습니다. 그러나 제한된 수의 그림 및 삽화의 원칙이 상위 수준 페이지에 적용되어야합니다. 제품을 제공하는 웹 사이트에서 제품 설명과 함께 작은 그림 ( :light:로 읽음)이나 갤러리의 형태로 더 큰 형식이나 추가 사진을 제공하는 페이지에 대한 참조를 업로드해야합니다. 모든 유형의 구성표, 도표 및 차트는 페이지 내용의 이해와 동화를 촉진하고 이러한 특성으로 인해 사용자가 선호하는 다른 그래픽 요소를 구성합니다. 아이콘 또한 매우 일반적으로 사용됩니다. 그러나 우리는 그들이 보는 방식이 항상 똑같은 것으로 해석 될 수는 없으며 수령인을 오도하지 않도록 설명하는 것이 중요하다는 것을 기억해야합니다. 반면 그래픽 메뉴 및 버튼을 사용하는 것은 좋지 않습니다. 페이지 로딩 시간이 길어지고 그 외에도 문제가 발생합니다. 웹 사이트 구조 조정으로 인해 다른 메뉴 범주가 추가 될 때 그런 다음 웹 마스터는 소스 파일을 찾기 시작한 그래픽 디자이너에게 문의해야합니다. 그래픽 요소를 디자인하기위한 지침을 설정하지 않은 외부 사람이 그래픽을 디자인 할 때 상황이 더 복잡해 질 수 있습니다. 애니메이션은 사용자의주의를 끌기위한 또 다른 공통적 인 형식을 구성합니다. 그러나 움직이는 징후가 많은 텍스트에 초점을 맞추기가 어렵 기 때문에 드물게 사용해야합니다. 애니메이션없이 메시지를 표현할 수 있는지에 대한 질문에 긍정적으로 대답 할 수 있다면 애니메이션 그래픽을 사임해야합니다. 그것이 웹 페이지에 존재해야한다면, 그렇게 복잡하지 않아야합니다. 그것은 사용자를 귀찮게하고 페이지의 주요 부분에 집중하는 것을 어렵게 만듭니다. 그래서 여러 번 반복 한 후에 멈추어야합니다..
기본 페이지
사용자가 다음 질문에 대한 답변을 찾아야하는 웹 사이트의 쇼케이스입니다 : :어떤 종류의 정보가 웹 사이트에 표시됩니까?:, :어떤 콘텐츠가 제공됩니까?: 그래서 회사의 눈에 잘 띄게 표시되는 이름과 로고를 제외하고 섹션 카탈로그, 주 정보의 간단한 요약 및 검색 모듈을 포함해야합니다. 또한 프로모션에 대한 정보를 제공하기에 좋은 장소이기도하지만 너무 많은 공간을 차지해서는 안됩니다. 주요 기능은 사용자에게 주제 영역을 알리고 다른 웹 페이지를 입력하도록 유도하는 것이지만 우선 간단하고 직관적 인 탐색 시스템을 사용하여 추가 검색을 가능하게해야합니다.
뿐만 아니라 프로젝트
하나의 기사에서 모든 웹 사이트 기능 원리를 논의하는 것은 불가능합니다. 그렇기 때문에이 주제에 대해 자세히 설명하는 다른 출판물에 자신을 알릴만한 가치가있는 것입니다. 종종 매우 복잡한 웹 사이트를 설계 할 때 동시에 모든 규칙 적용이 가능하지 않은 것으로 나타났습니다. 그러한 경우 특정 원칙을 사임 할 필요가있다..
웹 페이지 디자인과 직접 관련이없는 요소입니다 (예 : 화면 정의, 사용자 또는 사용 된 브라우저에 의해 설정된 글꼴 크기는 기능에도 영향을 미칩니다. 웹 사이트는 인터넷에 게시되기 전에 테스트되어야합니다. 프로젝트의 완성과 구현이 우리가 기능을 잊을 수 있다는 것을 의미하지는 않습니다. 훌륭한 제작자는 항상 이러한 점에서 웹 페이지를 모니터링해야합니다..