آموزش طراحی با Figma: صفحه فرود برای اپلیکیشن موبایل
Designing with Figma: Landing Page for Mobile App
هی همه. من Adi Purdila هستم و یک طراح وب از رومانی هستم.
من بیش از یک دهه است که در این زمینه و در این کلاس، کار می کنم بینش، گردش کار شخصی و بهترین روش‌های طراحی صفحه فرود را با شروع خلاصه پروژه و مجموعه‌ای از وایرفریم‌ها به اشتراک می‌گذارم.
در این کلاس شما یاد خواهید گرفت که چگونه را انجام دهید :
- یک پروژه طراحی وب را از Wireframe شروع کنید
- یک طرح رنگی جذاب ایجاد کنید
- بهترین نوع حروف را برای پروژه انتخاب کنید
- از نرم افزار شگفت انگیز Figma استفاده کنید تا همه آن ها را در یک طرح نهایی و خیره کننده جمع آوری کنید
با شرکت در این کلاس تا جایی که می توانید به یک پروژه واقعی نزدیک خواهید شد. ما با خلاصه‌ای از پروژه از یک مشتری خیالی شروع می‌کنیم که از ما می‌خواهد یک صفحه فرود برای یک محصول تخیلی طراحی کنیم. بر اساس آن و چارچوب ارائه شده، مراحل طراحی را گام به گام آغاز خواهیم کرد.
اکنون، این کلاس برای فوق العاده است مبتدیان زیرا ما کارها را به آرامی انجام خواهیم داد و من سعی خواهم کرد هر کاری را که در هر مرحله از فرآیند انجام می دهم توضیح دهم. من به شما میانبرها و تکنیک های صرفه جویی در زمان برای کار در Figma و همچنین نکات و ترفندهایی برای کارآمدترین کار ممکن را به شما نشان خواهم داد.
اگر می خواهید حرفه شغلی آزاد خود را شروع کنید و وب سایت ایجاد کنید، این مکان عالی برای شروع است.
همچنین یک پروژه کلاسی عالی در دسترس است و من شدیداً شما را تشویق می‌کنم که در حین شرکت در این کلاس در کنار من کار کنید. به این ترتیب، اگر در هر نقطه ای گیر کرده اید و سؤالی دارید، فقط یک نظر در بگذارید بحث‌ها بخش این کلاس و من تمام تلاشم را می کنم تا به شما کمک کنم.
اگر می خواهید پیش نمایشی از طرح نهایی که من ایجاد خواهم کرد را مشاهده کنید، به پیوندهای زیر نگاهی بیندازید. همچنین می‌توانید فایل‌های تمرین را دانلود کرده و بلافاصله شروع کنید.
کیت شروع (فایل فشرده):
کیت شروع (پوشه):
فایل های تکمیل شده:
پس بیایید شروع کنیم - شما را در کلاس می بینیم!
برخی از کلاس های دیگر من را در Skillshare بررسی کنید:
برای پروژه کلاس شما، یک صفحه فرود ایجاد می کنیم که از مجموعه ای از وایرفریم ها و یک خلاصه پروژه شروع می شود. همه اینها برای یک مشتری و محصول خیالی است، اما فرصتی عالی برای یادگیری نحوه کار در Figma و نحوه تبدیل از درخواست مشتری به محصول نهایی است.
من اینجا خواهم بود تا شما را در هر مرحله راهنمایی کنم و قویاً شما را تشویق می کنم که در هر درس در کنار من کار کنید.
در اینجا نحوه شروع به کار آمده است:
- منابع را دانلود کنید. در این بخش، یک کیت شروع حاوی اسناد PDF برای خلاصه پروژه، فریم سیمی، منابع استفاده شده و چند تصویر دمو خواهید یافت. مطمئن شوید که ابتدا آن ها را دانلود کرده اید.
- یک حساب کاربری Figma ایجاد کنید. به بروید و یک حساب کاربری رایگان بسازید. فقط چند دقیقه طول می کشد.
- فایل شروع کننده Figma را دانلود یا کپی کنید. من یک فایل شروع کننده Figma ارائه کرده ام که به شما کمک می کند کارها را به حرکت درآورید. بنابراین آن فایل را در حساب Figma خود دانلود یا کپی کنید.
- Figma را برای سیستم عامل خود دانلود کنید. این اختیاری است زیرا Figma مبتنی بر مرورگر است، اما در صورت تمایل، می‌توانید آن را به عنوان یک برنامه مستقل برای Windows یا macOS از دانلود کنید. .
- بیایید نمایش را در جاده ها راه اندازی کنیم! اکنون شما آماده هستید تا بر اساس خلاصه پروژه و وایرفریم ها بتوانید طراحی صفحه فرود را شروع کنید. یا، می توانید همراه با کلاس، هر بار یک ویدیو را دنبال کنید. این در واقع چیزی است که من توصیه می کنم زیرا کلاس به بیت های منطقی تقسیم می شود، اما کاملاً به شما بستگی دارد.
اکنون، شدیداً شما را تشویق می کنم که نتایج، طرح های خود را در کلاس به اشتراک بگذارید گالری پروژه . زیرا من شخصاً به تک تک آنها بازخورد خواهم داد. و من مطمئن هستم که سایر دانش آموزان نیز بازخورد خواهند داد. مهم نیست که فکر می کنید خوب به نظر نمی رسد. بذار اون بالا از دیدن مطالب ارسالی شما بسیار خوشحال خواهم شد.
کیت شروع (فایل فشرده):
کیت شروع (پوشه):
فایل های تکمیل شده:
منتظر دیدن پروژه های نهایی خود نیستید!
درس ها Lessons
-
تایپوگرافی Typography
-
به کلاس خوش آمدید Welcome to the Class
-
محتوای قهرمان Hero Content
-
پاورقی Footer
-
فراخوان اصلی Main Call-to-Action
-
حماسه نتیجه گیری The Epic Conclusion
-
تصاویر و سایر دارایی ها Images and Other Assets
-
فراخوان کوچک برای اقدام Small Call-to-Action
-
طرح رنگ Colour Scheme
-
هدر قهرمان و پس زمینه Hero Header and Background
-
گالری اسکرین شات Screenshot Gallery
-
بخش سوم برای ویژگی ها Third Section for Features
-
گواهینامه ها Testimonials
-
بخش دوم برای ویژگی ها Second Section for Features
-
پروژه کلاس شما Your Class Project
-
بخش اول برای ویژگی ها First Section for Features
https://donyad.com/d/650a
Adi Purdila
طراح و توسعه دهنده وب
من Adi هستم و یک طراح وب از رومانی هستم.
از زمانی که چشمم به کامپیوتر افتاد (فکر می‌کنم حدود 8 ساله بودم)، طراحی، رابط‌های کاربری و رنگ‌ها را داشتم. و بازی های ویدیویی بعدها در زندگی، من این فرصت را پیدا کردم که از علاقه خود به خوبی استفاده کنم و شروع به ایجاد لوگو و وب سایت های ساده کردم. چندین سال به جلو بروید و من این فرصت را دارم تا دانش و اشتیاق خود را برای طراحی وب با شما به اشتراک بگذارم.
من اکنون بیش از یک دهه است که به عنوان یک طراح وب کار می کنم، چند سالی است که تدریس می کنم و می خواهم این کار را برای آینده قابل پیش بینی ادامه دهم. من می‌خواهم دوره‌هایی ایجاد کنم که دنبال کردن آنها آسان باشد و ارزش زیادی برای دانش‌آموزان ارائه دهد.
من متاهل هستم و 2 فرزند دارم. خوب، اگر 9 سگ و 10 گربه را هم حساب کنید، در واقع 21 بچه.
در اوقات فراغت خود دوست دارم در باغ خود کار کنم، به جوجه ها رسیدگی کنم و همچنین کمی نجاری انجام دهم. من در آن مرحله آخر خیلی خوب نیستم، اما تا کنون فقط یک بار موفق به مصدومیت شدم بنابراین فکر می کنم در مسیر درستی هستم.
هدف من کمک به شما برای تبدیل شدن به یک طراح و توسعه دهنده وب بهتر است، بنابراین از اینکه در این تلاش به من ملحق شدید متشکرم.
آدریان جورج پوردیلا
"معلم عالی. در تئوری طراحی کمک کرد. امیدوارم کلاس های بیشتری در مورد طراحی وب و چیدمان رابط کاربری برگزار کند. متشکرم"
Pala Otz - طراحی با Figma: صفحه فرود برای برنامه موبایل
"پیگیری آسان، کلاس بسیار مفید با دستورالعمل های واضح و نکات و ترفندهای حرفه ای. واقعاً از آن لذت بردم، متشکرم ادی!"
Keresztes Kriszta Kincső - طراحی با Figma: صفحه فرود برای برنامه موبایل
"این به سادگی یک تجربه عالی بود. من کاملاً در فیگما تازه کار نبودم، اما چیزهای زیادی برای یادگیری با این دوره وجود داشت. سبک تدریس آرام و منظم آدی واقعاً هنگام پیگیری به من کمک زیادی کرد. او مانند استاد ذن است. Figma. متشکرم Adi. BTW، اگر تصمیم گرفتید یک دوره آموزشی در وب‌فلو برگزار کنید، من را در آن حساب کنید!"
Jochen Baum - طراحی با Figma: صفحه فرود برای برنامه موبایل
"دوره عالی و معلم جذاب واقعاً چیزهای زیادی یاد گرفت، نکات از معدن طلا بود"
آنتونی یائو - طراحی با Figma: صفحه فرود برای برنامه موبایل
"این کلاس نه تنها Figma را پوشش می‌دهد، بلکه نکات جالب UX/UI/Designer را نیز پوشش می‌دهد که من هرگز در مورد آنها نمی‌دانستم. قبلاً برخی از Figma را می‌شناختم که وارد این کلاس می‌شوند، اما پس از اتمام این کلاس، صادقانه می‌توانم بگویم من حتی با Figma راحت تر هستم. به طور کلی، از ساختار و گردش کار این کلاس لذت بردم. با تشکر Adi!"
کوین ویزکوند - طراحی با Figma: صفحه فرود برای برنامه موبایل
"متشکرم آدی، آموزش شما عالی است!"
آندرس لوپز - طراحی با Figma: صفحه فرود برای برنامه موبایل
"دوره فوق العاده و مربی عالی! با تشکر. من چیزهای زیادی یاد گرفتم و مشتاقانه منتظر دوره های اضافی در مورد Figma توسط آدی پوردیلا هستم."
Pawan Vora - طراحی با Figma: صفحه فرود برای برنامه موبایل
"این کلاس شگفت انگیز است! آدی پوردیلا یکی از کارآمدترین معلمانی است که من دیده ام. روش تدریس او به من انگیزه می دهد تا هر روز طراحی UI را مطالعه کنم. من دوست دارم کلاس های بیشتری از این قبیل ببینم!"
Aybike Anaçali - طراحی با Figma: صفحه فرود برای برنامه موبایل
"این کلاس برای مبتدیان در طراحی Figma و UI عالی است. Adi Purdila دروس را به شیوه ای واضح و جذاب می گذراند که برای مبتدیان منطقی است. کلاس های او ساختار خوبی دارند و پر از اطلاعات هستند بدون اینکه خیلی زیاد باشد. او همچنین پاسخگوی سوالات دانش آموزان در مورد درس است که برای یادگیری بسیار مفید است. :)"
جاش خاویر - طراحی با Figma: صفحه فرود برای برنامه موبایل
نمایش نظرات