프린터 친화적 인 버전의 페이지 디자인 방법
사람들이 웹 사이트의 콘텐츠를 어떻게 소비할지 선택할 수는 없습니다. 그들은 전통적인 데스크탑 또는 랩톱 컴퓨터에서 귀하의 사이트를 방문하거나 어떤 종류 의 모바일 장치 를 방문 하는 많은 방문자 중 하나 일 수 있습니다. 이 광범위한 방문자를 수용하기 위해 오늘날의 웹 전문가는 다양한 장치 및 화면 크기에서 멋지게 잘 작동하는 사이트를 만들지 만, 고려하지 않은 가능한 한 가지 방법은 인쇄입니다. 누군가 웹 페이지를 인쇄하면 어떻게됩니까?
많은 웹 디자이너들은 웹용 웹 페이지가 웹용으로 작성되면 읽어야 만하는 곳이지만 다소 좁은 사고 방식이라고 생각합니다. 일부 웹 페이지는 온라인에서 읽기가 어려울 수 있습니다. 그 이유는 독자가 화면에서 콘텐츠를 보는 것이 어려워지고 작성한 페이지에서 더 편안하게해야하기 때문입니다. 일부 콘텐츠는 인쇄물에있는 것이 바람직 할 수도 있습니다. "방법"기사를 읽는 사람들에게는 기사를 인쇄하여 함께 쓰거나 메모를 쓰거나 완료된 단계를 확인하는 것이 더 쉬울 수 있습니다.
결론은 웹 페이지를 인쇄 할 수있는 사이트 방문자를 무시해서는 안되며 페이지에 인쇄 할 때 사이트 콘텐츠가 소모 될 수 있도록 조치를 취해야한다는 것입니다.
프린터 친화적 인 페이지를 만드는 것은 프린터 친화적입니까?
웹 업계에서는 프린터 친화적 인 페이지를 작성하는 방법에 대해 의견이 분분합니다. 어떤 사람들은 기사 내용과 제목 (아마도 by-line 포함) 만이 페이지에 포함되어야한다고 생각합니다. 다른 개발자들은 측면 및 상단 탐색을 제거하거나 기사 하단의 텍스트 링크로 대체합니다. 일부 사이트는 광고를 제거하고, 다른 사이트는 일부 광고를 제거하고, 다른 사이트는 모든 광고를 그대로 남깁니다. 특정 유스 케이스에서 무엇이 가장 합당한 지 결정해야하지만, 여기에 몇 가지 팁을 고려해야합니다.
내가 프린트 친화적 인 페이지로 추천하는 것
- 흰색을 검정색으로 변경하십시오.
- 웹 페이지에 배경색이 있거나 색상이있는 글꼴을 사용하는 경우 프린터 친화적 인 페이지는 흰색 배경에 검은 색 텍스트 여야합니다. 대부분의 사람들은 흑백 프린터를 사용하며 컬러 배경은 많은 양의 잉크 나 토너를 사용할 수 있습니다.
- 글꼴을 읽을 수있는 얼굴로 변경하십시오.
- 웹 페이지가 문체 글꼴을 사용하는 경우 쉽게 읽을 수 있도록 인쇄 된 페이지의 쉽게 읽을 수있는 serif 또는 sans-serif로 변경하고 싶을 수 있습니다.
- 글꼴 크기를 확인하십시오.
- 글꼴 크기 가 작은 웹 페이지를 작성하는 경우 인쇄용 글꼴 크기를 확실히 늘려야합니다. 잠재 고객에 따라 16pt 이상의 텍스트를 권장합니다.
- 모든 링크에 밑줄을 긋십시오.
- 프린터 친화적 인 페이지에서 링크를 클릭 할 수 없으므로 페이지 정보가 명확 해지고 독자가 디지털 페이지에서 누락 된 기능을 알 수 있습니다. 저는 또한 컬러 프린터에서 작동하는 파란색 링크를 변경하는 것을 좋아합니다.
- 불필요한 이미지를 제거하십시오.
- 필수 이미지를 만드는 것은 개발자와 마케팅 부서에 달려 있습니다. 이미지를 기사의 필수 항목과 페이지 왼쪽 상단의 브랜드 로고로 제한합니다.
- 탐색을 제거하십시오.
- 페이지를 인쇄하기 어렵게 만드는 요인은 광고 및 측면 탐색으로 인해 발생합니다. 이를 제거하면 텍스트가 화면을 가로 질러 더 많이 흐르게되어 인쇄 할 때 더 쉽게 읽을 수 있습니다. 또한 페이지가 인쇄되기 때문에 탐색 은 잉크 낭비 일뿐입니다.
- 일부 또는 대부분의 광고를 삭제하십시오.
- 일부 인쇄용 mavens는 특히 광고를 포함하여 프린터 친화적 인 페이지에서 모든 이미지를 제거하므로 끈적 끈적한 주제입니다. 그러나 현실은 많은 사이트가 광고에 의해 지원되고 모든 광고를 제거하는 것이 해당 사이트의 비즈니스 유지 능력에 영향을 미친다는 것입니다. 인쇄물이나 사라진 사이트 중에서 광고를 선택해야한다면 광고를 선택할 것입니다. 결국, 인쇄가 마음에 들면 사이트가 계속되고 싶습니다.
- 모든 자바 스크립트 및 애니메이션 이미지를 제거하십시오.
- 이것들은 잘 인쇄되지 않거나 어떤 경우에는 웹 페이지 인쇄에 문제를 일으킬 수 있습니다.
- by-line을 포함 시키십시오.
- 일반적으로 기사에서 by-line이 없더라도 프린터 친화적 인 버전에 기사를 포함시켜야합니다. 이렇게하면 고객이 기사를 제출하면 나중에 웹 사이트로 돌아 가지 않고도 누가 작성했는지 빠르게 찾을 수 있습니다.
- 원래 URL을 포함하십시오.
- 인쇄물 하단에 원본 기사의 URL 을 포함하는 것이 매우 중요합니다. 이렇게하면 고객은 링크를 따라 가거나 사이트에서 더 많은 정보를 얻을 필요가있는 경우 온라인으로 정확한 페이지로 돌아갈 수 있습니다. 또한 인쇄물을 복사하면 사이트가 더 많이 노출됩니다.
- 저작권 통지를 포함하십시오.
- 당신이 쓰는 것은 당신의 글쓰기입니다. 고객이 텍스트를 인쇄하거나 복사하여 붙여 넣기 할 수 있다고해서 그것이 공개 도메인이라는 것을 의미하지는 않습니다. 그것은 결정된 도둑을 멈추지 않을 것이지만, 임시 사용자에게 귀하의 권리를 상기시킵니다.
이 간단한 지침을 사용하면 고객이 사용하고 반환하기를 기꺼이 할 수있는 프린터 친화적 인 페이지를 사이트에 만들 수 있습니다.
인쇄용 솔루션 구현 방법
CSS 용지 유형을 사용하여 "인쇄"용지 유형에 대해 별도의 스타일 시트를 추가하여 인쇄하기 쉬운 페이지를 만들 수 있습니다. 그렇습니다. 스크립트를 작성하여 웹 페이지를 친숙하게 인쇄 할 수는 있지만 실제로 페이지를 인쇄 할 때 두 번째 스타일 시트를 작성할 수만 있다면 해당 경로로 이동할 필요가 없습니다.
Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 : 6/6/17