آموزش UI و طراحی وب با استفاده از Adobe Illustrator CC
UI & Web Design using Adobe Illustrator CC
مهارت های طراحی UI یکی از قابل استفاده ترین فرصت های زندگی ما هستند. در این دوره آموزشی یاد خواهید گرفت که چگونه یک وب سایت حرفه ای در Adobe Illustrator طراحی کنید. ما درست از اصول اولیه Illustrator شروع می کنیم و به سمت ساختن طراحی های حرفه ای UI کار می کنیم. این دوره نحوه کدنویسی یک وب سایت را پوشش نمی دهد، اما بر فرآیندهای طراحی که طراحان حرفه ای رابط کاربری در هنگام کار از آنها استفاده می کنند، تمرکز دارد.
این یک کلاس پروژه ای برای دانش آموزانی است که تازه وارد دنیای طراحی وب اپلیکیشن شده اند. من این را برای افرادی ایجاد کردم که نگران تغییر حرفه خود به دنیای طراحی رابط کاربری هستند.
ما یک وب سایت نمونه کار حرفه ای ایجاد خواهیم کرد. می‌توانید از این دوره برای ساختن وب‌سایت نمونه کار خود (که سال‌ها آن را به تعویق انداخته‌اید) استفاده کنید. شما یاد خواهید گرفت که چگونه نسخه های دسکتاپ، تبلت و موبایل وب سایت خود را طراحی کنید. آنچه را که باید در پایان یک پروژه به مشتری خود تحویل دهید، خواهید آموخت.
این دوره برای افرادی است که در مورد حرفه ای شدن در طراحی رابط کاربری جدی هستند.
بدانید که من برای کمک به شما خواهم بود - اگر گم شدید، می‌توانید یک پست در صفحه بحث کلاس بگذارید و من مطمئناً با شما تماس خواهم گرفت.
اکنون زمان آن است که مهارت‌های خود را ارتقا دهید، شغل بهتری را بدست آورید و مشتریان خود را تحت تأثیر قرار دهید.
الزامات چیست؟
به یک کپی از Adobe Illustrator CC 2017 یا بالاتر نیاز دارید. یک نسخه آزمایشی رایگان از Adobe قابل دانلود است.
هیچ مهارت طراحی قبلی لازم نیست.
هیچ مهارت قبلی Illustrator لازم نیست.
قرار است از این دوره چه چیزی به دست بیاورم؟
45 سخنرانی 4 ساعت و 7 دقیقه محتوا!
با استفاده از Adobe Illustrator طراحی وب سایت را یاد خواهید گرفت.
موارد ضروری رابط کاربری.
27 فایل های کامل شده تا هرگز عقب نمانید.
با نحوه قاب بندی در همه سطوح آشنا شوید
نحوه طراحی برای یک وب‌سایت واکنش‌گرا.
برگ تقلب فایل های تمرینی قابل دانلود.
پشتیبانی انجمن از طرف من و بقیه خدمه BYOL.
تکنیک هایی که توسط طراحان وب سایت حرفه ای استفاده می شود.
روندهای کاری و میانبرهای حرفه ای.
انبوهی از منابع و وب سایت های دیگر برای کمک به مسیر شغلی جدید شما.
مخاطب هدف چیست؟
این دوره برای مبتدیان است. برای افرادی که تازه وارد دنیای وب و طراحی UI شده اند. در حالی که هیچ تجربه قبلی Illustrator لازم نیست.
این پروژه توسعه یک وب سایت یک صفحه ای برای یک کسب و کار کوچک خواهد بود. این تمرین را می توان در نمونه کارها حرفه ای خود استفاده کرد.
تصاویر، کپی آرم را ارائه خواهم کرد. وظایفی را تنظیم می‌کنم که در پروژه آنها گنجانده شود.
- استفاده از یک طرح رنگی از color.adobe.com
- دانلود از 1 قلم جدید وب ایمن استفاده کنید.
- چیدمان های دسکتاپ، تبلت موبایل.
- حداقل یک نماد جدید با استفاده از ابزار Shape Builder یا Pen ایجاد شده است.
درس ها Lessons
-
صادرات رابط کاربری خود برای طراحی برنامه با استفاده از Illustrator 2017 Exporting your UI for App design using Illustrator 2017
-
چگونه اولین کار خود را به عنوان یک طراح رابط کاربری دریافت کنید How to get your first work as a UI designer
-
ایجاد یک طراحی وب سایت UI واکنش گرا برای موبایل در Illustrator 2017 Creating a mobile responsive UI website design in Illustrator 2017
-
طراحی نمادها و لوگوها در ایلاستریتور با استفاده از ابزار قلم Drawing icons and logos in Illustrator using the pen tool
-
لوگوی برداری خود را به طرح بندی وارد کنید Bring in your vector logo to the layout
-
نحوه ایجاد یک شبکه 12 ستونی پاسخگو در ایلاستریتور How to make a responsive 12 column grid in Illustrator
-
ایجاد یک تصویرگر با وفاداری بالا Creating a wireframe High Fidelity Illustrator
-
صادرات لوگوها و نمادها از Illustrator 2017 برای رابط کاربری Exporting logos and icons from Illustrator 2017 for UI
-
نحوه استفاده از لایه ها در ایلاستریتور 2017 How to use layers in Illustrator 2017
-
مراحل بعدی برای تبدیل شدن به یک طراح UI شگفت انگیز Next steps to becoming an amazing UI designer
-
اولین پروژه شما Your first project
-
از چه اندازه صفحه نمایش برای طراحی وب دسکتاپ، تبلت و موبایل استفاده کنید What screen sizes to use for desktop, tablet and mobile web design
-
شستشوی تصاویر در ایلاستریتور با پس زمینه رنگی Washing out images in Illustrator with with coloured background
-
نقشه سایت در مقابل Wireframe Sitemap vs Wireframe
-
استفاده از Adobe Market برای نمادهای رایگان Using the Adobe Market for free icons
-
یادگیری زبان طراحی تعامل با کاربر UI Learning the language of UI user interaction design
-
طراحی وب خود را با استفاده از قالب های Illustrator شروع کنید Starting your web design using Illustrator templates
-
آیا من اکنون یک طراح UI UX هستم؟ Am I a UI UX designer now
-
استفاده از آیکون یاب برای آیکون های اجتماعی UI وب سایت رایگان Using Icon finder for free website UI social icons
-
ایجاد نقشه سایت در ایلاستریتور Creating a sitemap in Illustrator
-
آماده کردن فضای کاری و تنظیمات برگزیده Illustrator برای کار UI Getting your workspace and Illustrator preferences ready for UI work
-
الهام بخش برای طراحی وب شما Inspiration for your web design
-
ایجاد یک نسخه رایانه لوحی از طراحی وب رابط کاربری ما در Illustrator Creating a tablet version of our UI web design in Illustrator
-
تصاویر رایگان در مقابل حق امتیاز Free vs Royalty Free images
-
برگه تقلب Cheat sheet
-
ایجاد وایرفریم تبلت و موبایل در ایلاستریتور Creating the Tablet and Mobile wireframes in Illustrator
-
مراحل بعدی برای تبدیل شدن به یک طراح UI شگفت انگیز Next steps to becoming an amazing UI designer
-
معرفی Introduction
-
سیستم گرید و طراحی ریسپانسیو موبایل و تبلت چیست What is a grid system and responsive mobile and tablet design
-
Retina HiDPI و صادرات تصویر پاسخگو از Illustrator 2017 Retina HiDPI and responsive image export from Illustrator 2017
-
ایجاد یک قاب سیمی که با دست ترسیم شده است Creating a wireframe Low fidelity hand drawn
-
فایل های تمرین، فایل های تکمیل شده و برگه تقلب را دانلود کنید Download the exercise files, completed files and cheat sheet
-
آیا باید از صادرات SVG در Illustrator 2017 برای طراحی وب استفاده کنم؟ Should I be using SVG export in Illustrator 2017 for web design
-
نقش ایلاستریتور در طراحی وب سایت چیست؟ What is Illustrator’s role when designing a website
-
با استفاده از Adobe Color Using Adobe Color
-
افزودن پیوند برش و ماسک کردن تصاویر در ایلاستریتور Adding Linking Cropping and Masking images in Illustrator
-
صدور CSS برای توسعه دهندگان با استفاده از Adobe Illustrator 2017 Exporting CSS for developers using Adobe Illustrator 2017
-
صادرات تصاویر و تصاویر از Illustrator 2017 برای وب Exporting images and pictures from Illustrator 2017 for web
-
تراز و توزیع آیکون ها در Illustrator برای طراحی وب Align and distribute icons in Illustrator for web design
-
ایجاد آیکون ها و لوگوهای سفارشی با استفاده از ابزار شکل ساز در ایلاستریتور Creating custom icons and logos using the shape builder tool in Illustrator
-
مدل‌های رابط کاربری وب کامل صفحه خود را از Illustrator 2017 صادر کنید Export your full page web ui mockups from Illustrator 2017
-
استفاده از فونت های وب مناسب Google Fonts و Typekit Using the right web fonts Google Fonts and Typekit
-
مطابقت رنگ برند با استفاده از Adobe Illustrator Matching brand colors using Adobe Illustrator
-
فیلم تولید نهایی ناوبری، جعبه قهرمان و فونت Production video finalizing nav, hero box and fonts
-
طراحی رابط کاربری فتوشاپ در مقابل ایلاستریتور در مقابل اسکچ در مقابل InDesign در مقابل Adobe XP UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP
-
نحوه تنظیم اشکال برداری در ایلاستریتور How to adjust vector shapes in Illustrator
https://donyad.com/d/e9f8ea
Daniel Scott
مربی معتبر Adobe
من معلم طراح دیجیتال در BYOL International هستم. به اشتراک گذاشتن چیزی است که من هستم، و تدریس جایی است که در بهترین حالتم هستم، زیرا من در هر دو طرف این معادله بوده ام، و دریافت آموزش های مفید راه معنادار من برای عضویت در جامعه خلاق است.
من مدت زیادی را صرف تماشای یادگیری و آموزش دیگران کرده ام تا نحوه کارم با شما را اصلاح کنم تا کارآمد، مفید و مهمتر از همه به یاد ماندنی باشم. من می خواهم آنچه را که به شما نشان داده ام به آینده ای روشن منتقل کنید.
من یک همسر (یک دختر دوست داشتنی ایرلندی) و بچه دارم. من در بسیاری از مکان‌ها زندگی و کار کرده‌ام (همانطور که کیوی‌ها تمایل دارند) - اما بیشتر 14 سال خلق و تدریس من یک موضوع مهم داشته است: همراهی دیگران برای سوار شدن در حالی که همه ما سعی می‌کنیم دنیا را با داستان‌هایمان تغییر دهیم. ، کار عشق و هنر ما.
من یک مربی معتبر Adobe (ACI) در ایرلند هستم. من همچنین یک متخصص Adobe Certified (ACE) هستم و دوره آموزشی Adobe Certified Associate (ACA) را گذرانده ام. و من فقط Adobe کار نمی کنم. به یاد داشته باشید، رسانه یک اصطلاح بسیار گسترده است - دیجیتال مرزها را شکست، بنابراین همه ما دائماً در حال یادگیری هستیم.
من بیش از 14 سال است که تدریس می کنم. من از یک طراح رسانه و تولید کننده محتوا آمده ام - بنابراین می دانم که شما در حال حاضر دقیقا در کجا هستید. من اونجا بودم. من عاشق این چیزها هستم چاپ، نشر دیجیتال، وب و ویدئو. من می توانم ببینم که چگونه همه چیز به هم وصل می شود. و من می‌توانم ببینم چگونه می‌توانیم آن اتصالات را به اشتراک بگذاریم.
من لپ تاپ Bring Your Own را در نیوزیلند آنلاین ساختم. من یک تیم عالی دارم که با من کار می کند تا BYOL را در راس آموزش Adobe و رسانه های دیجیتال نگه دارم. من کسب و کار را درک می کنم، من یکی از آن ها را دارم - بنابراین می دانم که چقدر مهم است که آن را به درستی انجام دهم و کاری کنم که برای شما کار کند.
دنیل والتر اسکات
نمایش نظرات