آموزش ایندیزاین, آموزش ها 4 دقیقه 798

آموزش تکنیک Hover در ایندیزاین

چکیدههمانطور که در پست ساخت دکمه های تعاملی اشاره کردیم، یکی از بهترین راه ها برای جلب و افزایش رضایت مخاطبین، ایجاد تعامل با آن ها است. یعنی باید کاری کنیم که مخاطب با طرح و یا پروژه ای که ما انجام داده ایم سرگرم شود. به همین خاطر است که امروزه محتواهای ویدئویی خیلی بیشتر […]

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

Hover چیست؟

هاورها به طور معمول برای دادن اطلاعات بیشتر به کاربر بلافاصله بعد از قرارگیری نشانگر موس روی یک آیتم از سایت مورد استفاده قرار می گیرند. یکی از کاربردهای اصلی Hover در طراحی وب سایت های فروشگاهی و تجاری برای هدایت کاربر به کلیک روی دکمه های اصلی سایت مانند دکمه اضافه به سبد خرید می باشد که در نهایت باعث صرفه جویی در وقت کاربر و هدایت هر چه سریعتر وی به صفحات اصلی وب سایت می گردد. طبق تحقیقات انجام شده، ایجاد هاور روی تجربه کاربری وب سایت باعث شده که به یک ویژگی پرطرفدار در طراحی سایت و بخصوص برای طراحی سایت های فروشگاهی تبدیل شود. همچنین بررسی ها نشان داده کابران نیز به هاورها علاقه دارند و آن ها را یکی از عناصر مفید در طراحی وب سایت ها می دانند.

تکنیک Hover در ایندیزاین

هدف ما در این پست این است که از قدرت Hover برای تعامل بیشتر مخاطب استفاده کنیم. این تکنیک در طراحی بروشور و کاتالوگ الکترونیکی بسیار پر کاربرد است. به عنوان مثال شما در حال طراحی کاتالوگ محصولی مثل لباس هستید. می توانید کار را طوری طراحی کنید که مخاطب وقتی نشانگر موس خود را به سمت لباس مورد نظر خود می برد، رنگ لباس روشن تر شده و به مخاطب بفهماند که باید کلیک کند. وقتی مخاطب کلیک کرد، اطلاعات بیشتری از آن لباس را کسب کند. مثل قیمت، جنس لباس، نحوه شستشو، ویژگی ها و مسائلی از این قبیل. جدا از تعامل با مخاطب، اینگونه طراحی، نشانگر حرفه ای بودن شما نیز است. شما با استفاده از چند تکنیک ساده (Rollover) می توانید اینکار را در نرم افزار ایندیزاین انجام دهید که ما بطور خلاصه این روش را در فیلم آموزشی زیر برای شما بازگو کرده ایم. در پست های بعدی نیز روش های دیگری از ایجاد تعامل با مخاطب را به شما آموزش می دهیم. پس با ما همراه باشید.

راهنمای مشاهده فیلم ایجاد تکنیک Hover در ایندیزاین

دقایق مهم ویدئو

عناوین

از

تا

مقدمه – Hover چیست؟

00:00

01:41

فرمول ایجاد تکنیک Hover در ایندیزاین

01:41

02:48

ایجاد تکنیک Hover در ایندیزاین بوسیله منوی Interactive

02:48

04:16

نکات تکمیلی و جمع بندی

04:16

05:17


مشاهده آنلاین فیلم آموزش تکنیک Hover در ایندیزاین

برای دسترسی به لینک های دانلود، به صورت رایگان در سایت وارد شوید.
امتیاز: 0 از ۵ - تعداد رای: 0
اشتراک گذاری این صفحه
گفتگو و سوالات شما در این قسمت میتوانید نظر یا سوال خود را در مورد مقاله یا آموزش مطرح کنید.
دیدگاهتان را بنویسید برای ارسال دیدگاه لازم است در سایت وارد شده یا ثبت نام کنید ...
2 دیدگاه به گفتگوی ما بپیوندید و نظرتان را با ما به اشتراک بگذارید ...
کاربر بیت گرف 1403/02/06

سلام وقت بخیر
ممنون برای آموزش های خوبتون
من تمام نکاتی که برای Hover کردن عکس در داخل آموزش که اشاره کردن انجام داد ولی وقتی کار نهایی رو پریویو می کنم اون حالت ماتی که باید با بردن موس روی عکس باشه نیست و عکس فقط تو همون حالت ساده هستش و نتیجه رو به من نمیده ممنون میشم راهنمایی کنید

    تیم پشتیبانی بیت گرف 1403/02/10

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

مطالعه با تمرکز بیشتر
پست های پربازدید هفته 6 پست پربازدید در دسترس شماست!
دانلود و نصب اسکریپت motion...

دانلود و نصب اسکریپت motion...

احسان ملائی
دانلود اسکریپت Motion Bro v4.0.4...

دانلود اسکریپت Motion Bro v4.0.4...

مهدی فریدونی
آموزش هوش مصنوعی استیبل دیفیوژن...

آموزش هوش مصنوعی استیبل دیفیوژن...

مهسا سلطانی
دانلود Adobe Firefly | هوش...

دانلود Adobe Firefly | هوش...

مهدی فریدونی
میدجورنی رایگان و نحوه استفاده...

میدجورنی رایگان و نحوه استفاده...

مهسا سلطانی
صدا ها و افکتهای صوتی...

صدا ها و افکتهای صوتی...

احسان ملائی
دوره روتوش
دوره جامع گرافیک و ویدیو
×