سؤال

بافتراض أن التخطيط المرن ليس خيارًا (نظرًا لأن هذه مناقشة مختلفة تمامًا)، ما هو العرض الموصى به لتخطيط الموقع؟ما هي إيجابيات وسلبيات الأحجام المختلفة؟

هل كانت مفيدة؟

المحلول

لقد أبقيت دائما مع 960px كما يمكن مشاهدته على 1024x768, ، وهو قابل للقسمة على 2، 3، 4، 5، 6، 8، 10، 12، 15، 16، 20، 24، 30، 32، 40، 48، 60، 64، 80، 96، 120، 160، 192 و 240 و 320 و 480...حتى أتمكن من تقسيم تصميم موقعي (باستخدام قاعدة الثلث) بشكل نظيف.

تحرير بعد بضع سنوات:يرجى النظر في استخدام استعلامات الوسائط CSS لجعل المحتوى الخاص بك مستجيبًا لعدد لا يحصى من الأجهزة الموجودة الآن إذا لم تتمكن من استخدام تخطيط مرن.لست متأكدًا من أنه يمكن للمرء المطالبة بعرض بكسل واحد للحكم عليهم جميعًا في عام 2012.

نصائح أخرى

http://browsersize.com للحصول على بعض احصائيات سريعة على دقة الشاشة للمستخدمين استخدام هذه الأيام. يمكنك استخدام http://setmy.browsersize.com لتغيير حجم بسرعة متصفحك لمحاكاة عرض موقع الويب الخاص بك في خاص دقة الشاشة. تأكد من أن يرضي التصميم الخاص بك ما لا يقل عن القرار الأكثر استخداما على نطاق واسع شاشة (1024 x 768).

وأيضا، لا تهدف بالضرورة لتولي الفضاء الأفقي الأقصى. عرض النص (عدد الكلمات في كل سطر) مثالي لا يجب أن يتجاوز عتبة معينة لسهولة الاستخدام:

<اقتباس فقرة>   

وفي شائعة جدا 1024 × 768 الشاشة   القرار، ومعظم المواقع تخطيط ثابت   لا تستخدم كل المساحة المتاحة لل   اليسار واليمين من محتواها.   تخطيطات مرنة جعل استخدام أفضل لل   الفضاء الأفقي، ولكن النضال من أجل   الحفاظ قابلة للاستخدام خط أطوال.   لقد قال لنا الخبراء سهولة الاستخدام التي   هناك فقط الكثير من الكلمات التي   يجب وضع على خط المرمى. ما بين 8 و 12   كلمات ويبدو أن الخط المثالي   الطول. وسائل الإعلام المطبوعة، وخاصة   الصحف، لا تتردد في استخدام حتى   خطوط أقصر. لماذا ا؟ لأنها تستطيع،   وذلك بطرح النص عبر عدة   الأعمدة.

http://www.alistapart.com/articles/css3multicolumn

إذا كنت تستخدم عرض ثابت أن يكون أي أكبر من أصغر الشاشة على المرجح لزيارة موقع الويب الخاص بك، وسوف مزعجة وإحباط المستخدمين الذين لديهم للتمرير جانبية للوصول إلى بقية المحتوى الخاص بك.

وأنا أيضا استخدام تخطيط بين 950 و 980px ودائما تركز إلا مطالب العميل على خلاف ذلك:)

  1. يرجى أن تضع في اعتبارك ذلك دقة المراقبة غالبًا ما يكون الاستشهاد في الإحصائيات ليس بالضرورة نفس الشيء العرض الداخلي لنافذة المتصفح.قد يكون لدى المستخدمين أشرطة جانبية/أشرطة أدوات إضافية، واستخدام نافذة متصفح غير مكبرة.كلما كبرت الشاشة، قل احتمال رغبتك في استخدامها كلها لصفحة واحدة فقط.

  2. من الصعب قراءة الأسطر الطويلة جدًا من النص.الأمثل هو 25-30م (يعتمد على عوامل كثيرة، لكن لا ينبغي عليك ببساطة أن تصل إلى الحد الأقصى).

  3. تتمتع متصفحات الهاتف المحمول بدقة شاشة "افتراضية" تستخدمها للتكبير/التصغير وتبلغ حوالي 960 بكسل في Opera Mini/Mobile وMobile Safari.

واصوت لتقسيم الحركة هنا. فقط لأن أحجام الشاشة وX لا يعني أن X أو أي شيء قريب من ذلك هو أفضل تصميم لموقع الويب الخاص بك.

والغرض موقع الويب الخاص بك لديها الكثير لتفعله مع العرض الذي تختاره.

والعديد من الخبراء يعتقدون أن التسويق عمود أضيق "تحويل" مزيد من الزيارات إلى المبيعات. ولعل هذا هو لأنه من الأسهل لتوجيه انتباه الناس إذا كانت الصفحة الضيقة.

من ناحية أخرى، وهو موقع مخصص لصور ينبغي أن تظهر بأفضل دقة متاحة لكل متصفح الزائر.

وفي وقت واحد كان 800px. ومع ذلك، المزيد والمزيد من المواقع هي بداية لاستخدام 1000px. هو الدافع وراء هذا من حقيقة أن، في أكثر الأحيان، وقرارات منخفض نهاية كل مرة هي في 1024x768. 24 بكسل إضافية يترك مجالا لمتصفح الكروم، الحشو والهوامش قد ترغب في التعامل معها، وما إلى ذلك.

وفقط لإعطاء بعض المنظور، حتى موجة جديدة من نتبووكس مع الشاشة الخاصة بهم صغيرة لديها قرارات 1024x768.

ولكن، قبل كل شيء، تعرف جمهورك كما يقترحwarren والاستفادة من ذلك.

هل يمكن أن تحاول تطوير تخطيطات متعددة واستخدام جافا سكريبت لالتبديل بينهما اعتمادا على الزائر window.innerWidth

وقال ذلك، وعادة ما تستخدم شيء بين 950px 980px و.

والحد الأقصى لعرض الموقع لأداء والمراقبين عبر الأمثل التوافق هو 960px عندما تعلق الأمر إلى أجهزة الكمبيوتر المكتبية وأجهزة الكمبيوتر المحمولة.

لمزيد من التفاصيل حول كيف ولماذا مراجعة المقالة التالية:

حجم الشاشة والقرار

ووفقا ل هذه الإحصاءات ، فإن ما لا يقل عن 1024 بكسل تغطية واسعة لمعظم المستخدمين .

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top