✅ یکی از چالش هایی که بسیاری از کاربران در مواجهه با دکمه‌های toggle با آن روبرو می‌شوند این است که به راحتی نمی‌توانند تشخیص دهند که هم اکنون دکمه در چه وضعیتی قرار دارد، فعال است یا غیر فعال؟ این مسئله بیشتر زمانی رخ می دهد که طراح از طرح رنگی معکوس برای ساخت آن ها استفاده می‌کند.
#UX #UI #design #frontend
#متخصص_کامپیوتر #توصیه #ترفند #طراحی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ از این رو این نوع دکمه ها باید استایل مشابه و نزدیکی داشته‌باشند.
⭕️ در عوض می‌توانید از طرح رنگی موسوم به direct استفاده کنید. در این روش هر دو نوع دکمه به صورت یک متن تیره بر روی پس زمینه روشن نمایش داده می‌شوند. اما تفاوت آن‌ها این است که گزینه انتخابی دارای متن bold، یک Border تیره و یک سایه روشن در پس زمینه است.
#UX #UI #design #frontend
#متخصص_کامپیوتر #توصیه #ترفند #طراحی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ طرح مفهومی صفحه جزئیات یک محصول در فروشگاه اینترنتی
#UX #UI #design #frontend #shop #inspiration
#متخصص_کامپیوتر #توصیه #ترفند #فروشگاه_اینترنتی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ برای چک کردن کنتراست براساس استاندارد AA یا همان تست کنتراست در طراحی، ابزار مختلفی وجود داره، یکی از بهترین گزینه‌ها اپ Contrast برای مک هست.
🔗 https://usecontrast.com

#UI #design #frontend #Contrast
#متخصص_کامپیوتر #توصیه #ترفند #طراحی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ ⁣⁣⁣⁣⁣نمونه طرح اپلیکیشن کیف پول
#UX #UI #design #ios #frontend #app #android
#متخصص_کامپیوتر #توصیه #ترفند #اپلیکیشن

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

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

به تصویر بالا دقت کنید. در کل این صفحه فقط یک دکمه وجود دارد. دکمه ای بزرگ، bold و تنها متنی در صفحه که رنگ پس زمینه دارد.
#ecommerce #tips #ux #ui #frontend #button #shop
#برنامه‌_نویسی #ترفند #طراحی #متخصص_کامپیوتر #دکمه #فروشگاه_اینترنتی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ اغلب می خواهیم عناصری که دارای محتوا هستند را استایل دهی کنیم. اما مواقعی وجود دارد که مایلیم عناصر فاقد محتوا را استایل بدهیم. برای این کار می توانید از گزینشگر empty: استفاده کنید.
#ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ استفاده از خاصیت line-clamp برای مدیریت تعداد خطوط نمایشی در css
#UI #frontend #css
گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ روش وسط چین کردن عناصر به وسیله flexbox
#css #flexbox #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ روش معکوس کردن آرایه ها در جاوا اسکریپت
#frontend #ui #JavaScript #js #array
#فناوری و #تکنولوژی #متخصص_کامپیوتر #ترفند #توسعه #توصیه #طراحی_سایت #جاوااسکریپ #جاوا_اسکریپت #آرایه

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ با استفاده از خاصیت tab-size در css می توانید مشخص کنید که Tab ها دقیقا چقدر فضای خالی اشغال کنند.
#css #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ روش مشاهده و پیش نمایش یک صفحه در حالت چاپ در مرورگر کروم
#browser #technology #chrome #ui #frontend #print
#متخصص_کامپیوتر #توسعه #ترفند #مرورگر #کروم #فناوری و #تکنولوژی #چاپ

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ پیام و طرح خلاقانه خطای سرور در سایت آپارات
#UI #UX #it #technology #aparat #error #designweb #frontend
#متخصص_کامپیوتر #توسعه #ترفند #فناوری و #تکنولوژی #توصیه #آپارات #خطا #طراحی_سایت

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ نمایش توضیحات متنی در inspector فایرفاکس
#browser #technology #firefox #ui #frontend
#متخصص_کامپیوتر #توسعه #ترفند #مرورگر #فایرفاکس #فناوری و #تکنولوژی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ طرح خلاقانه امتیازدهی
#UI #frontend #inpiration #UX #it #technology
#متخصص_کامپیوتر #توسعه #ترفند #فناوری و #تکنولوژی #توصیه #طراحی_سایت

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ کتابخانه face-api.js برای تشخیص چهره در مرورگر ها می‌باشد.👇
🔗 https://bit.ly/2m6yLsg

#UI #frontend #javascript #js #browser
#برنامه_نویسی #متخصص_کامپیوتر #جاوااسکریپت #جاوا_اسکریپت #مرورگر
گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ کاربردهای گوناگون خاصیت align-items در Css

#css #ui #ux #frontend #design #designweb #css #code
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #برنامه_نویسی #طراحی_وب #سی_اس_اس

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ طرح خلاقانه تب بار | Tab Bar
#UI #frontend #inpiration #UX #it #technology
#متخصص_کامپیوتر #توسعه #ترفند #فناوری و #تکنولوژی #توصیه #طراحی_سایت

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ طراحی محصول و تجربه کاربری بهتر خیلی ساده است، شاید در حد یک سوراخ روی جیب عقب مایو که توی جیب عقب آب جمع نشه و سریع تخلیه بشه 😄
#UI #frontend #Twitter #UX #it #technology
#متخصص_کامپیوتر #توسعه #ترفند #فناوری و #تکنولوژی #توصیه #طراحی_سایت

گروه هیلتن😊👇
JOiN → @HeiltonProgramming

✅ بوت استرپ ۵.۳.۰ | Bootstrap 5.3.0

🔗 https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/

#bootstrap #frontend #design
#بوت_استرپ #فرانت_اند #طراحی

گروه هیلتن😊👇
JOiN → @HeiltonProgramming