Apakah ada lebar standar untuk mendesain maket halaman web?

Apakah ada ukuran standar untuk lebar situs web dalam maket? Berapa ukuran itu? Mengapa?

Larutan

Saya memulai sebagian besar maket saya dengan lebar 1200px meskipun saya mendesain untuk resolusi 1024px. Saya menyiapkan panduan dalam maket untuk 1000px. Ketinggiannya bisa bervariasi. Alasan saya membuat file mockup saya lebih lebar adalah untuk melihat bagaimana desain terasa dengan ruang bernapas di sekitarnya. Kebanyakan orang menggunakan lebih tinggi dari 1024px saat ini.

Komentar (2)

Jawaban singkatnya: 775x400 untuk 800x600, dan untuk 1024x768 gunakan 1000x500.

Jawaban panjang: Anda tidak akan pernah bisa memastikan bahwa presentasi Anda akan terlihat benar di komputer klien Anda (bisa jadi memiliki sistem operasi yang berbeda, browser, monitor yang dikalibrasi berbeda, atau resolusi yang lebih rendah dengan font besar yang diatur untuk membaca lebih baik). Untuk alasan ini saya cenderung selalu menampilkan presentasi di komputer saya jika saya bisa.

Jika saya tidak dapat menampilkannya di komputer saya pada ukuran yang saya gunakan, saya menggunakan aturan pribadi saya (Jangan menganggap ukuran saya sebagai ukuran suci, setiap orang memiliki ukurannya sendiri):

Sebagai ukuran yang aman, sebaiknya dioptimalkan untuk 800x600 (menghapus scrollbard dan topbar saya menggunakan 775x400 sebagai "di atas garis &"). Tapi sekarang dengan layar yang lebih murah dengan standar yang lebih luas, saya mulai mendesain untuk 1024x768 (1000x500)

Yang penting adalah untuk mengoptimalkan bukan untuk tinggi tetapi untuk lebar. Ketinggian dapat diselesaikan dengan scroll mouse yang sederhana, dengan lebar jika Anda tidak memiliki mac mouse Anda tidak dapat menggulir secara horizontal untuk melihat lebih banyak informasi. Namun, ada baiknya untuk mengetahui di mana kurang lebih dapat diposisikan garis bawah layar, bahkan jika tidak mungkin untuk menentukan dengan tepat .

CATATAN: Saya menggunakan tinggi rendah bahkan pada 1000px karena orang cenderung memiliki banyak scrollbar tambahan pada browser dasar (seperti GoogleRank misalnya atau bookmark, dan banyak lainnya), jadi saya selalu ingin merancang untuk situasi terburuk yang mungkin terjadi.

P.s. maaf untuk bahasa Inggris saya yang buruk :)

Komentar (1)

Saya harus mencari statistik untuk mendukung saya (seperti pos blog SO ini), tetapi 1024x768 telah mengambil alih atau mengambil alih sebagai denominator umum standar untuk resolusi layar. Saya mendesain mockup web untuk audiens umum dengan lebar 1000 px untuk memperhitungkan scrollbar dan batas jendela dengan resolusi dengan lebar 1024 px. Untuk audiens yang lebih spesifik, Pekka benar dalam komentarnya. Cari tahu apa yang normal untuk target audiens.

Komentar (0)