"Giysilerle karşılanmak" ilkesi sadece insanlar için değil, siteler için de geçerlidir. Sitenin elbisesi tasarımıdır. Ve ziyaretçinin, kaynağı görüntülemesinin ilk birkaç saniyesinde sahip olduğu izlenimi belirleyen tasarımdır. Bu izlenim özellikle önemlidir çünkü gelecekteki davranışını belirler. Siteyi ziyaret eden her kullanıcının gördüğü ilk tasarım öğesi "başlığı"dır. Kapak, web kaynağının yüzüdür. Bu nedenle, her acemi web tasarımcısı, öncelikle siteler için nasıl başlık yapılacağını öğrenmek ister.
Gerekli
- - internet erişimi;
- - modern tarayıcı;
- - raster grafik düzenleyici (GIMP, Photoshop);
- - isteğe bağlı: vektör grafik düzenleyici (CorelDraw);
- - isteğe bağlı: 3B modelleme ortamı (Blender, 3DStudio);
- - isteğe bağlı: kağıt, kurşun kalem veya tükenmez kalem.
Talimatlar
Aşama 1
Gelecekteki site başlığı için bir konsept geliştirin. İdeal olarak, konsept orijinal fikre dayanmalıdır. Fikirler eksik olduğunda, mevcut iyi çözümleri analiz ederek ilham alınabilir. Yaratıcı araştırmanın sonucunu bir kağıda eskiz şeklinde yansıtın. Kroki, sitenin gelecekteki başlığının yapısını "kauçuk" yerlerin ve resimlerle dolu alanların belirtilmesiyle yansıtmalıdır. Bu aşamada, başlığın tasarımı için yaklaşık bir renk şeması üzerinde düşünmek iyi bir fikirdir.
Adım 2
Başlığın boyutunu seçin. Aslında, parametrelerinden sadece birini - yüksekliği açıkça tanımlamaya değer. Kural olarak, site başlıklarının yüksekliği sabittir ve yazı tiplerinin görüntüleme parametrelerini etkileyen mantıksal çözünürlüğe bağlı değildir. Başka bir deyişle, başlık yüksekliği için piksel cinsinden bir değer seçmelisiniz. Bu durumda, başlığa afişler veya bağlamsal reklam blokları yerleştirme olasılığını dikkate almak mantıklıdır. Genişlikle ilgili olarak, başlığın web sayfasının farklı boyutlarına uyum sağlamasına izin veren en az bir "kauçuk" alanı vurgulayarak minimum değeri belirlemelisiniz.
Aşama 3
Bir grafik düzenleyicide bir başlık şablonu oluşturun. Yeni bir belgede, çizimi seçilen geometrik parametrelere göre sürükleyeceğiniz şeffaf bir katman ekleyin. Katman yüksekliği, başlık yüksekliğiyle eşleşmelidir. Genişlik isteğe bağlı olarak alınabilir, ancak yatay “kauçuk” alanlar için boşluk bırakarak minimum boyuttan daha büyük olabilir.
4. Adım
Başlık şablonunuza yerleştirmek için statik resimler arayın veya oluşturun. Logo ve bazı benzersiz öğeler bir vektör düzenleyicide veya 3B modelleme ortamında oluşturulabilir. İnternetteki ücretsiz fotoğraf bankalarında tematik görseller bulmak oldukça kolaydır.
Adım 5
Arka planı, logoyu ve statik görüntüleri bir grafik düzenleyicide site başlığı şablonuna ekleyin. Arka planı ve her görüntüyü ayrı bir şeffaf katmana ekleyin. Katmanları en iyi şekilde düzenleyin. Görüntüleri katmanlar halinde hareket ettirerek, önceden oluşturulmuş şablona karşılık gelen mükemmel düzenlerini elde edin.
6. Adım
Ortaya çıkan başlık görüntüsünü kaydedin. Çalışan projeyi grafik düzenleyicinin yerel biçiminde kaydedin. Ardından düzleştirilmiş başlık görüntüsünü kayıpsız bir biçimde kaydedin (örneğin, PNG).
7. Adım
Gerekirse bir HTML başlık şablonu oluşturun. Düzleştirilmiş görüntüyü düzenleyicide açın. Sabit boyuttaki alanlara karşılık gelen görüntüleri ondan kesin. "Kauçuk" alanlara karşılık gelen yerlerden görüntüleri 1 piksel genişliğinde kesin. Tüm görüntüleri diske kaydedin. Kaydedilen görüntüleri kullanarak HTML başlığını düzenleyin.
