طراحی بنر

طراحی هدر سایت

Want create site? Find Free WordPress Themes and plugins.

هدر چیست ؟

طراحی هدر : هدر یا سربرگ سایت به قسمت بالای سایت که عموما از یک تصویر گرافیکی مرتبط با موضوع سایت  طراحی می شود می گویند .

هدر سایت نقش بسیار زیادی در زیبایی سایت ایفا می کند در ساخت هدر می توان نام سایت یا شرکت مربوطه آرم یا لوگو ی سایت ( بالا سمت راست ) قرار بگیرد .

رنگ هدر بسته به موضوع سایت متفاوت می باشد از این رو طراحی هدر را نسبتا دشوار می سازد . تصاویر به کار رفته در طراحی هدر سایت باید به گونه ای باشد که بیننده با دیدن آن پی به دانستن موضوع سایت ببرد . حجم هدر  و بنر تا آنجا که به کیفیت و زیبایی آن لطمه وارد نمی شود باید کم باشد که زمان لود شدن سایت کاهش یابد .عموما هدرها با پسوند های  jpg , png ، Swf , gif ساخته می شوند.

 هیرو هدر در طراحی سایت

در حال حاضر یکی از جدیدترین متدهای طراحی سایت استفاده از تصاویر بزرگ می باشد اما نه فقط یک تصویر بزرگ معمولی ، بلکه تصویری زیبا و تاثیرگذار که وقتی به آن نگاه می کنید کاملا واقعی به نظر می رسد. زمانیکه از این تصاویر در بخش ابتدایی ( بالایی ) سایت استفاده می شود به آن هیرو هدر می گویند.

هیرو هدرها استفاده از تصویرهای بزرگ و متن هایی است که در بالای صفحه اصلی سایت و یا در صفحات دیگر سایت دیده می شود

از این تکنیک به صورت های متفاوتی استفاده می شود. تصاویر بزرگ ،تصاویر به همراه متن ، تصاویر اسلایدی ، تصاویر ثابت ، ویدیو و انیمیشن که این طراحی می تواند کاملا رئال به نظر برسد.

این تصاویر بزرگ اولین چیزی است که در سایت شما مشاهده می شود که هدف ارائه یک نمای کلی از مهمترین محتوای سایت می باشد و باعث جذب مخاطب می شود.

به طور قطع استفاده درست از فونت ها ، رنگ های محدود و المان های گرافیکی نقش بسزایی در تکنیک هیرو هیدر دارد.

به عنوان مثال می توان لوگو، نام تجاری و دیگر ابزارها در گوشه سمت راست یا چپ صفحه نمایش استفاده کرد تا تمرکز بیننده روی تصویر از بین نرود.

همچنین برای استفاده از این تکنیک رعایت چند نکته الزامی است

1- لوگو یا نام تجاری در گوشه بالا سمت چپ تصویر به نمایش در آید و بهتر است که لوگو به رنگ سفید یا مشکی باشد و از رنگ های متنوع برای این کار استفاده نشود.

2- استفاده از تیترها(عناوین) به صورت BOLD که این نحوه استفاده از فونت ها می تواند به جذب مخاطب کمک کند.

3- استفاده از رنگ های مناسب یا فلت

و در آخر که مهمترین نکته در این روش می باشد استفاده از یک hero header کاملا واکنش گرا responsive ) که در تبلت و موبایل نیز به خوبی نمایش داده شود. 

 

Did you find apk for android? You can find new Free Android Games and apps.