آموزش دوره کامل طرح 5 - طراحی اپلیکیشن ها و وب سایت ها 2021

The Complete Sketch 5 Course - Design Apps & Websites 2021

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: نرم‌افزار Master Sketch را بیاموزید و رویکردی مدرن برای طراحی اپلیکیشن‌های موبایل، وب‌سایت‌ها و همه چیز UI/UX بیاموزید. یک ایده بگیرید و آن را زنده کنید. هر کس یک ایده عالی دارد، این دوره به شما این امکان را می دهد که شروع به ساخت رویای خود کنید. وب‌سایت‌های Wireframe، برنامه‌های تلفن همراه و موارد دیگر. طراحی برنامه‌های موبایل، وب‌سایت‌ها، برنامه‌های وب و موارد دیگر یک نمونه اولیه قابل کلیک ایجاد کنید که ظاهر و عملکردی شبیه به معامله واقعی داشته باشد. یک راهنمای سبک بسازید تا مطمئن شوید هر کاری که انجام می‌دهید در برند باقی می‌ماند. به طراحی محصول از یک سیستم طراحی کامل نزدیک شوید. برای دریافت پول اضافی به یک استارتاپ بپیوندید، شغل رویایی خود را بیابید، یا شغل آزاد داشته باشید. برای تسلط بر مفاهیم فقط یک نگرش خوب لازم است. Sketch یک نرم افزار رایگان است که به طور خاص برای رایانه های مک و سیستم عامل اپل ساخته شده است. اگر مک ندارید و از رایانه ویندوزی استفاده می کنید، مطمئن شوید که محیط مجازی OS X را روی رایانه خود اجرا می کنید.

این دوره از Sketch 5 (نسخه 51.2)، نسخه دوره 2018.1 - منتشر شده در 23 آگوست 2018،   و دارای جدیدترین ویژگی های Sketch 3   مانند نمونه سازی کتابخانه ها استفاده می کند.

Sketch تمیز، شهودی و اغلب از بهترین بسته های موجود برای طراحی دیجیتال نام برده می شود.

ابزاری درخشان برای طراحی پلتفرم، Sketch و می توان آن را در عرض چند ساعت و روز یاد گرفت، نه هفته ها و ماه ها، و این دوره طراحی های موبایل و اپلیکیشن وب شما را به سطح بالاتری می برد!

اما آیا این دوره برای شما مناسب است؟ اگر ....

  • شما می خواهید در یک شرکت شگفت انگیز مانند فیس بوک، گوگل، آمازون یا اوبر شغل پیدا کنید.

  • شما ایده های راه اندازی شگفت انگیزی دارید، اما نمی دانید چگونه آنها را زنده کنید.

  • از کار روزانه خود خسته شده اید و می خواهید یک مهارت جدید (و بسیار ارزشمند) یاد بگیرید.

  • شما می‌خواهید به‌عنوان یک فریلنسر از طرف دیگر درآمد کسب کنید.

  • شما می‌خواهید مسیر شغلی خود را تغییر دهید، اما زمان یا پول لازم برای رفتن به یک کمپ آموزشی همهجانبه 3 ماهه را ندارید.

  • شما یک برنامه‌نویس هستید و می‌خواهید بتوانید تمام جنبه‌های چرخه عمر توسعه محصول از جمله طراحی ظاهری را اجرا کنید.

هنوز متقاعد نشده اید؟ اندرو ادی، مدرس دوره، یک طراح UI/UX بسیار مورد توجه با بیش از 10 سال تجربه حرفه ای است. او به برخی از بزرگ‌ترین شرکت‌های جهان در طراحی محصولات زیبا کمک کرده است و با استارت‌آپ‌های بی‌شماری همکاری کرده است تا به ایده‌هایشان کمک کند. و او همه این کارها را با یک ابزار انجام داد، Sketch.

اندرو با بیش از 13 ساعت محتوا در بیش از 110 سخنرانی، شما را از مبتدی به متخصص می‌برد و هر آنچه را که برای استفاده از Sketch در محیط حرفه‌ای باید بدانید، به شما آموزش می‌دهد. نیمه اول دوره مجموعه ای از صدها تکنیک مهم، کلیدهای میانبر، نکات و ترفندها است... به:

خوش آمدید:
  • دانشگاه اسکچ! جامع ترین رویکرد A-Z برای درک مفاهیم Sketch و ابزارهایی که پلتفرم را تقویت می کنند.

نیمه دوم دوره کاملاً عملی است و مهارت‌هایی را که برای مقابله با پروژه‌ها و ایده‌های خود نیاز دارید به شما آموزش می‌دهد. شما و اندرو با هم دو پروژه درخشان را طراحی، ساخت و تکمیل خواهید کرد. شروع با یک...: 

  • پروژه سرعت ! از مهارت های جدید خود برای طراحی اولین صفحه برنامه تلفن همراه خود استفاده کنید.

این با یک پروژه عظیم و عمیق برای ساخت یک برنامه تجاری تلفن همراه و وب به نام Spendo دنبال می شود. در اینجا می‌توانید اطلاعات درونی همه چیزهایی را که باید برای پروژه‌های خود در نظر بگیرید - از ایده اولیه، از طریق تحقیق و نمونه‌سازی، تا نمونه‌سازی، طراحی و در نهایت، استقرار دارایی‌ها برای توسعه‌دهندگان:

  • ایده: هنگام راه‌اندازی کسب‌وکار خود چه مواردی را باید در نظر بگیرید؟ اینجا را پیدا کنید!

  • راهنمای سبک: بیاموزید که چگونه یک راهنمای سبک متمرکز بر برند ایجاد کنید و چرا این کار بسیار مهم است! شامل تایپوگرافی و طراحی رنگ.

  • طراحی لوگو: هر کسب و کار بزرگی به یک لوگوی عالی نیاز دارد. در این بخش یاد خواهید گرفت که چگونه یک آرم تجاری شگفت انگیز ایجاد کنید.

  • Wireframe : بیاموزید که Wireframe چیست و چگونه از آن برای ایجاد اولین پیش نویس برای یک برنامه تلفن همراه استفاده کنید.

  • ساختن برنامه تلفن همراه:  از یک حرفه ای صنعت بهترین روش ها را برای کار طراحی موبایل خود بیاموزید!

  • ساختن برنامه وب: ببینید وب چه تفاوتی با تلفن همراه دارد و عناصر کلیدی را که باید برای یک برنامه وب موفق در نظر بگیرید.

هر سخنرانی به طور کامل توسط مربی پشتیبانی می‌شود،  با دانلودهای تصویر و فایل‌های طرح در دسترس، و همچنین منابع اضافی، آزمون‌ها و تکالیف برای اطمینان از آزمایش و تقویت دانش شما.

یک دوره فوق العاده برای افرادی که تجربه طراحی صفر دارند، یا برای طراحان با تجربه ای که می خواهند Sketch 3 را یاد بگیرند و به آن مسلط شوند.  در پایان این دوره، شما یک پروژه کامل و در سطح حرفه ای برای نمونه کار خود و هر پروژه خواهید داشت. دانش‌آموز دانش لازم برای ایجاد برنامه‌های زیبا و قابل استفاده را خواهد داشت که افراد را با لبخند بر لب می‌آورد.

نکات برجسته دوره:

  • پروژه عملی، A-Z طراحی برنامه

  • نکات   ترفندها، بیشتر از Sketch Tools استفاده کنید

  • ابزارها و نمادهای برداری

  • رنگ‌ها، نمادها و تایپوگرافی

  • جایزه! ایجاد یک نمونه اولیه فعال و تعاملی

  • گواهی پایان دوره پس از پایان دوره.

خب، منتظر چه چیزی هستید؟ امروز ثبت نام کنید!!


سرفصل ها و درس ها

معرفی Introduction

  • چرا این دوره را ساختم Why I built this course

  • به انجمن بپیوندید! Join the Community!

  • نسخه های طرح (لطفاً تماشا کنید) - به روز شده در سال 2020 Sketch Versions (PLEASE WATCH) - UPDATED 2020

دانشگاه اسکچ Sketch University

  • مقدمه ای بر دانشگاه اسکچ Intro to Sketch University

  • الزامات طرح Sketch Requirements

  • واسط The Interface

  • رابط طرح جدید (به روز رسانی 2020) New Sketch Interface (UPDATED 2020)

  • حالت تاریک - (به روز شده در سال 2020) Dark Mode - (UPDATED 2020)

  • مبانی لایه Layer Basics

  • مبانی لایه: محدودیت های هوشمند، مرتب، و شبکه سازی (به روز شده در سال 2020) Layer Basics: Smart Constraints, Tidy, & Make Grid (UPDATED 2020)

  • ویرایش اشکال Editing Shapes

  • جای‌گذاری کد SVG (به‌روزرسانی‌شده در سال 2020) Pasting SVG Code (UPDATED 2020)

  • عملیات بولی Boolean Operations

  • عملیات بولی: عناصر و طرح‌های متنی (به‌روزرسانی‌شده در سال 2020) Boolean Operations: Text Elements & Outlines (UPDATED 2020)

  • سایر ابزارهای شکل Other Shape Tools

  • مقدمه ای بر متن Intro to Text

  • اطلاعات بیشتر در مورد متن (به روز شده در سال 2020) More on Text (UPDATED 2020)

  • تصاویر و بیت مپ Images & Bitmaps

  • بهترین ویژگی جدید: داده (به روز رسانی شده در سال 2020) Best New Feature: Data (UPDATED 2020)

  • سبک های متن Text Styles

  • سبک‌های متن جدید (به‌روزرسانی‌شده در سال 2020) New Text Styles (UPDATED 2020)

  • گروه بندی لایه ها Grouping Layers

  • یک ظاهر طراحی قسمت 1: پر کردن و مرزها Styling Part 1: Fills & Borders

  • استایل بخش 2: سایه ها و تاری ها Styling Part 2: Shadows & Blurs

  • استایل بخش 3: رنگ ها، گرادیان ها و سبک های لایه مشترک Styling Part 3: Colors, Gradients, and Shared Layer Styles

  • نمادها Symbols

  • بوم The Canvas

  • صادرات Exporting

پروژه سرعت: طراحی صفحه نمایش اپلیکیشن موبایل Speed Project: Designing a Mobile App Screen

  • معرفی پروژه سرعت Intro to Speed Project

  • طراحی مجدد اپلیکیشن Headspace Re-designing Headspace App

  • پس زمینه سربرگ Header Background

  • متن و دکمه سرصفحه Header Text & Button

  • نوار پیشرفت و سبک متن Progress Bar and Text Style

  • اشکال بد بو Funky Shapes

  • بخش پایانی Final Section

  • آینه طرح Sketch Mirror

ایده کسب و کار Business Idea

  • مقدمه ای بر ایده Intro to The Idea

  • ایده The Idea

راه‌اندازی راهنمای سبک ما: رنگ‌ها Setting up our Style Guide: Colors

  • مقدمه ای بر سبک های رنگی Intro to Color Styles

  • سبک های پایه Basic Styles

  • رنگ های خاکستری Grey Colors

  • رنگ های تاکیدی Accent Colors

  • مرزها و خطوط نمودار Borders & Chart Lines

  • ورودی ها و سایه ها Inputs & Shadows

راهنمای سبک: تایپوگرافی Style Guide: Typography

  • مقدمه ای بر سبک های تایپوگرافی Intro to Typography Styles

  • راهنمای تایپوگرافی Typography Guide

  • تایپوگرافی ادامه دارد Typography Continued

  • دانلود طرح تایپوگرافی Typography Sketch Download

طراحی لوگو Logo Design

  • مقدمه ای بر طراحی لوگو Intro to Logo Design

  • فایل های مورد نیاز Required Files

  • شروع نماد لوگوی ما Starting our Logo Icon

  • نماد لوگو به پایان رسید Finishing Logo Icon

  • نهایی کردن لوگوی ما Finalizing our Logo

  • تبدیل لوگوی خود به نمادها Turning our Logo into Symbols

وایرفریمینگ Wireframing

  • مقدمه ای بر Wireframing Intro to Wireframing

  • مقدمه ای بر Wireframing Intro to Wireframing

  • صفحه نمایش وایرفریم Wireframe Screens

  • ابزارهای Wireframe مبتنی بر وب: رایگان و پولی Web Based Wireframe tools: Free & Paid

طراحی اپلیکیشن موبایل اسپندو Designing the Spendo Mobile App

  • مقدمه ای بر طراحی اپلیکیشن موبایل Intro to Mobile App Design

  • صفحه ورود Login Page

  • پایان صفحه ورود Finishing Login Page

  • نمادها Icons

  • نمایه و پلاگین رابط کاربری متنوع Profile & Diverse UI Plugin

  • نمایه ادامه دارد Profile Continued

  • اتمام صفحه نمایه Finishing Profile Screen

  • صفحه نمایش هزینه Expense Screen

  • ایجاد نمادهای هزینه Creating Expense Symbols

  • صفحه کارت های من My Cards Screen

  • کارت اعتباری مجازی Virtual Credit Card

  • اطلاعات کارت Card Info

  • فراخوانی برای اقدام Call to Action

  • چالش: آخرین صفحه را خودتان بسازید! CHALLENGE: Create the last screen on your own!

  • REVEAL: چالش کامل شد REVEAL: Challenge Completed

طراحی اپلیکیشن وب اسپندو Designing the Spendo Web App

  • مقدمه ای بر طراحی اپلیکیشن وب Intro to Web App Design

  • طرح بندی برنامه وب Web App Layout

  • نوار کناری: سربرگ Sidebar: Header

  • نوار کناری: هدر ادامه دارد Sidebar: Header Continued

  • آیتم های منو Menu Items

  • حالت فعال Active State

  • منوی بالا Top Menu

  • منوی بالا را کامل کنید Complete Top Menu

  • نمای اصلی: معاملات Main View: Transactions

  • معاملات ادامه دارد Transactions Continued

  • ایجاد نماد معامله Creating Transaction Symbol

  • اضافه کردن صفحه بندی Adding Pagination

  • در حال اتمام صفحه ما Finishing our Page

  • راه اندازی صفحه تیم ما Setting up our Team Page

  • صفحه تیم ادامه دارد Team Page Continued

  • اضافه کردن یک عضو تیم جدید Adding a new Team Member

  • بعدش چی میخوای ببینی؟ What do you want to see next?

شبکه بوت استرپ 12 ستونی 12 Column Bootstrap Grid

  • معرفی گریدز Intro to Grids

  • معرفی Bootstrap Grid Intro to Bootstrap Grid

  • Bootstrap Grid ادامه دارد Bootstrap Grid Continued

  • معرفی سیستم شبکه 8 نقطه ای Intro to 8 Point Grid System

  • خواندن اضافی: سیستم شبکه 8 Pt Additional Reading: 8 Pt Grid System

صفحه فرود Spendo Spendo Landing Page

  • معرفی صفحه فرود Intro to Landing Page

  • صفحه فرود مثال: طرح Landing Page Example: Sketch

  • راه اندازی Grid ما Setting up our Grid

  • منو Menu

  • بخش قهرمان Hero Section

  • ماکت آیفون Iphone Mockup

  • ماکت مرورگر Browser Mockup

  • ماکت کارت اعتباری Credit Card Mockup

  • نماد قلب Heart Icon

  • نماد سپر Shield Icon

  • نماد هشدار Alarm Icon

  • پس از چرخش، جعبه مرزی را بازنشانی کنید Reset bounding box after rotation

  • نماد دوربین Camera Icon

  • نماد ابر Cloud Icon

  • نماد حباب چت Chat Bubble Icon

  • تبدیل آیکون Icon Conversion

  • بخش ویژگی Feature Section

  • ویژگی 1: محتوای متنی Feature 1: Text Content

  • ویژگی 1 و 2 Feature 1 & 2

  • گواهی بخش 1 Testimonial Part 1

  • گواهی بخش 2 Testimonial Part 2

  • منابع اضافی Additional Resources

  • فراخوانی برای اقدام Call to Action

  • پاورقی Footer

  • فایل دانلود مستر اسپندو Master Spendo Download File

نمونه سازی Prototyping

  • نمونه سازی سریع با طرح Speed Prototyping with Sketch

  • نمونه اولیه برنامه Spendo Prototyping the Spendo App

  • معرفی Invision Intro to Invision

  • نمونه سازی با Invision Prototyping with Invision

  • Craft by Invision Craft by Invision

  • داده ها و تکراری در Craft Data & Duplicate in Craft

  • نمونه سازی در Sketch and Sharing Prototyping in Sketch and Sharing

مقدمه ای بر UX Introduction to UX

  • تجربه کاربری چیست؟ What is User Experience?

  • جایی که UX شروع شد Where UX Started

  • قابلیت استفاده Usability

  • طراحی کاربر محور User Centered Design

  • 10 اصل طراحی کاربر محور 10 Principles of User Centered Design

  • نیازهای تجاری در مقابل نیازهای کاربر Business Needs vs User Needs

  • ویژگی های یک طراح UX خوب Qualities of a good UX Designer

  • فرآیند طراحی UX UX Design Proccess

ادامه تحصیل Continued Education

  • منابع طرح Sketch Resources

  • Dribble: Show & Tell for Designers Dribble: Show & Tell for Designers

  • توسعه دهنده Handoff: Zeplin Developer Handoff: Zeplin

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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

آموزش دوره کامل طرح 5 - طراحی اپلیکیشن ها و وب سایت ها 2021
جزییات دوره
15.5 hours
138
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
18,890
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rob Percival Rob Percival

توسعه دهنده وب و معلم

Codestars • over 2 million students worldwide! Codestars • over 2 million students worldwide!

آموزش نسل بعدی کدگذارها

Andrew Eddy Andrew Eddy

طراح گرافیک، کارآفرین و مدرس

Margot Dukes Margot Dukes

صاحب مدرسه طراحی

The Design Academy The Design Academy

کمک به افراد عادی در تسلط بر طراحی مدرن