دیجیتال مارکتینگ و سئو

طراحی سایت با دکمه های نامرئی

فوت وفن دکمه نامرئی در طراحی سایت

از اغاز سال ۲۰۱۴ تا به امروز طراحی سایت در دنیا توجه خاص ای خیلی راحت و ظرافت در المانای استفاده شده در صفحات وب داشته که این وسط تکمه ها هم از این قانون مستثنی نبوده ان. فوت وفن دکمه های نامرئی در طراحی سایت یکی از همین نمونه هاست. این روش رو میشه معمولا در طراحی فلت و در سایتایی با هدر بزرگ یا همون hero header دید.

دکمه نامرئی یا Ghost Button در طراحی سایت، یه المان شفاف و قابل کلیکه که میتونه در هرکجا از صفحه بکار گرفته شه ولی عموما واسه جلب توجه کاربران و راهنمایی اونا به بخشای اصلی سایت مورد استفاده قرار میگیره.

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

فوت وفن دکمه نامرئی در طراحی سایت

دکمه های نامرئی می تونن در شکل های جور واجور سایتا و برنامه های موبایل استفاده کرده شن. این سبک از دکمه رو در طراحی سایتایی که از تصاویر hero header یا full screen استفاده می کنن، بیشتر مشاهده میکنیم چون که وجود دکمه های نامرئی تداخلی در نمایش تصویر ایجاد نمی کنه. تا حالا به دکمه نامرئی که دور و بر صفحه نمایش iphoneه دقت کردین.

دکمه های نامرئی تقریبا همزمان با فوت وفن hero header و واسه بهتر شدن کارایی اون مورد توجه قرار گرفتن. ساخت دکمه های نامرئی موقع طراحی سایت این شانس رو میده که درعین وجود دکمه، تمرکز افراد روی تصاویر از بین نره.

عناصر طراحی دکمه های نامرئی

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

ghost button در طراحی سایت

  • دکمه مورد نظر توخالیه.
  • دور و بر اون یه شکل هندسی ساده با خطی ضخیمه.
  • شامل یه متن ساده س!.
  • رنگ اون بیشتر سفید و یا مشکیه.
  • دکمه های نامرئی نسبت به بقیه دکمه های سایت، بزرگ تر هستن.
  • این تکمه ها معمولا در محیطی قابل دید و برجسته قرار می گیرن.
  • دکمه نامرئی می تونه به صورت تک و یا همراه با یه سری از دکمه های کوچیک طراحی شه.
  • این تکمه ها در شکل های جور واجور طراحیای flat استفاده می شن.
  • آیکنای هندسی و کوچیک می تونن در کنار دکمه های نامرئی قرار بگیرن، اما باید در به کار گیری این آیکنا صرفه جویی کرد.

ویژگیای مثبت فوت وفن دکمه نامرئی در طراحی سایت

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

نکات منفی در به کار گیری دکمه نامرئی

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

نمونه های از کاربرد دکمه های نامرئی