-
كيفية تحسين تصميم صفحة الهبوط في خطوات بسيطة غير مكلفة .. صور
نصائح تصميم صفحة هبوط احترافية، تجدونها في هذه المقالة.
01 / استخدم تراكب اللون على الصور مع النص
في بعض الأحيان سيكون عليك العمل مع بعض الصور الرديئة.
حاول استخدامها مثل نسيج الخلفية بدلاً من عنصر محوري رئيسي من خلال تراكب لون العلامة التجارية في إعداد شبه معتم.
سيعطيك هذا التباين الضروري لجعل النص المتراكب قابلاً للقراءة.
في المثال أدناه ، قمت أيضًا بتطبيق ظل أزرق داكن على النص لزيادة التباين.
02 / لا تفرط في استخدام المساحات السلبية
يحب المصممون المساحة السلبية ونسمع دائمًا كيف يجب أن يكون لدينا المزيد منها على الويب.
ولكن عندما تكون هناك مسافة سلبية زائدة بين العناصر التي تنتمي معًا ،
فإن العين تتلعثم وتسقط في فراغات فارغة بدلاً من التدفق بسهولة فوق العناصر المتصلة.
03 / لا أحد يحب الكثير من النصوص
يعرف أي شخص اطلع على تحليلات مواقع الويب أن لديك قدرًا ضئيلًا جدًا من الوقت لجذب انتباه شخص ما.
أوضح ماذا تقصد.
04 / حتى التخطيطات النصية فقط يجب أن تكون جذابة بصرياً
قد يكون من الصعب تصميم أقسام النص فقط من صفحة الهبوط ،
خاصةً إذا لم تكن لديك الفرصة أو الموارد لاستخدام التوضيح أو الأيقونات أو التصوير الفوتوغرافي.
انظر إلى ألوان علامتك التجارية وتفاصيل الطباعة على أنها مكاسب سريعة لتعزيز تصميمك.
05 / أيقونات صغيرة ، رسوم توضيحية كبيرة
الأيقونات رائعة ، لكن يجب أن تعرف مكانها. هؤلاء التصميمات بسيطة بطبيعتها ويحبون لعب دور داعم.
قم باستخدامهم بشكل كبير والآن لديك صورة سيئة. إذا كنت تستخدم رمزًا بعنوان ، فستحتاج إلى ظهور العنوان أولاً.
06 / استخدم تباعد الأحرف باعتدال
هناك عدد من الطرق التي يمكننا من خلالها استخدام تباعد الأحرف لتحسين الطباعة بمهارة ،
ولكن إذا لم تكن خبيرًا في الطباعة ، فالتزم بإضافة القليل من تباعد الأحرف إلى جميع عناوين الأحرف الاستهلالية.
يمكن أن تؤدي إضافة مسافات إضافية بين الأحرف إلى نص حالة الجملة إلى حدوث مشكلات في إمكانية القراءة ،
فضلاً عن تفكيك الإيقاع الطبيعي لتصميم أسلوب الكتابة.
07 / شاهد أطوال الخطوط في الأسئلة الشائعة
ربما يكون قسم الأسئلة الشائعة هو الجاني الأول على الويب من حيث أطوال الخطوط الفاضحة.
يتراوح طول السطر الأمثل بين 45 إلى 75 حرفًا ، بما في ذلك المسافات وعلامات الترقيم.
08 / أرني القيمة
في هذا المثال ، تم إخفاء عرض القيمة الحقيقية في عنوان فرعي يصعب قراءته.
كانت هناك أيضًا فرصة سهلة لإضافة المصداقية إلى الدليل الاجتماعي عن طريق إضافة وجوه مستخدمين حقيقيين.
09 / لا أحد يحب النصوص الصغيرة
في هذا المثال ، تم استخدام طباعة الويب المتغيرة في CSS ،
مما أدى إلى إنشاء سيناريوهات حيث كانت نسخة النص الأساسي 11 بكسل وروابط التنقل 9 بكسل.
يبلغ عمر الإعدادات الافتراضية للمتصفح التي يبلغ حجمها 16 بكسل الآن 20 عامًا.
استخدم الخطوط الحديثة المصممة للشاشات وابدأ بنسخ النص عند 18-20 بكسل.
10 / تطبيق قاعدة الخصومات
تحزم التخطيطات أكثر من مجموعة مع عدد فردي من العناصر.
إذا كان لديك 4 نقاط لتحددها ، فحاول قول نفس الشيء في 3 عن طريق الجمع بين نقطتين معًا.
إذا لم يكن ذلك ممكنًا ، فامنح الأولوية للنقاط الهامة واختصر الأضعف.
كن حذرًا من الانتقال إلى الرقم 5 في مخطط مثل المثال أدناه ، حيث سيشعر ذلك الزوار بالحمل المعرفي الزائد.
11 / إدارة الحمل المعرفي الزائد
اجمع وقلل من نقاطك حيثما أمكن ذلك.
قم بإنشاء تباين في الحجم بين العناوين والنسخ لتحسين التسلسل الهرمي المرئي ،
واستخدم المساحة السلبية لخلق تجربة أكثر هدوءًا عندما يكون لديك الكثير لتقوله.
12 / استخدام الألوان الزاهية كنبرة
سيؤدي استخدام الألوان الزاهية في مساحات كبيرة إلى حدوث مشكلات في التباين ،
ومن المحتمل أن يفشل في متطلبات الوصول الأساسية للنص الخاص بك.
في العناصر الأصغر مثل الأزرار ، ستحتاج على الأرجح إلى تجنب النص الأبيض.
13 / تحقق دائمًا من تباين النص الرمادي
يعد استخدام النص الرمادي أسلوبًا شائعًا لإنشاء تسلسل هرمي بين عناصر النص.
ولكن هذا غالبًا ما يؤدي إلى مشكلات خطيرة تتعلق بإمكانية الوصول حيث يفتقر النص إلى التباين الكافي.
استخدم أداة عبر الإنترنت للتحقق من التباين وزيادة التباين في حجم الخط إذا كنت بحاجة إلى إنشاء تسلسل هرمي مرئي أوضح.
عندما نقرر في تقنية تصميم صفحة هبوط، فنحن ندرس جيداً عملاءك المستهدفين لنقدم لهم ما يناسب ثقافتهم.
المصدر : كيفية تحسين تصميم صفحة الهبوط في خطوات بسيطة غير مكلفة .. صور
