لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت طرح های ناوبری مدرن در فتوشاپ و HTML
Building Modern Navigation Designs in Photoshop and HTML
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
در این دوره آموزشی فتوشاپ و HTML، ما دو پروژه کامل برای نشان دادن قدرت ناوبری مدرن ایجاد خواهیم کرد. نرم افزار مورد نیاز: Adobe Photoshop CC 2015، Sublime Text 2، Adobe Illustrator CC 2015. در این دوره آموزشی فتوشاپ و HTML، ما دو پروژه کامل برای نشان دادن قدرت ناوبری مدرن ایجاد خواهیم کرد. با اولین پروژه خود، به طراحی و ادغام یک ناوبری مدرن برای یک وب سایت واکنش گرا می پردازیم. سپس، به پروژه دوم خود میرویم، جایی که یک پیمایش یک صفحهای ایجاد میکنیم. در طول مسیر، نکاتی را برای انجام موکاپ های سریع در فتوشاپ و نوشتن کدهای HTML، CSS و jQuery لازم برای ساخت ناوبری یاد خواهید گرفت. در پایان این آموزش فتوشاپ و HTML، درک کاملی از طراحی و پیاده سازی تکنیک های ناوبری مدرن خواهید داشت. نرم افزار مورد نیاز: Adobe Photoshop CC 2015، Sublime Text 2، Adobe Illustrator CC 2015.
سرفصل ها و درس ها
معرفی و بررسی اجمالی پروژه
Introduction and Project Overview
معرفی و بررسی اجمالی پروژه
Introduction and Project Overview
ساخت طرح های ناوبری مدرن در فتوشاپ و HTML
Building Modern Navigation Designs in Photoshop and HTML
طراحی ماکت دسکتاپ
Designing the Desktop Mockup
اصلاح مدل موکاپ برای موبایل
Revising the Mockup for Mobile
طراحی کشو ناوبری
Designing the Navigation Drawer
نوشتن HTML
Writing the HTML
استایل دادن به پروژه با CSS
Styling the Project with CSS
اتمام پروژه اول
Finishing the First Project
طراحی آیکون ایمیل
Designing an Email Icon
اتمام طرحهای آیکون
Finishing the Icon Designs
الگوبرداری از ناوبری عمودی
Mocking up Vertical Navigation
اتمام طراحی ماکاپ
Finishing the Mockup Design
صادرات دارایی ها
Exporting the Assets
نوشتن بیشتر از HTML
Writing More of the HTML
نوشتن CSS
Writing the CSS
اتمام CSS و شروع جاوا اسکریپت
Finishing the CSS and Beginning the JavaScript
نمایش نظرات