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

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

✅ هنگامیکه در طرح تان به یک منوی hamburger نیاز دارید، دکمه close را دقیقا همان محل دکمه منو قرار بدهید.
#ux #ui #design #frontend #menu
#متخصص_کامپیوتر #توصیه #ترفند #توسعه #منو

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

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

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

✅ ابزاری برای تولید گریدهای css
🔗 cssgrid-generator.netlify.com

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

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

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

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

✅ ⁣⁣⁣⁣⁣نمونه طرح Progress Bar
#UX #UI #design #ios #frontend #android #inspiration #progress_bar
#متخصص_کامپیوتر #توصیه #ترفند

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

✅ کاربران جهت مشاهده محتوا، محصولات و خدمات از وبسایت و اپ بازدید می‌کنند و صرفا جهت مشاهده انیمیشن ها، افکت ها و انتقالات مراجعه نمی‌کنند.
⭕️ نتیجه: نباید انیمیشن ها محوریت اپ یا وبسایت شما را تشکیل دهند و تنها باید در جهت بهبود تجربه کلی کاربر استفاده شوند.
#UX #UI #design #ios #frontend #android #transition
#متخصص_کامپیوتر #توصیه #ترفند

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

⁣⁣⁣⁣⁣✅ کامپوننت model-viewer مبتنی بر جاوااسکریپت است که امکان نمایش مدل‌های سه بعدی (3D) اشیاء در صفحات وب را با هوش مصنوعی فراهم می‌کند. این کامپوننت در بسیاری از مرورگرهای وب به خوبی پشتیبانی می‌شود.
⭕️ این کامپوننت را میتوان در فروشگاه های آنلاین استفاده کنید.
برای اطلاعات بیشتر و روش‌های کاربرد به آدرس زیر مراجعه کنید:
🔗 https://googlewebcomponents.github.io/model-viewer
آدرس Github:
🔗 https://github.com/GoogleWebComponents/model-viewer

#UX #UI #design #ios #frontend #android #shop #components #model #viewer #modelviewer
#متخصص_کامپیوتر #توصیه #ترفند

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

⁣✅ در DevTool مرورگر کروم می‌توانید با نگه داشتن کلید ctrl چند بخش دلخواه از کدها را همزمان انتخاب کنید.
⭕️ علاوه بر این امکان انتخاب ستونی کدها نیز با دکمه ALT فراهم است.
#browser #chrome #ui #frontend #design #technology #chrome
#متخصص_کامپیوتر #توسعه #ترفند #مرورگر #کروم #فناوری و #تکنولوژی

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

✅ فراوانی استفاده از ورژن های گوناگون php در سال های 2018 و 2019
#web #php #ui #ux #backend #design
#متخصص_کامپیوتر #توسعه #ترفند #پی_اچ_پی #فناوری و #تکنولوژی

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

✅ ⁣⁣⁣⁣⁣نمونه طرح To Do List
#UX #UI #design #ios #frontend #android #todolist
#متخصص_کامپیوتر #توصیه #ترفند

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

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

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

✅ ⁣⁣⁣⁣⁣نمونه طرح 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