ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئیویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی تاریخ انتشار : 01 اردیبهشت، 1396

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

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

از اغاز سال 2014 تا به امروز طراحی سایت در دنیا توجه ویژه ای به سادگی و ظرافت در ‏المان های بکار رفته در صفحات وب داشته که در این میان دکمه ها نیز از این قاعده مستثنی ‏نبوده اند.‏

دکمه نامرئی درhero header


آیا تا به حال به دکمه ی نامرئی که اطراف صفحه نمایش‎ ‎آیفون‎ ‎است دقت کرده اید. دکمه ‏های نامرئی تقریبا همزمان با تکنیک‎ hero header ‎و در جهت بهبود کارایی آن مورد توجه قرار ‏گرفتند. ساخت دکمه های نامرئی در هنگام طراحی وب سایت این شانس را می دهد که ‏درعین وجود دکمه، تمرکز شخص روی تصاویر را منحرف نکند.‏
این دکمه ها معمولا بزرگ تر از دکمه هایی که به سبک سنتی در طراحی سایت استفاده می ‏شوند بوده و اغلب در مکان هایی برجسته و قابل دید قرار می گیرند. در طراحی دکمه های ‏نامرئی عموما از اشکال هندسی ساده شامل مربع، مستطیل، دایره و یا شش وجهی بصورت ‏توخالی استفاده میشود که همانند شیشه شفاف و ناپیدا بنظر میرسند.‏
‏ تکنیک دکمه های نامرئی در طراحی سایت را می توان معمولا در طراحی فلت و در سایت ‏هایی با هدر بزرگ یا همان‎ hero header ‎مشاهده کرد
دکمه های نامرئی می توانند در انواع سایت ها و برنامه های موبایل به کار گرفته شوند. این ‏سبک از دکمه را در طراحی سایت هایی که از تصاویر‎ hero header ‎یا‎ full screen ‎استفاده می ‏کنند، بیشتر مشاهده می کنیم چرا که وجود دکمه های نامرئی تداخلی در نمایش تصویر ‏ایجاد نمی کند.‏

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


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

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

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

نکات مثبت دکمه نامرئی

 

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

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

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


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

Bootstrap چیست و چه کاربردی دارد؟
01 اردیبهشت

Bootstrap چیست و چه کاربردی دارد؟

بازدید: 4022

 Bootstrap ( بوت استرپ ) چیست ؟Bootstrap ( بوت استرپ ) یکی از قدرتمند ترین و محبوب ترین فریم ورک های HTML ، CSS و Javascript برای توسعه و طراحی سایت بصورت واکنش گرا در ابزارهای نمایش وب در اندازه های مختلف از جمله موبایل، تبلت و کامپیوترهای رومیزی می باشد، که امکان طراحی صفحات وب در کمترین زمان را به شما می دهد. تاریخچه Bootstrap :Bootstrap ( بوت استرپ )  توسط یک طراح و یک توسعه دهنده تویتر ایجاد شده است، و تبدیل به یکی از [...]

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب
29 فروردین

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب

بازدید: 1000

هنوز باور های اشتباه و فرسوده ای در مورد سئو وجود دارد که شاید اگر در سال ۲۰۰۲ میلادی زندگی می کردید می توانستید از این تکنیک ها برای جذب بازدیدکننده ی بیشتر از طریق موتورهای جستجو استفاده کنید. اگر یک سایت فروش دوربین داشتید با استفاده ی از کلمه ی کلیدی "دوربین" در محتوای صفحات خود می توانستید در نتایج جستجو خودی نشان دهید. اما الگوریتم های موتورهای جستجو در سال های گذشته دستخوش تغییرات فراوان و مهمی شده [...]

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟
30 فروردین

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟

بازدید: 1040

با ورود مفهوم Fold به دنیای دیجیتال، صاحبان سایت نیز باید با دقت بیشتری اولویت مطالب موجود بر روی صفحه را مشخص کنند تا کاربران سریع تر مطالب مهم سایت را مشاهده نمایند. کارشناسان طراحی سایت معمولا بر اساس اهمیت مطالب و میزان تاثیر آن بر روی کاربر نسبت به قرارگیری مطالب روی Fold یا زیر Fold تصمیم گیری می نمایند؛ هدف از این مقاله اصلاح Fold درطراحی سایت ارائه راهکار هایی برای انجام بهتر این امر می باشد.اصطلاحا Fold خطی است که [...]

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 3615

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

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت
31 فروردین

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت

بازدید: 1435

موضوع اصلی این مقاله مقایسه ماهیت حرفه طراحی وب و طراح و توسعه دهنده front- end با حرفه معماری است. دلایلی وجود دارد که مشخص می کند که همه طراحان وب ذاتاً معمار، هستند. همانطورکه معماران، ساختمان های فیزیکی را طراحی و بنا می کنند، طراحان وب نیز ساختار سایت را طراحی و پیاده سازی می نمایند. طراحان وب هم به نوعی مهندس معمار هستند. طراحان معمار و آرشیتکت ها ساختمان ها را برای استفاده و راحتی مردم، برای زندگی،دفاتر و مکان [...]

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟
28 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 1821

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]