مستندات ویجت
راهنمای طراحی
این راهنما، به هدف یکپارچگی بیشتر ویجت‌ها، ارائه یک تجربهٔ خوب به کاربران و در نتیجه بالا رفتن تعداد کاربر ویجت در نظر گرفته شده است. در طراحی ویجت‌ها به این نکات توجه کنید:
- همه عناصر موجود در ویجت باید پاسخگو (Responsive) باشند. به این معنی که با ابعاد دستگاه‌های مختلف (موبایل، تبلت، لپ‌تاپ) هماهنگ بوده و کاربران بدون توجه به بزرگ یا کوچک بودن نمایشگر، بتوانند به‌راحتی و به‌طور کامل ویجت را ببینند.
- عناصر موجود در ویجت با رویکرد موبایل محور (mobile-first) طراحی شوند. به این معنی که ابتدا با در نظر گرفتن صفحۀ نمایش کوچکتر (موبایل) طراحی کنید و توسعه دهید و بعد از آن برای صفحه‌های نمایش بزرگ‌تر طراحی کنید (وب و …).
- ترجیحا از کامپوننت ها و رنگ های پذیرش۲۴ در طراحی ویجت استفاده شود.
- در صورت استفاده از انیمیشن، باید روان و در حالت ایده‌آل ۶۰ فریم بر ثانیه باشند. انیمیشن‌ها و جلوه‌های بصری را در دستگاه‌های با کارایی پایین به حداقل برسانید تا از عملکرد روان ویجت در آن دستگاه‌ها اطمینان داشته باشید.
- خطاهایی که ممکن است به کاربر نشان داده شود، را در نظر بگیرید (Error Handling). متن خطا باید گویا و قابل فهم باشد و کاربر را برای اقدام بعدی راهنمایی کند.
ابزار توسعه
برای توسعه اینترفیس(ظاهر) ویجت باید از ابزار Plasmic (opens in a new tab) استفاده شود. Plasmic یک ابزار ويژوال بیلدر است که می‌توانید بدون نیاز به کد کامپوننت ها یا فرانت‌اند وب اپلیکیشن خود را توسعه بدهید.
ساخت پروژه
در Plasmic یک پروژه با نام دلخواه بسازید.
نصب کامپوننت ها
برای نصب کامپوننت های پذیرش۲۴ در پروژه خود، روی گزینه سه نقطه کنار نام پروژه خود کلیک کنید و سپس روی گزینه Configure custom app host کلیک کنید.
در پنجره باز شده مقدار زیر را وارد کنید و Confirm کنید.
https://paziresh24.com/plasmic-hostپلزمیک یک بار خودکار رفرش می شود و در لحظه اول در پنجره باز شده مقدار زیر را وارد کنید و تایید کنید.
https://paziresh24.comکامپوننت های پذیرش۲۴ نصب شدند و میتواند در لیست کامپوننت آن را ببینید. 🎉
انتشار
بزودی مستندات انتشار نوشته خواهد شد.