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

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

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

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

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


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

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


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

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

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

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

 

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

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

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


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

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

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

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

بازدید: 1915

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

نکات بازاریابی از طریق شبکه های اجتماعی
30 فروردین

نکات بازاریابی از طریق شبکه های اجتماعی

بازدید: 1658

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

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید
01 اردیبهشت

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید

بازدید: 1902

HTML‏ (‏‎ ‎اچ تی ام ال‎ ‎‏) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی سایت ‏است. صفحات اینترنتی شامل اطلاعاتی است که حاوی متن ، تصویر ، ویدئو ، صوت و… می ‏باشد . این محتوا توسط سه لایه به کاربر نمایش داده می شود . لایه  محتوا همیشه وجود ‏دارد و حاوی محتوایی می باشد که طراح سایت قصد دارد آن را به کاربر نمایش دهد . این ‏محتوا بصورت کدهای ‏HTML‏ مابین دو تگ <‏html> قرار میگیرد [...]

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند
01 اردیبهشت

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند

بازدید: 2020

بهینه سازی موتور جستجو سئو (SEO) چیست؟ SEO شامل به کارگیری فرایند ها در جهت بهبود و افزایش تعداد بازدیدکنندگان یک وب سایت به واسطه ی موتورهای جستجو گفته می شود. جنبه های زیادی در SEO وجود دارد که از کلمات موجود در صفحه ی شما تا ارتباطی که با دیگر صفحات برقرار می کنید را در بر می گیرد. بهینه سازی موتورهای جستجو تنها اشاره به این موتورها ندارد. بلکه اشاره به بهبود آن برای انسان ها نیز دارد. این مقاله ی آموزشی به توصیف [...]

نکات کلیدی و کاربردی برای طراحی سایت
29 فروردین

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

بازدید: 2099

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

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت
29 فروردین

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت

بازدید: 2086

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