Skip to main content

Projektowanie stron internetowych i rozmiar lub rozdzielczość ekranu

Poradnik GIMP #1 Kadrowanie i Skalowanie Zdjęć (Kwiecień 2025)

Poradnik GIMP #1 Kadrowanie i Skalowanie Zdjęć (Kwiecień 2025)
Anonim

Rozdzielanie stron internetowych to wielka sprawa. Wiele stron, które uczą projektowania stron internetowych napisało o tym i zależnie od tego, w co wierzysz, powinieneś zaprojektować strony dla najniższego wspólnego mianownika (640x480), najbardziej powszechnej rozdzielczości (800x600) lub najbardziej nowoczesnej (1280x1024 lub 1024x768). Ale prawdą jest, że powinieneś zaprojektować swoją witrynę dla klientów, którzy do niej przychodzą.

Fakty dotyczące rozdzielczości ekranu

  • 640 x 480 nie jest martwy
  • Podczas gdy 640x480 nie jest tak powszechny, jak dawniej, ta rozdzielczość nadal istnieje. Starsze komputery, laptopy z mniejszymi ekranami, netbooki i osoby wymagające większych czcionek używają tej rozdzielczości. Nawet jeśli zdecydujesz się nie projektować strony do tej rozdzielczości, powinieneś przetestować swoją witrynę w tej rozdzielczości.
  • 800x600 jest bardzo powszechne
  • Wiele przewodników po projektach stron zaleca projektowanie stron internetowych o rozdzielczości 800x600. Chociaż ta rozdzielczość jest bardziej powszechna w sieci, może to nie dotyczyć klientów. Jeśli planujesz przeprojektować swoją witrynę, poświęć kilka tygodni na przeanalizowanie statystyk przeglądarki w celu określenia najczęściej używanych rozdzielczości Twój klienci.
  • 1024x768 jest dużo bardziej powszechny
  • Ekrany stają się coraz większe, a 1024x768 to inne popularne rozmiary do projektowania, ponieważ wielu projektantów ma monitory, które obsługują to natywnie. Ale ta rezolucja może być dość trudna do odczytania dla wielu osób. 14-calowy monitor do laptopa może obsługiwać 1024x768, ale tekst jest praktycznie nieczytelny. A laptopy są bardzo popularne.
  • 1280x1024 i większe są mniej powszechne
  • Zazwyczaj te większe rozdzielczości będą widoczne na komputerach stacjonarnych lub laptopach z najwyższej półki. Ale często w tych większych rozmiarach klienci nie przeglądają się na pełnym ekranie. Dlatego zaprojektowanie witryny o szerokości większej niż 1000 pikseli spowoduje wyświetlenie poziomych pasków przewijania na większości ekranów.

Zachowaj te Rozdzielczość Ciekawostki

  • Nie każdy maksymalizuje swoją przeglądarkę
  • Jeśli stwierdzisz, że klienci przeglądają 1024 x 768, możesz tworzyć strony wymagające przewijania w poziomie. Czemu? Ponieważ podczas przeglądania tej rozdzielczości nie maksymalizują okna przeglądarki, więc 800x600 może lepiej pasować do okna przeglądarki.
  • Nie zapomnij o przeglądarce Chrome (nie przeglądarce Google Chrome)
  • Przeglądarki odejmują do 50 pikseli po prawej i lewej stronie, a 200 pikseli od góry i od dołu do własnych celów, takich jak paski przewijania, paski narzędzi i kontener okna. Nazywa się to chrome przeglądarki. Jeśli więc utworzysz tabelę o szerokości 800 pikseli, klienci o zmaksymalizowanych przeglądarkach na ekranach o rozdzielczości 800 x 600 będą musieli przewijać w poziomie.

Jak radzić sobie z rozmiarem ekranu na podstawie rozdzielczości

  1. Określ, kto wyświetla Twoją witrynę: Przejrzyj pliki dziennika internetowego lub umieść ankietę lub skrypt, aby określić, jakiej rozdzielczości używa twój czytelnik. Użyj skryptu wielkości przeglądarki w świecie rzeczywistym do śledzenia czytelników.

  2. Oprzyj swoje zmiany na swoich klientach:Po przeprojektowaniu witryny należy ją zbudować na podstawie faktów z witryny. Nie opierajcie go na statystykach "sieci" ani na innych stronach. Jeśli stworzysz witrynę, która pasuje do rozdzielczości, z której korzystają Twoi klienci, będziesz o wiele szczęśliwsza.

  3. Przetestuj swoją witrynę w różnych rozdzielczościach:Zmień rozmiar ekranu (zmień rozdzielczość ekranu systemu Windows lub rozdzielczość ekranu komputera Macintosh) lub skorzystaj z narzędzia do testowania.

  4. Nie oczekuj zmiany swoich klientów: Nie zrobią tego. A nałożenie na nich ograniczeń tylko zachęca ich do opuszczenia.