مطالب پیشنهادی از سراسر وب

طراحی UI و UX اپلیکیشن های موبایل و نمونه سازی اولیه در Adobe XD و PS

دسته بندی ها: آموزش های ویژه ، آموزش فتوشاپ (Photoshop) ، برنامه نویسی موبایل ، آموزش برنامه نویسی آی او اس (iOS) ، آموزش ادوبی ایکس دی (Adobe XD) ، آموزش های ادوبی (Adobe) ، آموزش برنامه نویسی اندروید (Android) ، آموزش اسکچ آپ (SketchUp)

راهنمای کامل طراحی اپلیکیشن ها در فتوشاپ و Adobe XD! بدون نیاز به برنامه نویسی، نمونه های اولیه تعاملی ایجاد کنید!

آخرین آپدیت: 2020-5

آنچه خواهید آموخت:

  • برنامه های زیبایی را در فتوشاپ و Adobe XD ایجاد کنید
  • نمونه های اولیه تعاملی ایجاد کنید که به نظر می رسد برنامه کدگذاری شده است
  • طبق اصول Material Design طراحی کنید
  • با نکات، ترفندها و تکنیک های خاص سرعت خود را افزایش دهید

الزامات دوره:

حداقل دانش فتوشاپ - کلیدهای میانبر ، ابزارها را بشناسید و حداقل در 6 روز گذشته به صورت ترکیبی از آن ها استفاده کرده باشید.

صبر و تعهد - سفر گاهی دشوار خواهد بود!

توضیحات دوره:

آیا می خواهید اپلیکیشن های برجسته ای را طراحی کنید؟ ایا می خواهید نمونه های اولیه چشمگیری که مانند اپلیکیشن های واقعی به نظر می رسند اما بدون هیچ گونه کدنویسی ایجاد کنید؟ این یک مسترکلاس به عنوان یک رویکرد جامع برای طراحی برنامه های تلفن همراه است. همه نکاتی را که باید از صفر تا 100 بدانید به شما آموزش داده می شود. در این دوره ما از Photoshop ، Adobe XD ، Zeplin استفاده خواهیم کرد.

شما درباره Material Design، اصول رنگ، فاصله و تایپوگرافی، نکات و ترفندها، نحوه به دست آوردن منابع طراحی و موارد بسیار دیگر یاد خواهید گرفت. شما مهارت زندگی را که در بازار کار امروز بسیار مورد تقاضا است، بدست می آورید. برنامه های زیبا و نمونه های اولیه تعاملی ایجاد کنید و شغل خود را ارتقا دهید.

آنچه یاد خواهید گرفت:

  • برنامه های موبایل زیبا طراحی کنید
  • بدون هیچ گونه دانش قبلی، نمونه های اولیه تعاملی ایجاد کنید.
  • برای طراحی برنامه موبایل از فتوشاپ استفاده کنید.
  • اصول طراحی مواد؛
  • Adobe XD را از ابتدا یاد بگیرید.
  • از طریق برنامه ویژه ای به نام Zeplin، تمام پرونده ها را برای توسعه دهندگان آماده کنید.
  • نحوه اندازه گیری صحیح عناصر در همه انواع و اندازه های تلفن.
  • بهترین شیوه های تایپوگرافی؛
  • از کجا منابع طراحی مانند آیکون ها، گرافیک های سفارشی، عکس ها و موارد دیگر را بدست آورید.

این دوره برای چه کسانی است:

  • هرکسی که مهارت زندگی قابل اعتماد می خواهد که بتواند درآمد خوبی داشته باشد
  • طراحانی که می خواهند درباره Material Design، ایجاد برنامه ها و نمونه های اولیه تعاملی اطلاعات بیشتری کسب کنند
  • هر کسی که می خواهد برنامه های تلفن همراه خود را راه اندازی کند
  • توسعه دهندگانی که می خواهند مهارت های خود را گسترش دهند
  • کاربران فتوشاپ که به دنبال یک ابزار جایگزین - Adobe XD هستند

مباحث دوره:

  • شروع کار
    • الزامات و انتظارات
    • فتوشاپ در مقابل Adobe Experience Design و Sketch
    • بدون این برنامه های موبایلی را طراحی نکنید!
    • فعالیت: اولین طرح بندی برنامه خود را طراحی کنید - قسمت 1
    • فعالیت: اولین طرح بندی برنامه خود را طراحی کنید - قسمت 2
    • چقدر می توانید به عنوان یک طراح برنامه درآمد کسب کنید؟
    • پیش نمایش طرح های خود بر روی تلفن همراه
    • اختیاری - نیازهای رایانه
    • تفاوت بین برنامه های Android و iOS را کشف کنید
  • بهترین تکنیک های فتوشاپ برای طراحی اپلیکیشن
    • راه اندازی فتوشاپ برای طراحی اپلیکیشن
    • بهترین شیوه های پروژه Android در فتوشاپ
    • امکانات مهم artboard در فتوشاپ
    • 10 نکته مهم درباره کار با وکتورها در فتوشاپ
    • بهترین نکات layer alignment
    • انتخاب لایه ها در artboards
    • بهترین نکات تایپوگرافی برای طراحی اپلیکیشن
    • استفاده از آبجکت های هوشمند
  • Material Design و کامپوننت های اصلی اندروید
    • آشنایی با Material Design
    • بررسی کامپوننت های رابط اندروید
    • سایز ها به پیکسل و action bar showcase
    • تمام نکات مورد نیاز در مورد تب ها
    • Text Fields
  • اپلیکیشن تحویل غذا
    • معرفی این بخش
    • تحلیل رقبای اپلیکیشن
    • طرح بندی برای لوکیشن و فهرست کردن اسکرین ها
    • مفاهیم طراحی برای نمایش لوکیشن
    • جایگزین های لیست رستوران
    • انتخاب بهترین typeface
  • اصول طراحی و آیکون های اندروید
    • می خواهید چه کاره شوید؟ یک طراح یا یک حل کننده مشکل؟
    • یک چیز که طراحی شما را به کل خراب می کند
    • آیکون های UI در اپلیکیشن های اندروید
    • آیکون های اندروید - مطالعه موردی
    • ایجاد mood board
  • اصول رنگ در اپلیکیشن های اندروید
    • اصول رنگ در اندروید
    • بهترین color schemes از بهترین اپلیکیشن ها
    • ابزارهایی برای بهترین color schemes
  • تایپوگرافی در اپلیکیشن های اندروید
    • اصول تایپوگرافی اندروید
    • 7 قانون برای خوانایی اندروید
    • چگونه فونت ها را به درستی جفت کنیم
  • طراحی اپلیکیشن های iOS 
    • ​​​​​​​اپلیکیشن های iOS - بررسی
    • مقایسه طراحی اپلیکیشن اندروید در مقابل iOS 
    • iOS status bar (with/wo Notch)
    • iOS Navigation bar
    • iOS Tab bar
    • iOS Text Fields
    • iOS Controls
    • اجرای اپلیکیشن اندروید در Mac OS
  • اپلیکیشن تحویل غذا - بخش 2
    • ​​​​​​​آماده سازی PSD برای بیش از 20 اسکرین
    • طراحی منو راست
    • طراحی منو چپ
    • ایجاد آدرس های رستوران ها و اسکرین های پروفایل کاربر
    • ایجاد order details screen
  • آشنایی با Adobe XD
    • ​​​​​​​آشنایی با Adobe XD (طراحی تجربه)
    • یادگیری XD و تنظیم انتظارات
    • رابط XD 
    • انتخاب لایه ها در XD 
    • اصول اشکال در XD 
    • ویرایش اشکال در XD 
    • اصول متن در XD 
    • شبکه و راهنمای هوشمند
    • Pen tool
    • کار با عکس ها و ماسک ها
    • نکات مهم Adobe XD
  • ارتقای شغل خود در Adobe XD
    • ​​​​​​​از فتوشاپ به XD
    • ایجاد موکاپ های زندگی واقعی با چند کلیک
    • بررسی ایجاد نمونه اولیه و اشتراک گذاری طرح
    • ایجاد نمونه های اولیه تعاملی
    • نکات مهم نمونه سازی اولیه
    • پنل کتابخانه ها
  • نحوه ی کار با توسعه دهندگان اپلیکیشن موبایل
    • ​​​​​​​آشنایی با Zeplin
    • برنامه نویس ها چه چیزی از Zeplin بدست می آورند
    • از فتوشاپ به Zeplin برای توسعه دهندگان اندروید
    • هرچیزی در اندروید امکان پذیر هست! 
    • طراحی specs از طریق XD
    • اکسپورت گرفتن از XD
    • بهترین روش های کدنویسی در Zeplin
  • طراحی و ایجاد نمونه اولیه در Adobe XD
    • ​​​​​​​وارد کردن و رفع PSD در Adobe XD
    • راه اندازی نمونه اولیه
    • نمونه سازی اولیه اسکرین های لاگین و ثبت نام
    • ایجاد map interaction
    • بازیابی پسورد و ایجاد اکانت
    • ایجاد search bar
  • تکنیک های پیشرفته در Adobe XD​​​​​​​​​​​​​​
    • اتصال به منوی چپ
    • اتصال فیلترها
    • ​​​​​​​ایجاد سیستم های تب متحرک برای dish listing
    • ایجاد مسیرهای اپلیکیشن - سخت!
    • بررسی ها و اطلاعات رستوران
    • آماده سازی برای خروجی گرفتن از Zeplin
    • خروجی گرفتن از Zeplin
  • نکات نهایی مدرس
    • ​​​​​​​نکات نهایی و گام های بعدی

سایر ویدئوهای دوره:

الزامات و انتظارات

 

به جامعه فتوشاپ ما بپیوندید و تمام منابع را دانلود کنید

 

مقایسه فتوشاپ، Adobe Experience Design و Sketch

 

هیچ اپلیکیشن موبایلی بدون این ایجاد نکنید!

 

اکتیویتی - اولین طرح بندی اپلیکیشن  خود را طراحی کنید

آیا این نوشته را دوست داشتید؟
Udemy - Design Mobile Apps UI UX and Prototyping in Adobe XD and PS Publisher:Udemy Author:Cristian Doru Barin Duration:14.5 hours Level:Advanced

The Complete Guide to Designing Apps in Photoshop & Adobe XD! Create interactive prototypes WITHOUT any coding!

What you'll learn

  • Create beautiful apps in Photoshop & Adobe XD
  • Create interactive prototypes that make the app look like it's coded
  • Design according to the Material Design principles
  • Increase your speed through tips, tricks, and special techniques

Requirements

Minimal Photoshop knowledge - know the hotkeys, tools, and you've used it at least 30 days combined in the last 6 months

Patience & commitment - the journey will be difficult at times!

Description

Do you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass – a comprehensive approach to mobile app designing. I’ll teach you everything you need to know, from A to Z. We’ll use Photoshop, Adobe XD, Zeplin. I've taught over 220.000 students on Udemy and I'm a best-selling instructor!

You’ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that’s high in demand in today’s job market, all for the price of a fancy coffee. Create beautiful apps, interactive prototypes, and supercharge your career.

You'll learn to:

  • Design beautiful mobile apps;
  • Create interactive prototypes without any previous knowledge;
  • Use Photoshop for mobile app design;
  • The principles of Material Design;
  • Learn Adobe XD from scratch;
  • Prepare all the files for developers through a special program called Zeplin;
  • How to size elements correctly on ALL phone types and sizes;
  • Typography best practices;
  • Where to get design resources like icons, custom graphics, photos, and more;

 

Who this course is for:

  • Anybody that wants a dependable life skill that can bring a solid income
  • Designers who want to know more about Material Design, creating apps, and interactive prototypes
  • Anyone who wants to launch their own mobile apps
  • Developers who want to expand their skillset
  • Photoshop users that are looking for an alternative tool - Adobe XD

Course content

  • Getting Started
    • Requirements and your expectations
    • Join Our Photoshop Community and Download all Resources
    • Photoshop vs Adobe Experience Design vs Sketch
    • Don’t design any mobile app without this!
    • Activity: Design your first app layout – Part 1
    • Activity: Design your first app layout – Part 2
    • How much money can you earn as an app designer?
    • Preview your designs on your phone
    • Optional - Computer requirements
    • Discover the differences between Android and iOS apps
  • Best Photoshop Techniques for App Designing
    • Introduction
    • Set up Photoshop for app designing
    • Best settings for an Android project in Photoshop
    • Must-know artboard features in Photoshop
    • 10 Tips to efficiently work with vectors in Photoshop
    • Best tips for layer alignment
    • Learn to efficiently select layers in artboards
    • Exercise: Layer selection and repositioning
    • Solve the previous exercise
    • Best typography tips for app designing
    • Learn how to actually use smart objects
  • Material Design and Essential Android Components
    • Introduction to Material Design
    • Android interface components overview
    • Learn to design the action bar
    • The simple guide to sizing components in pixels
    • Sizes in pixels & action bar showcase
    • Everything you need to know about tabs
    • Displaying content in cards
    • Beautiful and effective buttons on Android
    • Text Fields
    • FREE size guide for Android components
  • Food Delivery App
    • Introduction to this section
    • Understanding the brief and the client's wishes
    • Analyze the app’s competitors – Part 1
    • Analyze the app’s competitors – Part 2
    • Layout for the location (1) and listing (2) screens
    • Layout for the restaurant details (3) screen
    • How to make great design choices
    • Design concepts for the location screen (1)
    • Design concepts for the restaurant listing (2)
    • Restaurant listing alternatives (2)
    • Final restaurant listing variations (2)
    • Design concepts for the restaurant details (3) screen
    • Choosing the best typeface
    • Define and refine our app’s style
    • Finishing touches screen 1
    • Finishing touches on screens 2 and 3
  • Android Icons & Design Principles
    • Section introduction
    • What do you want to be? A designer or a problem-solver?
    • Discover the one thing that ruins all your designs
    • UI Icons in Android apps
    • Hands-on icons: Create a dashboard panel
    • Android Icons: Case studies
    • A guide for app design inspiration
    • Target audience and the app’s story
    • Create a mood board
    • Discover what makes an app beautiful
  • The Principles of Color in Android Apps
    • Android color fundamentals
    • How to use color appropriately
    • The principle of color contrast
    • The best color schemes from top apps
    • Tools for awesome color schemes
    • How to implement a color scheme
  • Typography in Android Apps
    • Android typography fundamentals
    • 7 rules for Android legibility
    • Guide for perfect font sizing in Android apps
    • Typography: what the biggest apps are doing
    • How to make lots of text look great
    • How to pair fonts correctly
  • Designing iOS Apps
    • iOS apps – Overview
    • 1x, 2x, 3x, PPI, notch?! iOS artboard size guide
    • App design comparison: iOS vs Android
    • My take on the official UI Kit
    • iOS status bar (with/wo Notch)
    • iOS Navigation bar
    • iOS Tab bar
    • iOS Text Fields
    • iOS Controls
    • Running Android apps on Mac OS
    • The official iOS typeface – should you use it?
    • iOS conclusions
  • Food Delivery App - Part 2
    • Section introduction
    • Preparing the PSD for 20+ screens
    • Login and registration screens – version 1
    • Login and registration screens iteration
    • Design the right menu
    • Design the left menu
    • Creating card-based layouts for Addresses and Payments
    • Add a payment method – Design a credit card
    • Design the Reviews screens
    • Create the restaurant’s address and user profile screens
    • Making the order history screen & success page
    • Create the order details screen
    • An overview of our progress
  • Introduction to Adobe XD
    • Introduction to Adobe XD (Experience Design)
    • Learning XD and setting your expectations
    • An overview of XD’s interface
    • Getting around in Adobe XD
    • Selecting layers in XD
    • Shape fundamentals in Adobe XD
    • Editing shapes in Adobe XD
    • Text fundamentals in XD
    • Grid and smart guides
    • Pen tool
    • Working with photos and masks
    • Adobe XD tips & quirks
  • Supercharge your work in Adobe XD
    • Optional - Disable Adobe XD's Recording Message on Windows
    • From Photoshop to XD
    • Create real-life mockups in just a few clicks
    • Lightning speed with the Assets panel
    • Linked symbols
    • Preview and device preview
    • Prototyping overview and sharing your design
    • Create interactive prototypes
    • Prototyping tips and tricks
    • Make your app prototype seem real
    • The incredible auto-animate and drag
    • The Libraries panel
  • How to Work with Mobile App Developers
    • Introduction to Zeplin
    • What the coder gets out of Zeplin
    • From Photoshop to Zeplin to Android Developers
    • Anything is possible in Android! Make clients & coders love you
    • Design specs through XD
    • Exporting from XD
    • The best way to work with coders in Zeplin
  • Designing & Prototyping in Adobe XD
    • Introduction
    • Import and fix the PSD in Adobe XD
    • Setting up the prototype
    • Prototyping the login and register screens
    • Dealing with the City dropdown
    • Creating the map interaction
    • Finishing the initial screen interactions
    • Analyzing our progress
    • Recover password and create an account
    • Recreate the restaurant listing in Adobe XD
    • Creating a search bar
  • Advanced Techniques in Adobe XD
    • Connecting the left menu
    • Connecting the filters
    • Creating an animated tab system for the dish listing
    • Creating the app’s routes – difficult!
    • Continuing route 1: user registers at the beginning
    • Route 2: user registers during checkout
    • Route 3: user already has an account
    • Restaurant information and reviews
    • Fine-tuning and project analysis
    • Preparing to export to Zeplin
    • Export to Zeplin
  • Final Thoughts from Chris
    • Final Thoughts & What's Next

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 15.31GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • طراحی UI و UX اپلیکیشن های موبایل و نمونه سازی اولیه در Adobe XD و PS یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر