انیمیشن در دسترس - طراحی در مرورگر
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
به طراحی در مرورگر با میزبان ما، Una Kravets خوش آمدید. لمس های تعاملی می تواند برای درک کاربر در یک محیط دیجیتال عالی باشد، اما همچنین می تواند برخی از کاربران شما را سرگردان و ناامید کند، برخلاف اثر مورد نظر.
بنابراین بیایید در مورد اینکه چگونه میتوانیم از آن اجتناب کنیم، و اینکه چگونه میتوانیم مطمئن باشیم که SVGهای متحرک زیبا و شناور دکمهها را اضافه کنیم و همچنین اطمینان حاصل کنیم که کاربرانی که ممکن است با دیدن انیمیشنهای زیادی در مقابلشان کمی حالت تهوع پیدا کنند، میتوانند از آن لذت ببرند. سایت شما. ما نشان خواهیم داد که چگونه از درخواست رسانه ای "ترجیح می دهد-حرکت کاهش یافته" برای تقویت تدریجی انیمیشن در وب سایت خود استفاده کنید، و همچنین به شما نشان خواهیم داد که چگونه یک سوئیچ ساده "کاهش انیمیشن" بسازید.
پیوندها:
طراحی در مرورگر → https://goo.gle/2NeLxjI
در برنامهنویسان Chrome → https://goo.gle/ChromeDevs مشترک شوید
arrow_back بازگشت به همه قسمت ها
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2020-09-28 بهوقت ساعت هماهنگ جهانی.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"اطلاعاتی که نیاز دارم وجود ندارد"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"بیشازحد پیچیده/ مراحل بسیار زیاد"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"قدیمی"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"مشکل ترجمه"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشکل کد / نمونهها"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غیره"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"درک آسان"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"مشکلم را برطرف کرد"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غیره"
}]
{"lastModified": "\u062a\u0627\u0631\u06cc\u062e \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc 2020-09-28 \u0628\u0647\u200c\u0648\u0642\u062a \u0633\u0627\u0639\u062a \u0647\u0645\u0627\u0647\u0646\u06af \u062c\u0647\u0627\u0646\u06cc."}
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2020-09-28 بهوقت ساعت هماهنگ جهانی."],[],[]]