هل ترغب في العثور على أفضل الرؤوس لإلهام تصميمك؟

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

تحسين جودة صفحاتك من خلال الاكتشاف كيفية تحسين صفحات بلوق الفقراء

À moins que quelqu'un ait trouvé votre site web grâce à un blog de partage sur les médias sociaux ou d'un renvoi sur un autre site web , il y a de fortes chances qu'ils y par le biais de la page d' ترحيب. وأول شيء سيرونه بالتأكيد هو رأسك.

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

الآن ، فكر في مساحة العنوان هذه على الصفحة الرئيسية.

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

إذن ما الذي ستفعله بهذه المساحة لجذب اهتمام زوار موقعك؟

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

5 اتجاهات الرأس

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

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

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

1. صورة البطل المتضخم

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

انظر أيضا: كيفية إنشاء عرض صفحة كاملة على وورد

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

2. شريط تمرير الصورة

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

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

3. استخدام الرسوم المتحركة المنظر

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

4. خلفية فيديو

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

انظر أيضا: إضافة خلفيات الفيديو على وورد: إيجابيات وسلبيات

5. التنقل الخفي

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

اقرأ أيضا: كيفية إعطاء نمط لقوائم الملاحة الخاصة بك

هذا كل ما يتعلق بمصادر الإلهام المختلفة هذه. ماذا تظنون ؟

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. تخطيط المشاركة: شريط الأخبار

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

معالمه الرئيسية تشمل: 

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

تحميل | عرض | استضافة المواقع

2. سحقها

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

ستتمكن أيضًا من تعيين حد أقصى لدقة الصورة وسيتم تقليل صورك إلى أحجام معقولة أثناء ضغطها. الإصدار المجاني من هذا البرنامج المساعد لا يتطلب منك ذلك créer الامم المتحدة COMPTE لاستخدام خادم ضغط الناشر. 

لا تتردد في استشارة 7 WordPress الإضافات لتحسين SEO من الصور على موقع الويب الخاص بك

ستتيح لك ميزة Bulk Optimizer أيضًا تحسين ما يصل إلى 50 صورة في المرة الواحدة ، ويمكنك إعادة تشغيل مُحسِّن الحجم لضغط المزيد من الصور.

تحميل | عرض | استضافة المواقع

3. FAQPlus

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

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

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

• 10 متعددة الأغراض وورد المواضيع لإنشاء أي موقع
• 9 سهلة التنزيلات الرقمية الإضافات لإدارة التنزيلات الرقمية
• كيفية الحفاظ على زوار موقعك لفترة أطول
• كيفية تحسين الصور الخاصة بك وتحسين كبار المسئولين الاقتصاديين

وفي الختام

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

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

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

...