آیا دوست دارید بهترین عناوین برای الهام بخشیدن به طراحی خود را پیدا کنید؟
در گذشته ، یک "عنوان" در طراحی وب به طور کلی به نوار همیشه در بالای وب سایت ها اشاره دارد که شامل آرم ، نوار پیمایش و شاید برخی اطلاعات تماس و نوار جستجو است. امروزه ، یک "هدر" بیشتر به کل فضای بالای صفحه اصلی اشاره دارد.
کیفیت صفحات خود را با کشف بهبود دهید نحوه بهبود صفحات وبلاگ فقیر
تا زمانی که کسی وب سایت شما را از طریق به اشتراک گذاری وبلاگ در شبکه های اجتماعی یا مراجعه به وب سایت دیگری پیدا نکرده است ، احتمال اینکه از طریق این صفحه در آن موجود باشد وجود دارد. و اولین چیزی که قطعاً خواهند دید هدر شما است.
با طراحی وب سایت برای برآورده کردن انتظارات بازدید کنندگان و بهبود آسایش با کمی پیش بینی تجربه می توانید به طور موثری اقدام کنید نرخ کلیک و تبدیل را بهبود بخشید.
حال ، در این صفحه اصلی به این فضای هدر بیندیشید.
اکثر مردم به صفحات اصلی اعتماد می کنند تا یک مرور کلی درباره کاری که یک وب سایت یا وب سایت می توانند انجام دهند ، داشته باشند ، این بدان معناست که شما نمی توانید برای برآورده کردن این انتظار فرصت این فرصت را هدر دهید. البته، طراحی هدر صفحه اصلی ممکن است منحصر به برند شما باشد ، اما عناصری که در آن یافت می شود نباید وجود داشته باشد. بازدیدکنندگان انتظار دارند پیمایش برای دانستن اینکه وب سایت چه کاری برای آنها انجام می دهد ضروری نیست. اساساً ، سرصفحه شما باید یک داستان 10 ثانیه ای باشد که اثبات می کند برای بازدیدکنندگان شما دارای ارزش است.
بنابراین برای جلب توجه بازدیدکنندگان خود با این فضا چه کاری انجام می دهید؟
ما در مورد برخی از روندهای طراحی هدر 2017 ، چگونگی استفاده از این املاک و مستغلات بسیار مشهور و نگاهی به نمونه های جالب سرصفحه ها صحبت خواهیم کرد.
5 روند هدر
اینطور نیست که بازدیدکنندگان از توانایی خود در پیمایش به پایین یک صفحه یا کلیک کردن روی پیمایش برای کسب اطلاعات بیشتر در مورد وب سایت شما بی اطلاع باشند. اما چرا باید آنها را مجبور به این کار کرد؟ در سربرگ فضای کافی برای نمایش پیام کوتاه وجود دارد که به آنها می گوید چه چیزی را باید بدانند. و اگر 50 کلمه یا کمتر کافی نباشد ، لزوماً بقیه سند نیست که بیشتر می گوید.
مهمتر از همه و مهمترین ، هدر صفحه اصلی می تواند برداشتهای اول از بازدید کنندگان شما را ایجاد یا شکسته کند.
اگر در تلاش برای یافتن راهی برای معرفی وب سایت خود به این مکان هستید ، شاید از روند طراحی سرآیند زیر در سال 2017 الهام بگیرید:
1. تصویر قهرمان بزرگ
با تشکر از سبک مدولار طراحی وب به منظور پاسخگو بودن ، اکنون اکثر طرح ها به بخش ها و بلوک های جداگانه تقسیم می شوند. این سبک از طراحی می تواند به خوبی با تصاویر تمام صفحه ای که تعداد زیادی از وب سایت ها را در خود جای داده ، بهم بخورد.
همچنین مشاهده کنید: چگونه می توان یک صفحه کامل در WordPress ایجاد کرد
به عنوان مثال وب سایت Cleverbird Creative را در نظر بگیرید. از یک تصویر منحصر به فرد و چشمگیر با متن ساده برای استقبال از بازدید کنندگان استفاده می کند. هیچ اشتباهی در آنچه آنها در اینجا می بینند وجود ندارد: در زیبایی ساده.
2. لغزنده تصویر
فکر می کنم زمانی گذشته بود که خیلی از ما نوار لغزنده را به عنوان بخشی مناسب از طراحی می دیدیم. بنابراین بسیاری از طراحان کار بزرگی در این زمینه انجام داده اند با استفاده از آنها در هدر.
تصاویر کشویی وجود دارد که به طور خودکار با تصاویر با وضوح بالا پیمایش می شوند و سایر تصاویر از بازدیدکنندگان می خواهند که خودشان این تجربه را کنترل کنند.
3. استفاده از انیمیشن اختلاف منظر
پیمایش اختلاف منظر هنوز به شدت در حال رشد است و ثابت شده است که هدر مکان مناسبی برای نمایش این نوع تصورات "توهم" در طراحی وب است. آنچه اخیراً مشاهده خواهید کرد ، بخشیدن طراح است یک اثر اختلاف منظر برای پیمایش یک مرز گذرااحتمالاً بازدید کنندگان را با نتیجه غیرمنتظره غافلگیر کرده است.
4. زمینه تصویری
زمینه های ویدئویی یکی دیگر از روندهای اخیر است که وقتی روی عنوان صفحه اصلی اعمال می شود ، واقعاً بهترین نتیجه را دارد. یکی از وب سایت های "28" در تنظیم روحیه وب سایت رستوران ، به نمایش گذاشتن فیلم های جلو و عقب از محل غذاخوری ، بسیار عالی عمل می کند.
همچنین ببینید: اضافه کردن پسزمینه های ویدئویی به وردپرس: مزایا و معایب
5. پیمایش پنهان
اگرچه می توان ادعا کرد که منوی همبرگر مربوط به وب سایت های خوانده شده در دستگاه های تلفن همراه است (همانطور که در ابتدا برنامه ریزی شده بود) ، اما باید گفت که در زمینه ناوبری حداقلی ، چندین وب سایت اغلب از آن استفاده می کنند. وب سایت rehabstudio + مثال خوبی در این مورد است. همانطور که دوباره وارد ناوبری می شوید که قابل مشاهده است ، توجه فوری شما به تصاویر جذاب با نماد بعلاوه جلب می شود ... و سپس متوجه می شوید که تصاویر کمی از انیمیشن در اطراف آن وجود دارد.
دفعات بازدید: چگونه برای اضافه کردن سبک به منوهای ناوبری خود را
این همه برای این منابع مختلف الهام بخش است. شما چی فکر میکنید ؟
همچنین برخی از افزونه های برتر WordPress را کشف کنید
می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.
ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.
1. طرح بندی پست: خبرنامه
این افزونه ممتاز وردپرس از ویژوال آهنگساز اراده سایت وردپرس خود را بهبود ببخشید با ارائه امکان اعلامیه های فوری یا مهم در وب سایت به وی. این افزونه ای است که بدون شک برای وب سایت های مجله ایده آل خواهد بود. 
ویژگی های اصلی آن عبارتند از:
انواع پیمایش 3 طبقه بندی، پشتیبانی از 3 مکانی که می توانید تبلیغات خود را در آن قرار دهید ، امکان پنهان کردن یا نمایش تصویر برجسته ، شخصی سازی منابع تبلیغاتی ، یک طرح کاملاً قابل تنظیم و پاسخگو ، پشتیبانی چند زبانهو غیره ...
دانلود | نسخه ی نمایشی | میزبانی وب
2. آن را ببوس
WP Smush یک است پلاگین وردپرس فشرده سازی تصویر محبوب این به طور خودکار تصاویر را هنگام آپلود فشرده می کند و همچنین می تواند برای فشرده سازی و بهینه سازی تصاویر موجود استفاده شود.
همچنین می توانید حداکثر وضوح تصویر را تنظیم کنید و تصاویر شما هنگام فشرده شدن به اندازه های معقول تری کاهش یابد. نسخه رایگان این افزونه نیازی به شما ندارد ایجاد یک حساب کاربری برای استفاده از سرور فشرده سازی ناشر.
دریغ نکنید که با پلاگین های WordPress 7 برای بهینه سازی جستجوگرها از تصاویر در وب سایت شما
ویژگی Bulk Optimizer به شما امکان می دهد تا حداکثر 50 تصویر را همزمان بهینه کنید و می توانید برای فشرده سازی تصاویر بیشتر ، Bulk Optimizer را دوباره اجرا کنید.
دانلود | نسخه ی نمایشی | میزبانی وب
3. FAQPlus
FAQPlus مطمئناً یکی از این موارد است افزونه های وردپرس حق بیمه سوالات متداول که از نظر عملکرد بهترین ارائه شده در این لیست است. میزان سفارشی سازی هایی که در اختیار شما قرار می دهد قابل توجه است.
در میان ویژگی های آن متوجه می شوید که از پشتیبانی می کند افزونه ویژوال کامپوزر. کاملاً پاسخگو و سازگار با چندین مرورگر است. این انواع مختلفی از سQالات متداول را ارائه می دهد ، به ویژه: سQالات متداول در قالب س questionال و پاسخ.
دانلود | نسخه ی نمایشی | میزبانی وب
منابع پیشنهادی
درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.
- تم های وردپرس چند منظوره 10 برای ایجاد هر وب سایت
- افزونه های 9 Easy Digital Downloads برای مدیریت بارگیری های دیجیتال
- چگونه بازدید کنندگان خود را طولانی تر در وب سایت خود نگه دارید
- چگونه برای بهینه سازی تصاویر خود و بهبود خود را در جستجوگرها
نتیجه
اینجا ! این همه برای این آموزش است ، امیدوارم که بتواند با الهام گرفتن از این 5 هدر ، طراحی وب خود را شخصی سازی کنید.
با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.
در صورت تمایل به این نکته را با دوستان خود در شبکه های اجتماعی خود به اشتراک بگذارید. در ضمن ، در مورد خودتان به ما بگویید نظر و پیشنهادات در بخش اختصاصی
...
