Web Sitesi Tasarımı Nasıl çizilir

İçindekiler:

Web Sitesi Tasarımı Nasıl çizilir
Web Sitesi Tasarımı Nasıl çizilir

Video: Web Sitesi Tasarımı Nasıl çizilir

Video: Web Sitesi Tasarımı Nasıl çizilir
Video: 2 Saatte Sıfırdan Profesyonel Web Sitesi Nasıl Yapılır? 2024, Mayıs
Anonim

İnsanlar sadece kıyafetleriyle değil, web siteleri ile de tanışıyor. Sitenin elbisesi tasarımıdır. Kaynağın yüksek kaliteli ve çekici tasarımı, kullanıcılar üzerinde olumlu bir izlenim bırakarak, zamanlarını daha fazla görüntülemeye ayırmaya olan bağlılıklarını ve istekliliklerini sağlar. Kalitenin yanı sıra tasarımın özgünlüğü ve özgünlüğü de önemlidir. İyi yıpranmış konular ziyaretçileri iter. Ancak benzersiz bir tasarım geliştirmek pahalıdır. Bu nedenle birçok acemi web yöneticisi, kendi elleriyle bir web sitesi tasarımının nasıl çizileceğini merak ediyor.

Web sitesi tasarımı nasıl çizilir
Web sitesi tasarımı nasıl çizilir

Bu gerekli

  • - kalem;
  • - kağıt;
  • - raster grafik editörü GIMP veya Photoshop;
  • - isteğe bağlı: vektör grafik düzenleyicisi (örneğin, CorelDraw);
  • - isteğe bağlı: 3D modelleme ortamı (3DStudio, Blender);
  • - modern tarayıcı;
  • - internet erişimi.

Talimatlar

Aşama 1

Bir web sitesi tasarım konsepti geliştirin. Stile, renk şemasına, sayfa düzenine (site başlığı boyutu, menü konumu, metin blokları, resimler) karar verin. Tasarım konseptinin orijinal fikirlere dayanması iyidir. Ancak eksiklerse, mevcut çözümlerin analizinden ilham alabilirsiniz. Örneğin, popüler CMS temalarının kataloglarına göz atmak. Çalışmanın sonucu, sabit ve değişen boyutlardaki bölgeleri gösteren, bir kağıda kurşun kalemle yapılmış site sayfasının bir taslağı olabilir.

Adım 2

Raster grafik düzenleyicide boş bir site sayfası şablonu oluşturun. Bir grafik düzenleyicide yeni bir belge açın. Belge boyutları, hem yatay ("akışkan" bir tasarım oluşturmayı düşünmüyorsanız bile) hem de dikey olarak minimum sayfa boyutundan çok daha büyük olmalıdır. Yeni bir şeffaf katman ekleyin. Eklenen katmanda, öğelerin gerçek boyutlarına uygun olarak 1 piksel kalınlığında çizgilerle sayfa şablonunun görüntüsünü çizin. Sabit genişlikli sayfa tasarımları için, arka plan rengiyle doldurulacak kenar boşluklarını belirleyin.

Aşama 3

İnternetten indirin veya kendi sayfa tasarım öğelerinizi tasarlayın. 3D modelleme ortamında, vektör veya raster düzenleyicide logo ve benzersiz tasarım öğeleri oluşturulabilir. Ücretsiz İnternet fotoğraf bankalarında çok sayıda yüksek çözünürlüklü tematik görüntü bulunur. İnternette projelerinizde özgürce kullanabileceğiniz ücretsiz ikon koleksiyonları da bulunmaktadır.

4. Adım

Bir web sitesi tasarımı çizin. Bir grafik düzenleyicide bir web sitesi sayfası için şablon içeren bir belgeye şeffaf katmanlar ekleyin. Sayfanın arka planıyla eşleşen alanları seçin ve doldurun. Alanları degrade dolgu ve periyodik dokularla doldurun. Logo, statik resimler, simgeler ekleyin. Blok sınırlarını çizin. Biraz metin ekleyin. Her bitmiş tasarım öğesini, statik resmi ve logoyu ayrı bir katmana yerleştirin. Gerekli düzeni elde etmek için görüntüleri katmanlar halinde taşıyın.

Adım 5

Site tasarımının çalışan "kaynağını" grafik düzenleyicinin "yerel" biçiminde kaydedin. Bu, daha sonra düzenlemeye geri dönmenizi sağlar.

Önerilen: