آموزش اصول طراحی رابط کاربری: اولین اپلیکیشن موبایل خود را طراحی و نمونه سازی کنید
UI Design Basics: Design and Prototype Your First Mobile App
در این کلاس به شما کمک می‌کنم اولین اپلیکیشن موبایل خود را طراحی کنید. قرار است این کار را با تکمیل پروژه کلاس با هم انجام دهیم. همانطور که از کلاس عبور می کنیم، روش هایی را که برای ایجاد طرح بندی استفاده می کنم، نحوه انتخاب و مدیریت فونت ها و رنگ ها و همچنین برخی نکات و ترفندهای دیگر را با شما به اشتراک می گذارم. پس از تکمیل طراحی، به شما نشان خواهم داد که چگونه طرح های خود را به یک نمونه اولیه تبدیل کنید.
هنگامی که همه چیز را کامل کردیم، به شما تکلیفی می‌دهم که به شما امکان می‌دهد آنچه را که آموخته‌اید به کار ببندید و لمس شخصی به آن اضافه کنید.
برای دنبال کردن این کلاس به هیچ دانش قبلی در مورد این موضوع نیاز ندارید، زیرا من همچنین نحوه استفاده از نرم‌افزاری را که برای طراحی برنامه‌ها استفاده می‌کنم، آموزش می‌دهم.
در پایان این کلاس، شما پایه محکمی خواهید داشت تا بتوانید برنامه های بیشتری را طراحی کنید و ایده های خود را به واقعیت تبدیل کنید.
Adobe XD را دریافت کنید
برای این کلاس ما از Adobe XD استفاده خواهیم کرد که شما رایگان است و می توانید آن را دریافت کنید
دانلود فونت
دانلود و نصب کنید و سان فرانسیسکو.
تکلیف
اکنون که همه درس‌ها را تماشا کرده‌اید، یک تکلیف برای شما دارم.
اول: من از شما می‌خواهم که برنامه را با اندازه صفحه نمایش گوشی خود تطبیق دهید.
دوم: می‌خواهم با برنامه بازی کنید - ادامه دهید و رنگ‌ها را تغییر دهید، با فونت‌ها بازی کنید، گوشه‌های گرد را تنظیم کنید و ببینید چه چیزی به دست خواهید آورد. از خلاق بودن نترسید، از آزمایش کردن نترسید و بعد از اینکه چیزی را که از آن راضی هستید ساختید، ادامه دهید و آن را در گالری پروژه ها به اشتراک بگذارید.
چیزی که انتظار دارم ببینم طرح‌هایی برای هر 4 صفحه است - در درس تخصیص توضیح می‌دهم که چگونه صفحه‌ها را از XD صادر کنیم. من همچنین یک پروژه نمونه را در گالری پروژه ها پست کردم تا به شما ایده بدهم که چگونه می توانید کار خود را ارائه دهید.
من همچنین دوست دارم نمونه های اولیه شما را ببینم - برای به اشتراک گذاشتن آن فقط پیوند نمونه اولیه منتشر شده خود را کپی کرده و در پروژه خود جایگذاری کنید.
تخصیص جایزه
1: آرم‌ها را در فهرست تراکنش‌ها اضافه کنید و 2: مکان‌هایی را پیدا کنید که می‌توانید تاریخ تراکنش‌ها را قرار دهید، فکر کنید که آیا می‌توانید آن را در جایی اضافه کنید یا چیزی جایگزین کنید - بیش از یک راه‌حل وجود دارد. برای جزئیات بیشتر، درس تکلیف را تماشا کنید.
منابع
می‌توانید برای کسب اطلاعات بیشتر درباره iOS و برای کسب اطلاعات بیشتر درباره Android به اینجا بروید.
برای یافتن دستورالعمل‌های تایپوگرافی برای iOS می‌توانید سر بزنید ، و برای Android می‌توانید به اینجا بروید.
درس ها Lessons
-
برنامه ریزی Planning
-
شروع شدن Getting Started
-
طراحی صفحه اصلی Designing The Main Screen
-
تایپوگرافی Typography
-
کار خود را به اشتراک بگذارید Sharing Your Work
-
افکار نهایی Final Thoughts
-
ورودی ها Inputs
-
تطبیق با صفحه نمایش های مختلف Adapting To Different Screens
-
حالت خالی Empty State
-
مقدمه Introdcution
-
Adobe XD Workspace Adobe XD Workspace
-
انتخاب نرم افزار Software Choice
-
نمایش اطلاعات Displaying Info
-
ایالات ورودی Input States
-
تصویر حالت خالی Empty State Illustration
-
نمونه سازی Prototyping
-
صفحه اصلی: ایجاد لیست Main Screen: Creating Lists
-
وظیفه Assignment
-
بستر، زمینه Platforms
-
منابع Resources
-
رنگ ها Colors
https://donyad.com/d/fa73
Ljubomir Bardžić
طراح UI/UX • Adobe Certified Expert
اسم من Ljubomir Bardžić است و من یک طراح رابط کاربری/تجربه کاربری و یک متخصص Adobe Certified هستم. در 6 سال گذشته من رابط های زیبا طراحی کرده و تجربیات منحصر به فردی را برای برنامه های موبایل ایجاد کرده ام. من معتقدم که بزرگ‌ترین پیشرفت‌ها از محدودیت‌ها ناشی می‌شوند، بنابراین دوست دارم از سیستم برای طراحی‌هایم استفاده کنم و سپس به دنبال مکان‌هایی باشم که بتوانم قوانین را زیر پا بگذارم تا چیز جدیدی ایجاد کنم.
من همیشه به دانستن هر چه بیشتر در مورد موضوعاتی که به آنها علاقه داشتم معتاد بودم. طراحی بود بنابراین من ادامه دادم و شروع به یادگیری هرچه بیشتر در مورد طراحی کردم و اکنون که اطلاعات زیادی جمع شده است، می‌خواهم آنها را با جهان به اشتراک بگذارم.
نمایش نظرات