آموزش طراحی Figma: یک داشبورد وب ساده ایجاد کنید
Figma Design: Create a Simple Web Dashboard
داشبوردها در بسیاری از برنامه های وب وجود دارند که ما روزانه از آنها استفاده می کنیم. به خصوص شرکت های B2B داشبوردهایی را برای نشان دادن مهم ترین اطلاعات و تأثیرگذاری بر رفتار کاربر ایجاد می کنند. و وظیفه شما به عنوان یک طراح UX/UI این است که بتوانید یک طراحی تمیز و مدرن با تمرکز بر دسترسی و قابلیت استفاده ارائه دهید.
بنابراین، آیا تا به حال به این فکر کرده اید که چگونه داشبوردهای فانتزی را در Figma طراحی کنید که بتوانید آن را در نمونه کار خود به نمایش بگذارید؟
باور کنید، خیلی راحت‌تر از آن چیزی است که فکر میکنید. در این کلاس، شما را به صورت گام به گام در کل فرآیند طراحی داشبورد برای مدیریت پروژه راهنمایی می کنم. این یک فرصت عالی برای یادگیری ویژگی های اساسی اما حیاتی Figma:
است- راه اندازی شبکه ها و کار با شبکه های 8 پیکسلی
- کار با نمادها و افزونه های خاص
- تراز و قوانین چیدمان اولیه
- کار با اشکال
- استفاده از تایپوگرافی به روشی موثر
- و آوردن تمام عناصر طراحی در طرح کامل
در طول فرآیند یادگیری، من همچنین شما را تشویق می‌کنم که فوراً مراحل را در پروژه‌های شخصی Figma اعمال کنید. در پایان، طرح داشبورد خود را در اینجا آپلود کنید و من خوشحال خواهم شد که بازخورد خود را به شما ارائه دهم.
شما را در این کلاس می بینم!
داشبورد خود را در Figma طراحی کنید.
همانطور که در این کلاس حرکت میکنید، شما را تشویق می‌کنم که مراحل ایجاد مجدد داشبورد خود را تکرار کنید. شما مختار هستید که انتخاب کنید آیا می خواهید داشبورد یکسانی را طراحی کنید یا طرح منحصر به فرد خود را ایجاد کنید.
برای الهام و مرجع، می‌توانید
من را کپی کنیدشما می توانید افزونه هایی را که در این کلاس استفاده می کنم از طریق این پیوندها نصب کنید:
طرح خود را برای دریافت بازخورد آپلود کنید!
درس ها Lessons
-
نوار و نمادهای ناوبری جانبی را طراحی کنید Design side navigation bar & icons
-
سربرگ و ستون ها Header and columns
-
شبکه های طرح بندی را تنظیم کنید Set up layout grids
-
عناصر کارت و آواتار - مراحل نهایی Card elements & avatars - final steps
-
خوش آمدی! Welcome!
https://donyad.com/d/19d6
Tetiana G
طراح UX
طراح UX با سابقه توسعه نرم افزار، در حال حاضر تجربه کاربری برنامه SaaS را در صنعت ساختمان پایدار بهبود می بخشد. علاوه بر کارم، از ضبط آموزش های Figma برای LinkedIn Learning و همچنین آموزش به کسانی که علاقه مند به تبدیل شدن به طراح UX هستند لذت می برم.
موارد رایگان من درباره طراحی رابط کاربری را از اینجا دانلود کنید:
اگر می‌خواهید درباره Figma بیشتر بدانید، آخرین آموزش یوتیوب من را تماشا کنید:
نمایش نظرات