الاستخدام الفعال للمساحة البيضاء في تصميم WordPress

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

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

تصميم WordPress ، على وجه الخصوص ، جيد مع المساحات البيضاء. راجع WPTavern للحصول على مثال رائع لموقع يستخدم مساحة بيضاء بشكل جيد. ليس عليك استخدام سمة مدونة لهذا الغرض. لا تتردد في التجربة.

شيء آخر رائع في WordPress هو مدى انتشاره.

ينتج عن هذا كثرة المستخدمين الذين يقدمون مجموعة كبيرة من النصائح حول ما يجعل موقع الويب مفهومًا بسهولة.

هذه معلومات افتتاحية كافية. دعنا نختتم هذه الفقرة ونستمتع بمساحة بيضاء صغيرة لإنشاء ترسيم واضح بين هذا القسم والقسم الذي يليه.

ما هو الفضاء الأبيض؟

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

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

لذا فالمساحة البيضاء هي مساحة من أي لون ليس لها في ظاهرها الكثير من الوظائف.

أو هو؟

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

أنواع المساحات البيضاء

أولاً ، دعنا نلقي نظرة على أنواع المساحات البيضاء التي قد تواجهها.

مايكرو و ماكرو

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

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

من السهل استكشاف طرق تبسيط تصميم WordPress في هذا المجال.

سلبي ونشط

تظهر المساحة البيضاء السلبية سواء قصد المصمم ذلك أم لا. إنه التواجد التلقائي للمساحة الذي سيدرجه محرر النصوص أثناء إنشاء الأسطر والفقرات.

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

أسباب استخدام المساحات البيضاء

الآن دعونا نلقي نظرة على سبب استخدام المساحة البيضاء في تصميم الويب.

وضوح

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

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

من المحتمل أن يؤثر الازدحام الزائد على سرعة التحميل في المقام الأول أيضًا ، وسرعة التحميل العالية = معدلات عالية من التخلي.

لحسن الحظ ، هناك العديد من الطرق لتسريع WordPress.

التباين

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

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

سياق

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

تأطير

هذا جمالي بحت. تبدو الصور أفضل مع الإطارات.

والإطار عبارة عن مساحة حول الصورة بشكل فعال لمنع المحفزات الأخرى من التسلل والتطفل.

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

اذا كان يعمل…

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

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

الموضوعات والقوالب

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

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

أو يمكنك القيام بكل شيء باستخدام Blank Canvas ، وهو تصميم بسيط ممتلئ وأكثر من موضوع متعدد الأغراض.

يمكن أن تساعد القوالب أيضًا في نشر المساحة البيضاء. يمنح WordPress المصمم بعض القوالب الجميلة لاستخدامها ، سواء كنت تريد قالب صفحة مقصودة أو أي شيء أكثر عمومية.

الحصول على التوازن الصحيح

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

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

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

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

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

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

يمكنك تبسيط هذا بمساحة بيضاء. ويمكن استخدام المساحة البيضاء لتحقيق أفضل تأثير مع WordPress ، سواء كنت مصممًا خبيرًا أو شخصًا بدأ للتو.

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