✅ ⁣⁣⁣⁣⁣نمونه طرح Snake جالب برای پیاده سازی فرم ورود
#UX #UI #design #ios #frontend #android #login
#متخصص_کامپیوتر #توصیه #ترفند

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

✅ یکی از چالش هایی که بسیاری از کاربران در مواجهه با دکمه‌های 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

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

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

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

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

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

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

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

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

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

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

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

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

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