طراحی-سایت-تهران
استفاده از ابزار وب مستر تولز گوگل برای طراحی سایت
۰۸/۰۳/۱۳۹۸
طراحی-سایت-تهران
تمرکز بیشتر بر نسل Z در طراحی سایت
۰۸/۰۳/۱۳۹۸
نمایش همه

تکنیک هیرو هِدِر در طراحی سایت

طراحی سایت

طراحی سایت  طراحی وب سایت  طراحی سایت تهران

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

 

هیرو هدر ها به روش ها و مدل های گوناگون در طراحی سایت نمایش داده می شوند از جمله :

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

 

طراحی نرم افزار

طراحی سایت

کاربرد تکنیک هیرو هِدِر در طراحی سایت

در هر طراحی سایتی یک عنوان ، یک سری تصاویر ، یا یک متن کوتاه بسیار پر اهمیت تر از سایر تصاویر ، متن ها و … در آن طراحی سایت می باشد و با تکنیک هیرو هِدِر می توان کاربران اینترنتی را در همان نگاه اول از طراحی سایت ، جذب این تصاویر و متن های مهم طراحی سایت نمود . در واقع این تکنیک برای تمام طراحی سایت ها کاربرد دارد و بهترین حالت آن نمایش در بالای صفحه ی اصلی طراحی سایت می باشد .

 

نکات لازم برای استفاده از تکنیک هیرو هِدِر در طراحی سایت

  • بهتر است هِدِر طراحی سایت شما در بخش بالای صفحه اصلی طراحی سایت باشد و حدودا ¼ صفحه ی شما را پوشش بدهد .
  • لوگوی خود را ر قسمت بالا و سمت چپ طراحی سایت قرار دهید و ترجیحا از رنگ های مشکی و یا سفید برای لوگوی طراحی سایت خود استفاده نمایید .
  • از تایپو گرافی های با حروف بزرگ و واضح برای قسمت هِدِر طراحی سایت خود استفاده نمایید ، تمامی تمرکز کاربران را به یک عبارت و یک تصویر بزرگ جذب نمایید و هرگز به تعداد این تصاویر و متن ها نیفزایید ، زیرا خوانایی و جذابیت خود را از دست می دهند .
  • میان رنگ تصویرومتن خود هماهنگی ایجاد نمایید بدین صورت که اگر تصویر پس زمینه ی هِدِر شما رنگی می باشد از متن سیاه یا سفید و اگر تصویر سیاه سفید می باشد از متن رنگی استفاده نمایید .
  • متن خود را بر روی قسمت های مهم تصویر قرار ندهید . بین تصویر و متن می بایست هم ارتباط گرافیکی و هم مرز باریکی وجود داشته باشد .
  • در تکنیک هیرو هِدِر توجه داشته باشید که طراحی سایت شما می بایست واکنش گرا باشد تا متن ها و تصاویر با همان کیفیت و نظم در گوشی همراه ، تبلت و … نمایش داده بشوند .

 

طراحی سایت

طراحی سایت

تصاویری که برای تکنیک هیرو هِدِر استفاده می نماییم می بایست چه ویژگی هایی داشته باشند ؟

  • دکمه ی فراخوان جذاب و مناسب داشته باشند .
  • پس زمینه ی با کیفیت داشته باشند .
  • کنتراست کافی را داشته باشند .
  • با موضوع طراحی سایت مرتبط بوده و تصویری تأثیرگذار و جذاب برای کاربران باشند .
  • طراحی سایت ریسپانسیو داشته باشید .

 

 

//]]>