Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Designusnet eğitim portalında yayınlanan Photoshop web tasarım derslerinin sekizinci bölümüdür. Eğitmen, web sitesi tasarımı konusunda adım adım anlatım yapmaktadır.
- Videoda, 960 piksellik bir dikdörtgen üzerinde menü tasarımı gösterilmektedir. Eğitmen önce menü alanlarını oluşturup, "Grafik Tasarım", "Tipografi", "Matbaa", "Animasyon" gibi kategorileri yerleştirir, ardından renk uyumu, bant etkisi oluşturma ve kağıt benzeri bir görünüm verme gibi tasarım tekniklerini uygular.
- Video, menü tasarımının tamamlanmasıyla sona erer ve bir sonraki derste slider konusuna geçileceği belirtilir. Bu eğitim, web tasarımında menü tasarımı yapmak isteyenler için pratik bir rehber niteliğindedir.
- 00:01Photoshop Web Tasarım Dersi - Menüler
- Bu video, Photoshop web tasarım derslerinin sekizinci konusunu olan menüleri işleyecek.
- Önceki derste arama kutusu ve dolar, euro, altın, hava durumu simgeleri ile bildirimleri tasarlamıştık.
- Menü tasarımı için 960 piksellik bir dikdörtgen oluşturulacak.
- 00:33Menü Tasarımının Başlangıcı
- Rectans tool ile 960 piksel genişlik ve 30 piksel yükseklikteki dikdörtgen oluşturuluyor.
- Dikdörtgen sayfayı ortalıyor ve clause çizgileri kapatılıyor.
- Menü yüksekliği yazıların yerleştirilmesiyle belirlenecek.
- 01:24Menü Kategorilerinin Yazılması
- Menü kategorileri (grafik tasarım, tipografi haberleri, matbaa, animasyon, seramik, cam, resim, güzel sanatlar, el sanatları, mimari, sergiler, iletişim, sinema, çini, ebru) yazılıyor.
- Menü yazıları semibold yazı tipiyle yazılıyor çünkü menü tasarımı arama kutusuna göre daha gösterişli olmalıdır.
- Menü katmanına "menü" adı veriliyor.
- 04:56Menü Tasarımının Geliştirilmesi
- Menü katmanından bir kopya alınarak daraltılıyor ve dikeylik oluşturmak için açık bir ton kullanılıyor.
- Menü kategorileri arasında çizgi oluşturuluyor ve derinlik etkisi için farklı renkler kullanılıyor.
- Menü kategorileri hizalanıyor ve yazılar ortaya alınıyor.
- 08:26Menü Tıklama Etkisi
- Menü kategorilerine tıklandığında nasıl bir etki olacağını göstermek için mouse simgeleri kullanılıyor.
- Tıklanan menü kategorisinin alt kısmında renk etkisi oluşturuluyor.
- Açılır menü için ok simgesi kullanılıyor ve menü kategorisinin içine yerleştiriliyor.
- 13:15Açılır Menü Tasarımı
- Açılır menü için yukarıdaki menünün kopyası oluşturuluyor.
- Açılır menüde yazılar koyu gri renkle yazılıyor ve yazı tipi regular light olarak seçiliyor.
- Açılır menüde logo tasarımı, kurumsal kimlik, web tasarım ve afiş tasarım gibi alt kategoriler ekleniyor.
- 15:51Menü Tasarımı ve Renk Uyumları
- Tasarımcı, menüdeki öğelerin aralarına çizgi atıp atmayacağını denemek istiyor.
- Ctrl+Shift+U tuş kombinasyonu ile siyah-beyaz dönüşüm yaparak menü öğelerini düzenliyor.
- Sarı ve gri renklerin yan yana gelmesi etiket sistemini hatırlatıyor ve yapışkan notlar gibi bir etki yaratıyor.
- 17:41Kağıt Etkisi ve Bant Etkisi
- Tasarımcı, menüde kağıt etkisi oluşturmak için bant etkisi eklemeyi düşünüyor.
- Bant etkisi, menüyü ciddi bir site olmaktan çıkartıp eğlenceli bir hale sokabilir.
- Bantlı açılır menü oluşturuluyor ve aralarına çizgi eklenip eklenmeyeceği düşünülüyor.
- 21:01Tasarımın Tamamlanması ve Sonraki Ders
- Menü noktalandırılıyor ve yukarıdaki renk uyumuna dikkat edilerek tatlı bir etki oluşturulmaya çalışılıyor.
- Menüler ve alt menüler tasarlanıyor, bir sonraki derste slider'a geçiş yapılacak.
- Slider, sadece haber sitesinde değil birçok sitede bulunan önemli bir konu olarak vurgulanıyor.