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

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.