هووورا

اکران رسمی نسخه جدید بیت گرف

۲ روز و ۰۳:۳۸
گرافیک دیزاین

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

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

محمدسبحان طهوری
۹ فروردین ۱۴۰۲ · 5 دقیقه مطالعه
آموزش تکنیک 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 در ایندیزاین

دانلود فایل‌های این مقاله

1 فایل برای دانلود

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

    84 مگابایت384 دانلود

فایل‌های پریمیوم نیاز به اشتراک فعال دارند. پس از خرید اشتراک، لینک دانلود فعال می‌شود.

۸۹ آتیش۲ دیدگاه1476 بازدید
محمدسبحان طهوری
۷۶ مقاله۵ دنبال‌کننده

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

گفتگو و سوالات شما

۲

در این قسمت می‌توانید سوال یا نظر خود در مورد مقاله را مطرح کنید.

برای ثبت دیدگاه ابتدا وارد شوید

ورود به حساب
  • م
    محمد شهبازی۶ اردیبهشت ۱۴۰۳

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

مقالات مرتبط

اگر این را دوست داشتید، ترتیب خواندن بعدی این است

این مقاله‌ها روی «ایندیزاین» هم‌پوشانی دارند، مجموع زمان مطالعه ۲۴ دقیقه

مشاهده همه
  1. ایندیزاین و ۱ برچسب دیگر

    آموزش وارد کردن متن در ایندیزاین | زیر 1 دقیقه

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

    محمدسبحان طهوری۷ آذر۶ دقیقه
  2. ایندیزاین و ۱ برچسب دیگر

    آموزش شماره گذاری خودکار صفحات در ایندیزاین | زیر 1 دقیقه

    در این ساعت از بیت گرف به آموزش شماره گذاری خودکار صفحات در ایندیزاین، آن هم در زیر 1 دقیقه، می پردازیم. پس با ما همراه باشید! در پست های گذشته که مربوط به آشنایی با صفحات Parent بود، گفتیم که شماره ص

    محمدسبحان طهوری۸ آذر۳ دقیقه
  3. ایندیزاین و ۱ برچسب دیگر

    شناسنامه کتاب چیست؟ | معرفی قسمت های مختلف شناسنامه کتاب

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

    محمدسبحان طهوری۲۳ آذر۴ دقیقه
  4. ایندیزاین و ۱ برچسب دیگر

    نحوه خروجی گرفتن در ایندیزاین | راهنمای کامل پیش از چاپ

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

    محمدسبحان طهوری۹ اسفند۱۱ دقیقه
۲

دوره به سبد ثبت‌نام اضافه شد

رفتن به سبد