⁣⁣⁣⁣✅ طراحان با به کارگیری انیمیشن‌ها می‌توانند به کاربران بگویند که چه کارهایی را در اپ یا سایت می‌توان انجام داد.
⭕️ برای مثال با استفاده از افکت slide up برای ظاهر کردن پست‌های نمایشی در یک اپ (به جای نمایش یکباره آن‌ها) می‌توان به کاربر آموخت که می‌تواند با اسکرول کردن به بالا، مطالب بیشتری را ببیند.
#ui #ux #frontend #app #application #site #designweb #design #programming
#طراحی_وب #اپلیکیشن #اپ #برنامه_نویسی #طراحی

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

✅ استفاده از سایه‌ها برای عناصری همچون dropdown که معمولا کمی بالاتر از سایر عناصر صفحه جاخوش کرده‌اند مناسب تر است.
#frontend #ui #ux
#طراحی_وب #ترفند #توصیه #متخصص_کامپیوتر

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

✅ اگر محصول یو‌ایکس موفق طوری طراحی شود که همه کاربران به‌راحتی به همه قسمت‌های محصول دسترسی داشته باشند آن یوایکس (ux) موفق است. اگر جامعه یازده درصدی معلولین به دلیل عدم دسترس پذیری امکان استفاده راحت از محصول ما رو ندارند، ux ادعا و توهمی بیش نیست.
#frontend #ui #ux
#خبر #فناوری و #تکنولوژی #متخصص_کامپیوتر #ترفند #توسعه #توصیه #طراحی

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

✅ فرآیند شش مرحله‌ای طراحی مبتنی بر ux
#frontend #ux
#خبر #فناوری و #تکنولوژی #متخصص_کامپیوتر #ترفند #توسعه #توصیه #طراحی

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

✅ به دلایلی که در تصویر می‌بینید بهترین توسعه دهندگان، angular را انتخاب می‌کنند.
#frontend #ui #JavaScript #angular
#فناوری و #تکنولوژی #متخصص_کامپیوتر #ترفند #توسعه #توصیه #طراحی #جاوااسکریپ #انگولار

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

📚 کتاب Strategic Writing for UX جدیدترین عنوان انتشارات Oreilly هست,
#book #ux #design
#خبر #فناوری و #تکنولوژی #توسعه #کتاب #طراحی

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

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

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

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

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

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

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

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

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

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

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

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

گروه هیلتن😊👇
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

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

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

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

گروه هیلتن😊👇
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