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

بزرگترین روند سال  چیزی است که من مطمئن نیستم که ما شاهد آینده آن باشیم. و همه اینها براساس یکی از کوچکترین  components مولفه های طراحی تقریباً در هر وب سایت - دکمه است.

دکمه های شبح - آن موارد شفاف و قابل کلیک - در همه جا ظاهر می شوند. و طوفان گرفتن دنیای طراحی وب. چه کسی فکر کرده است که چیزی به سادگی یک دکمه می تواند نوع نگاه ما به طراحی وب را تغییر دهد؟

دکمه شبح چیست؟

یک دکمه شبح به عنوان یک شکل اولیه و مسطح - مربع ، مستطیل ، دایره ، الماس - بدون پر و طرح کلی ایجاد می شود. کاملاً (یا تقریباً کاملاً شفاف) جدا از طرح و متن است. (از این رو نام "شبح")

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

دکمه های شبح را می توان در انواع مختلف وب سایت ها (و برنامه های تلفن همراه) و در سبک های مختلف طراحی پیدا کرد اما بیشتر با سایت های یک صفحه ای و آنهایی که دارای طرح های طراحی مینیمالیستی یا تقریبا مسطح هستند مرتبط هستند. این سبک دکمه در صفحاتی که از عکاسی تمام صفحه استفاده می کنند نیز کاملاً مشهور است ، زیرا تصور می شود که این سبک ساده دکمه به اندازه دکمه سنتی وارد تصویر نمی شود.

آیا شما هرگز نگاهی دقیق به دکمه های گرد iPhone (با سیستم عامل iOS 7) انداخته اید؟ هر یک از عناصر UI یک دکمه شبح است. این چیزی است که یکی از طراحان Designmodo در مورد روند در حال ظهور گفته است:

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

عناصر طراحی :

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

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

جوانب مثبت دکمه های شبح:

بنابراین چه چیزی دکمه شبح را کار می کند؟ آیا این روند طراحی چیزی است که شما باید در پروژه بعدی خود بگنجانید؟

دکمه های شبح از ظاهر و احساسی تمیز برخوردارند. ساده بودن دکمه باعث می شود تا طراحی اولیه صفحه واقعاً بیشتر به چشم بیاید. (به ویژه در تصاویر بزرگ بسیار خوب عمل می کند.)

دکمه های شبح تقریباً با هر طرحواره طراحی کار می کنند زیرا شفاف هستند. این اجازه می دهد تا دکمه در اصل ویژگی های طراحی اطراف را بدست آورد.

دکمه های شبح ادامه روند "روند 2013 - طراحی مسطح" را ادامه می دهند. تنها راه محبوبیت یافتن روند طراحی مانند این و در حال حاضر ادامه تغییر و سازگاری با مفاهیم جدید است. این یک تکامل خوب از آن روند است.

دکمه های شبح عنصری از تعجب بصری را ایجاد می کنند زیرا این دکمه با آنچه کاربر انتظار دارد متفاوت است.

طراحی و ایجاد دکمه های شبح آسان است. به یاد داشته باشید که آن را ساده نگه دارید. دکمه های شبح ظاهرا ظریف هستند و در اینجا هیچ براقیتی وجود ندارد.

دکمه های شبح بدون داشتن وسواس نقطه کانونی را برای تماس به عمل ایجاد می کنند. در بسیاری از طراحی های سایت ، دکمه های شبح تنها عنصر بزرگ روی صفحه هستند (این اغلب مواردی است که باعث می شود مفهوم به خوبی کار کند). به همین دلیل ، چشم ها را به خود جلب می کند و کاربران را فریب می دهد تا روی دکمه کلیک کنند یا ضربه بزنند. و این دقیقاً همان کاری است که هر عنصر رابط کاربری خوبی باید انجام دهد.

دکمه های شبح به سبک طراحی کمک می کنند که پیچیده به نظر می رسد. وقتی صحبت از طراحی می شود ، ساده اغلب درجه یک است.

 جوانب منفی دکمه های شبح:

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

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

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

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

دکمه های شبح گاهی اوقات می توانند تصویری را که با آن جفت می شوند غلبه کنند.

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

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

گالری روند دکمه شبح
به یاد داشته باشید ، کلید هر روند استفاده خوب از آن است. همانطور که یک Designmodo در مورد روند گفت:

"من معتقدم که هر یک از روندهای متولد شده در طراحی می توانند مورد تأمل قرار گیرند. مهمترین مسئله این است که معتاد به آن نشویم و میانگین خوشبختی را انتخاب کنیم. "