Jaka jest „najczęstsza” szerokość i wysokość, jakie strony internetowe są obecnie projektowane?

Pracuję nad projektem grupowym i staram się, aby moi koledzy przesłali rysunek dotyczący ich wizji aplikacji online; ta aplikacja będzie wyświetlana na komputerze. Chociaż podejrzewam, że nie ma standardu branżowego, potwierdzam, że muszą istnieć wspólne podejścia do witryn z układami o stałej szerokości. Muszę znać najbardziej powszechne poczucie proporcji w branży.

Będziemy utrzymywać ten prototyp w prostocie, dlatego nie będziemy wykrywać przeglądarek, szerokości ekranu itp. Pomyślałem, że zapytam o to w prosty sposób, mając nadzieję na uzyskanie prostej odpowiedzi:

Jaka jest „najczęstsza” szerokość i wysokość, dla której ostatnio projektowane są strony internetowe. Byłoby bardzo pomocne, gdybym mógł znaleźć źródło, gdy mówię moim kolegom, dlaczego wybrałem określone poczucie proporcji, na których opierają swoje rysunki.

Zwróć uwagę, jak zadałem to pytanie:

• Nie pytam o najczęstsze rozdzielczości ekranu.
• Nie pytam o najpopularniejsze przeglądarki.

Chcę wiedzieć, jakie wymiary wybiera większość stron internetowych w odniesieniu do układów o stałym rozmiarze. Wiem, że ludzie zwykle przewijają się i dlatego wysokość może nie być częścią ~ standardu; w takim przypadku zadowalam się najczęstszą szerokością.

Tak jak powiedziałeś, nie ma standardowej wysokości, ponieważ jest ona wyjątkowo płynna, więc używaj czegokolwiek, co pomaga najlepiej zobrazować projekt.

W przypadku szerokości 960 pikseli wydaje się być obecnie „standardem” dla projektów o stałej szerokości. To dość powszechne, że witryna poświęcona jest badaniu układów na tej szerokości .

(Zakładam, że nie chcesz, aby ktokolwiek narzekał na stosowanie płynnego projektu?)

Naprawdę nie ma standardowej szerokości, którą powinieneś ustawić. Liczba osób korzystających z monitora o rozdzielczości 1024 x 768 drastycznie spadła w ciągu ostatnich kilku lat, więc szerokość 960 ma mniejsze znaczenie. Wraz z pojawieniem się tak wielu nowych urządzeń (smartfonów, tabletów wraz z laptopami i komputerami stacjonarnymi), powinieneś utworzyć wiele arkuszy stylów dla każdego przypadku.

Zapytania o media CSS pozwalają zmieniać style w zależności od rozdzielczości ekranu użytkownika. Zwykle tworzę witryny z ogólnym arkuszem stylów, który obsługuje wszystkie style wizualne, a następnie osobne dla telefonu komórkowego, tabletu, standardowego komputera stacjonarnego / laptopa i bardzo szerokich ekranów, które układają stronę.

Sprawdź tę stronę na W3.org, aby zobaczyć kilka przykładów - http://www.w3.org/TR/css3-mediaqueries/

Jest to więcej pracy, ale pozwoli użytkownikowi uzyskać najlepszą możliwą jakość bez względu na to, czego używa do przeglądania swojej witryny.

Co powiedział @John Conde. Ponadto musisz wziąć pod uwagę, kto jest twoją grupą docelową. Na przykład, jeśli moja witryna jest blogiem technologicznym lub blogiem z gadżetami, istnieje prawdopodobieństwo, że moja grupa docelowa jest nieco bardziej zaawansowana technologicznie niż zwykła publiczność, więc mogę strzelać do układu o szerokości ponad 1200 pikseli. Lub gdybym koncentrował się na stronie / blogu / forum dla webmasterów, poszedłbym trochę dalej.

Pod koniec dnia sprawdź swoje masowe dane demograficzne i śledź, co ostatecznie dla nich zadziała.

Dwie BARDZO ważne rzeczy, o których należy pamiętać ...

1) Jeśli Twój projekt może pracować z rozdzielczością 900+ pikseli, nie ma powodu, aby rozciągać go do rozdzielczości 1200+ pikseli, nawet jeśli możesz sobie na to pozwolić.

2) Upewnij się, że masz odpowiednią strukturę, która może pomieścić użytkowników, którzy mogą nie mieć docelowej rozdzielczości.