Photoshop CS6 ile Sıfırdan Responsive Web Tasarımı Yapıyoruz

IEM Daily August 19, 2021

Bootstrap 4.0 Grid yapısına uygun, Mobil Tasarım ve Wireframe konularına uygulamalı olarak değiniyor olacağız.

Platform: Udemy
Status: Available
Duration: 6 Hours

Price: $19.99 $0.00

Note: Udemy FREE coupon codes are valid for maximum 3 days only. Look for "Get Coupon" orange button at the end of Description. This post may have affiliate link & we may get small commission if you make a purchase.

Notice for Our Visitors in INDIA:

If Udemy Coupon is 100% OFF but it is not FREE when you go to Udemy Website, please follow the below instructions to make it work. This is mainly affecting visitors that has INDIA as a Country of Residence in their profile in Udemy.

Steps:

1. Use VPN (Virtual Private Network) & Select Another Country like USA.

2. Clear udemy.com website cookies from your browser or You can also use incognito mode or different browser like Opera which has inbuilt VPN.

3. After making a VPN Connection, Create a new Udemy Account.

4. Then go to your desired Course Page & Apply Coupon.

5. If the Coupon is successfully applied, then Continue the process & Enter the VPN Country.

6. Enjoy your Free Course!

What you'll learn

Photoshop CS6 ile sıfırdan Responsive Design Web Tasarımı öğrenmek
Wireframe çalışması, şablon tasarımı öğrenmek
Standart bir web sayfası tasarımını yapabilmek
Responsive web tasarım nasıl yapılır ?
Bootstrap grid sistemine göre Web Tasarımı yapmak
Mobil ekranlar için Web Tasarımını ölçülendirmek

Requirements

Temel bilgisayar kullanma becerisi

Description

Bu kurstan öğreneceğiniz bilgiler ile Bootstrap 4.0 grid sistemine uygun Responsive (uyumlu) web tasarım yapabileceksiniz.

Aşamalı olarak kurguladığımız ders videolarından başlangıç olarak bir PowerPoint sunumu ile başlıyoruz.

İkinci aşamada Bootstrap Grid yapısına bağlı kalarak bir Şablon Tasarım (Wireframe) tasarlıyor ve bu terimlerin ne anlama geldiğini öğreniyoruz.

Üçüncü aşamada Masaüstü görünüm Web Tasarımımızı kurguluyor ve son şeklini vererek kendi bireysel web tasarımımızı oluşturuyoruz.

Dördüncü ve son aşamada ise son şeklini almış olan Photoshop Web Tasarım dosyamızı Mobil Görünüm tasarımını yine Bootstrap temellerine bağlı kalarak oluşturuyoruz.

Tasarımı tamamlamanızın ardından, dilerseniz frontend kodlama bilenler html + css kodlama yaparak tasarımı çalışır hale getirebilirler. Bilmeyenler için bir sonraki dersimde aynı tasarım üzerinden html + css ve javascript kullanarak tasarımımızı tıklanabilir çalışır hale getirmeye çalışacağız.

Toplamda sunum dahil 22 ders videosu ve 6 saate yakın bir süre sonunda, aşağıda madde halinde listelemiş olduğum iş başlıklarının tamamını yapacak duruma gelebiliyorsunuz.

Photoshop ile (PSD) web tasarımı yapmak

Bootstrap (4.0) Grid yapısına uygun tasarım yapabilmek

Responsive (Uyumlu) tasarım nasıl yapılıyor kavrayabilmek.

Masaüstü görünüm bir web tasarımı Mobil görünüme çevirebilmek

Web tasarım temel kurallarını kavrayabilmek

Photoshop'tan transparent png çıktı alabilmek

Font Awesome iconların Photoshop üzerinde kullanımı

Google font indirme ve bilgisayarımıza yükleyebilme

gibi içeriklere sahip olan kursumuzda, daha belirtemediğimiz bir çok püf noktaya da değiniyor olacağız.

Kurs sırasında takıldığını yerleri, aklınıza takılan konuları bana mesaj bölümünden yazabilirsiniz. En kısa sürede sorularınızı yanıtlamaya çalışacağım.

Eklememi istediğiniz, eksiklik gördüğünüz veya benden talep ettiğiniz kurs hakkında ne varsa lütfen yazmaktan çekinmeyin.

Şimdiden başarılar diliyorum.

Who this course is for:

Web tasarım PSD dosyasının nasıl hazırlandığını bilmek isteyen tasarımcılar
Web tasarımı yapılırken, planlanırken, nasıl bir yol izlendiğini öğrenmek isteyenler
Bootstrap grid sistemine göre Web Tasarımı yapmak isteyenler