يمكن تنسيق صفحات الويب بطريقتين مختلفتين:
- تخطيطات العرض الثابتة - هي عبارة عن تخطيطات يتم فيها تعيين عرض الصفحة بالكامل بقيمة رقمية محددة.
- التنسيقات السائلة - هذه تنسيقات يكون فيها عرض الصفحة بأكملها مرنًا اعتمادًا على مدى اتساع مستعرض الصفحة.
هناك أسباب وجيهة لاستخدام كل من أساليب التخطيط ، ولكن بدون فهم كل من المزايا النسبية وأوجه القصور في كل طريقة ، لا يمكنك اتخاذ قرار جيد حول استخدامك لصفحتك على الويب.
تخطيطات العرض الثابتة
التخطيطات الثابتة هي تخطيطات تبدأ بحجم محدد ، يحددها مصمم الويب . وهي تظل بهذا العرض ، بغض النظر عن حجم نافذة المتصفح الذي يعرض الصفحة. تسمح تخطيطات العرض الثابت لمصمم بمزيد من التحكم المباشر في كيفية ظهور الصفحة في معظم المواقف. وغالبًا ما يفضلها المصممون من خلال خلفية مطبعية ، حيث تسمح للمصممين بإجراء تعديلات دقيقة على التخطيط وجعلها متناسقة عبر المتصفحات وأجهزة الكمبيوتر.
تخطيطات سائلة
التخطيطات السائلة عبارة عن تخطيطات تستند إلى النسب المئوية لحجم نافذة المتصفح الحالي. يتم تثبيتها بحجم النافذة ، حتى إذا غيّر المشاهد الحالي حجم المتصفح أثناء عرضه للموقع. تسمح تخطيطات العرض السائلة بالاستخدام الفعال للمساحة التي يوفرها أي نافذة مستعرض ويب أو دقة شاشة معينة. وغالبًا ما يفضلها المصممون الذين لديهم الكثير من المعلومات التي يمكنهم الوصول إليها في أقل مساحة ممكنة ، حيث يظلون متناسقين في الحجم والأوزان النسبية للصفحات بغض النظر عمن يعرض الصفحة.
ما هو في التوقيع المساحي؟
إن الطريقة المختارة لتصميم موقع الويب الخاص بك سيكون لها تأثير على أكثر من مجرد تصميمك . استنادًا إلى اختيارك ، ستؤثر على قدرة القراء على مسح النص ، والعثور على ما يبحثون عنه ، أو حتى استخدام موقعك في بعض الأحيان. كذلك ، سيؤثر نمط التصميم على جهودك في تسويق موقع الويب الخاص بك من خلال العلامة التجارية ، والتوافر العقاري ، وجماليات موقعك.
فوائد تخطيطات العرض الثابتة
- يسمح تصميم العرض الثابت للمصمّم ببناء صفحات ستبدو متطابقة بغض النظر عمن ينظر إليها.
- لن تتغلب عناصر العرض الثابت مثل الصور على النص على الشاشات الأصغر لأن عرض الصفحة بأكملها سيتضمن تلك العناصر.
- لن يتأثر طول المسح الضوئي بقطاعات نصية كبيرة ، بغض النظر عن مدى اتساع مستعرض الويب.
فوائد التخطيطات السائلة
- يتوسع تخطيط العرض السائل والعقود لملء المساحة المتاحة.
- يتم استخدام جميع العقارات المتاحة ، مما يسمح للمصمم بعرض المزيد من المحتوى على الشاشات الأكبر حجمًا ، ولكنه لا يزال قابلاً للتطبيق على الشاشات الصغيرة.
- توفر التخطيطات السائلة اتساقًا في العروض النسبية ، مما يسمح للصفحة بالاستجابة بشكل أكثر ديناميكيًا للقيود المفروضة من قِبل العملاء مثل أحجام الخطوط الأكبر حجمًا.
عيوب لتخطيطات العرض الثابتة
- يمكن أن تتسبب تخطيطات العرض الثابت في التمرير الأفقي في إطارات المستعرض الأصغر. ولا يحب معظم الأشخاص التمرير أفقيًا.
- ويمكن أن تؤدي أيضًا إلى مساحات كبيرة من المسافات البيضاء في أجهزة عرض أكبر ، مما يؤدي إلى وجود مساحة كبيرة غير مستخدمة والمزيد من التمرير رأسيًا أكثر من اللازم.
- لا تتعامل تخطيطات العرض الثابت مع تغييرات العملاء على أحجام الخطوط بشكل جيد جدًا. بالنسبة للزيادات الصغيرة في حجم الخط ، يمكن أن تكون جيدة ، ولكن بالنسبة إلى الزيادات الأكبر ، يمكن أن يتعرض التخطيط للخطر.
عيوب السوائل التخطيطات
- تسمح التخطيطات السائلة بالتحكم الدقيق في عرض العناصر المختلفة للصفحة.
- يمكن أن ينتج عنها أعمدة نصية إما واسعة جدًا بحيث لا يمكن فحصها بسهولة ، أو على المتصفحات الصغيرة جدًا بحيث لا تظهر الكلمات بوضوح.
- قد تواجه التخطيطات السائلة مشاكل عند وضع عنصر عرض ثابت ، مثل صورة ، داخل عمود سائل. إذا تم تقديم العمود بدون مساحة كافية للصورة ، فستزيد بعض المتصفحات من عرض العمود ، متجاهلة إرشادات المصمم ، في حين أن المتصفحات الأخرى ستسبب تداخلات في النصوص والصور لتحقيق النسب الصحيحة.
استنتاج
العديد من المواقع التي لديها الكثير من المعلومات التي تحتاج إلى نقلها في أقل مساحة ممكنة يمكن أن تعمل بشكل جيد مع تخطيط السائل. وهذا يتيح لهم الاستفادة من جميع العقارات التي توفرها الشاشات الأكبر في حين لا تقصر عروض أصغر.
المواقع التي تتطلب تحكمًا دقيقًا في كيفية ظهور الصفحات في كل موقف ستحسن استخدام مخطط عرض ثابت. وهذا يوفر مزيدًا من التأكيد على أن العلامة التجارية لموقع الويب الخاص بك ثابتة ومتسقة بغض النظر عن حجم الشاشة التي يتم عرضها عليها.
تفضيل التخطيط
كثير يفضلون نهج مختلط. لا يحبون استخدام التنسيقات السائلة لكتل كبيرة من النص ، حيث يمكن أن يجعل النص غير قابل للقراءة على شاشة صغيرة أو غير قابل للمسح على شاشة كبيرة. لذلك ، فإنها تميل إلى جعل الأعمدة الرئيسية للصفحات عرضًا ثابتًا ، ولكن جعل الرؤوس والتذييلات والأعمدة الجانبية أكثر مرونة في شراء العقارات المتبقية وعدم فقد سعة المتصفحات الكبيرة.
تستخدم بعض المواقع نصوصًا لتحديد حجم نافذة المتصفح ثم تغيير عناصر العرض وفقًا لذلك. على سبيل المثال ، إذا فتحت مثل هذا الموقع في نافذة واسعة جدًا ، فقد تحصل على عمود إضافي من الروابط على الجانب الأيسر ، وقد لا يرى العملاء الذين لديهم شاشات أصغر حجمًا. أيضًا ، يعتمد التفاف النص حول الإعلان على مدى اتساع نافذة المتصفح. إذا كان العرض واسعًا بما يكفي ، فسيقوم الموقع بلف النص حوله ، وإلا فسيعرض نص المقالة أسفل الإعلان. في حين أن معظم المواقع لا تحتاج إلى هذا المستوى من التعقيد ، إلا أنها توضح طريقة للاستفادة من شاشات أكبر دون التأثير على الشاشة على شاشات أصغر.