Seveceğiniz grup web sitesi düzenleri oluşturmanın 7 yolu

İster yeni bir grup web sitesi tasarımına yeni başlıyor olun, ister sitenizi yeni bir proje için güncelliyor olun, Bandzoogle'ın platformu, web sitenizin düzeninin olanaklarını genişletmek için harika araçlar sağlar.

Hangi bant web sitesi şablonunu seçerseniz seçin, özel ihtiyaçlarınız ve estetiğiniz için gerçekten işe yarayan bir görünüm oluşturmak için düzeni özelleştirmenin birçok yolu vardır.

Grubunuz veya başka bir müzik projeniz için bir web sitesi oluştururken, bilgileri mümkün olan en açık şekilde ortaya koymak ve aynı zamanda bir sanatçı olarak markanıza ve değerlerinize sadık kalmak önemlidir.

“Resim ve Metin” özelliği, web sitesi sayfaları için benzersiz düzenler oluştururken kullanmayı en sevdiğim özelliklerden biridir. Süper çok yönlü bir özelliktir ve tüm cihazlarda temiz biçimlendirme sağlar.

Web sitenizde çeşitli amaçlar için 7 bant web sitesi düzenleri yapmak için bölüm özelleştirmeleriyle birlikte bu özelliği nasıl kullanacağınızı göstereceğim.

Öncelikle “Görüntü ve Metin” özelliğinin gerektiğinde kullanılabilecek veya atlanabilecek tüm unsurlarını açıklayacağım:

• Resim: Tabii ki, “Görüntü ve Metin” özelliğine bir resim ekleyebilirsiniz. Bu görüntü kare, daire veya 5:4 veya 16:9 oranlarında kırpılabilir. Ayrıca “Görüntü bağlantısı” alanında bu görüntüye bir köprü ekleyebilirsiniz. Resimlerinizi web sitenize yüklemeden önce web için optimize ettiğinizden emin olun.
• Başlık: Temayı Düzenle sekmesindeki “Başlık 1” ayarlarından yazı tipi stilini çeken bir başlık ekleyebilirsiniz.
• Alt Başlık: Temayı Düzenle sekmesindeki “Başlık 2” ayarlarından yazı tipi stilini çeken bir alt başlık ekleyebilirsiniz.
• Açıklama: Buradaki açıklama veya 'gövde metni' kısa veya uzun olabilir ve oldukça uzun bir metin parçasıysa metni görüntünün etrafına sarmak için seçenekler vardır (belki derinlemesine bir sanatçı biyografisi için - daha sonra bunun hakkında daha fazla bilgi edinin). ). Açıklama alanındaki metne köprüler eklenebilir.
• Düğme: Bir Düğme, harici bir sayfaya, sitenizdeki bir sayfaya, bir parçaya, bir albüme, bir dosyaya veya bir e-posta adresine bağlantı verebilir.

Şimdi, bu özelliği ve diğer düzen özelleştirmelerini web sitenize uygulamanın 7 ilginç yolu geliyor - keyfini çıkarın!

1. Müzik kataloğunuzu, proje portföyünüzü ve daha fazlasını düzenleyin

Bir sayfada öne çıkarmak istediğiniz çok sayıda farklı projeniz, hizmetiniz, albümünüz vb. varsa, sayfanızda birden çok sütunda birden çok Resim ve Metin özelliğini kullanarak bir 'açılış sayfası' oluşturmak harika bir seçenektir.

Bunu çalışırken görmek için Jojo Worthington'ın tüm kredilerini düzenli bir şekilde listelemek için resim ve metin özelliklerini kullandığı “Üretim ve Mühendislik” sayfasına bakın.

Sanatçı web sitesi: Jojo Worthington

Benzer bir görünüm elde etmek için önce yeni bir sayfa veya bölüm oluşturun. Yeni bir sayfa oluşturmak için İçeriği Düzenle altında "Sayfalar" > "Sayfa ekle"yi tıklayın ve sayfayı gerektiği gibi adlandırın. "Sayfamı oluştur" u tıklayın.

Yeni bir bölüm oluşturmak için İçeriği Düzenle altında, sayfanızdaki iki bölüm arasında gezinin ve mavi renkli "+ Bölüm ekle" düğmesini tıklayın.

Müziğinize uyan özel bir görünüm ve his ile çarpıcı bir web sitesi tasarlayın. Şimdi Bandzoogle ile bir web sitesi oluşturun!

Başlamak için bir sayfanın bölümünü iki veya üç sütuna bölmenizi öneririm. İçeriği Düzenle altında, "Yeni bölüm"e (sayfa düzeni içindeki mavi yatay çizgi) tıklayın ve ardından oluşturduğunuz bölümün üzerine gelin ve "Sütunları Düzenle"ye tıklayın - ardından burada "2 sütun" veya "3 sütun" seçin.

Bir "Görüntü ve Metin" özelliği eklemek için, "Özellik ekle" > "Görüntü ve Metin" öğelerini tıklayın ve özelliği gri yerleştirme oklarını kullanarak bu bölümdeki sütunlardan birine yerleştirin. Düğmenin ve herhangi bir metnin görüntünün altına oturması için "Yığın" görüntüleme seçeneğini seçin .

Ardından, bir proje/albüm/vb.'yi temsil eden bir resim ekleyin ve gerektiğinde herhangi bir metin ekleyin. Herhangi bir başlık/açıklama istemiyorsanız, metin alanlarındaki istemleri kaldırın ve boş bırakın.

Bu resme bir bağlantı eklemek için resim küçük resminin altındaki "düzenle"ye tıklayın. Resmin yanında bir menü açılacaktır. “Bağlantı”ya tıklayın ve ardından bağlantı türünüzü seçin - bir diskografi sayfası yapıyorsanız, sitenizdeki bir albüme veya parçaya/tek kuruluma bağlantı vermek için “Bir Albüm” veya “Bir Parça”ya bağlantı verebilirsiniz. Bir üretici, mühendis vb. olarak bir portföy oluşturuyorsanız, bir “harici sayfaya” bağlantı verebilir ve sağlanan alana projenin URL'sini girebilirsiniz. Uygula'yı tıklayın.
Son olarak, Düğme seçeneği vardır - düğmeyi hariç tutmak için “Düğme Bağlantısı” altında “Bağlantı yok”u seçin. Veya başka bir bağlantı türü seçin (muhtemelen resminize uyguladığınız bağlantının aynısı).

Tüm bu değişiklikleri kaydetmek için Kaydet'e tıklayın. Diskografinizdeki, proje portföyünüzdeki vb. tüm öğeler için “Görüntü ve Metin” özelliklerini eklemeye devam edin. Bunlar oluşturulduktan sonra, site ziyaretçilerinizin tıklaması için harika bir öğe ızgarasına sahip olacaksınız.

2. Ana sayfanızda projeleri veya ürünleri vurgulayın

“Resim ve Metin” özelliğini kullanmanın bir başka harika yolu da grup web sitenizin Ana Sayfasında birkaç önemli öğeyi vurgulamaktır. Ana Sayfa, en son projeleriniz ve sitenizin sunduğu her şey hakkında kısa bir genel bakış sunmak için harika bir yerdir. Belki de yapacak birkaç heyecan verici duyurunuz var veya site ziyaretçilerinizi yeni albümünüze, çevrimiçi ürün mağazanıza veya tur programınıza yönlendirmek istiyorsunuz.

Bunları net bir şekilde vurgulamak ve insanları bu içeriğin bulunabileceği sitenizin iç sayfalarına bağlamak için “Resim ve Metin” özelliğini kullanabilirsiniz. Bir görselin kullanılması, sitenizin ziyaretçilerinin dikkatini çekmek için her zaman kullanışlıdır. Bu, Ana Sayfanızın temiz ve basit görünmesini sağlar ve sitenizin iç sayfalarıyla daha fazla etkileşimi teşvik eder.

Wolf & Moon ve Lightbound Music, ana sayfalarında bu konuda harika bir iş çıkarıyor.

Sanatçı web sitesi: Wolf & Moon

Sanatçı web sitesi: Lightbound Müzik

Bu sayfaların her ikisinde de "Kolaj" görüntüleme stilinin kullanımına dikkat edin. Web sitesi şablonlarını yeni ürünlerini/projelerini tamamlayacak şekilde özelleştirdiler, böylece kolaj yerleşiminin arka plan rengi sanat eseriyle mükemmel bir şekilde eşleşiyor.

Burada, bölüm arka plan renginiz, kolaj kaplama renginiz, düğme renkleri ve kullandığınız görüntüdeki renkler arasında birden çok renkle gerçekten oynayabilirsiniz.

3. Kişilik eklemek için biyografinizi geliştirin

“Görüntü ve Metin” özelliğindeki başlık, alt yazı, buton ve görsel seçenekleri ile müzisyen biyografinizi yazarken birçok kişilik ekleyebilirsiniz. Bu öğelerden herhangi birini gerektiği gibi dahil etmeyi veya çıkarmayı seçebilirsiniz.

Annie Sumi, Bio sayfasında bu konuda harika bir iş çıkarıyor. Annie, “Görüntü ve Metin” özelliğinin “alt başlık” alanına müzikal pratiğiyle rezonansa giren bir alıntı yaptı. Bu, farklı bir tarza sahip olur ve biyografisinin en üstünde vurgulanır. Resmin biyo metnin yanına oturması için "bölünmüş" görüntüleme seçeneğini kullandı.

Sanatçının vesikalık görüntüsünü bir daire olacak şekilde kırptı - bu sadece görüntüyü tamamlamakla kalmıyor, müziğindeki temalarla da güzel bir şekilde akıyor. "Resim ve metin" özelliğinizde bir resmi kırpmak için, resim küçük resminin altındaki "düzenle"ye tıklayın. Resmin yanında bir menü açılacaktır. Burada "Kırp" ı tıklayın ve size uygun bir kırpma stili seçin. Görüntüyü konumlandırmak için gerektiği gibi sürükleyin ve Uygula'ya tıklayın.

Ayrıca, metnin görüntünün etrafına sarılması için “Seçenekler” altındaki “Metni kaydır” anahtarını “Açık” duruma getirdi. Bu, farklı ekran boyutlarına iyi yanıt verir ve biyografinin tamamı boyunca sayfa düzeninin tam görünmesini sağlar.

Sanatçı: Annie Sumi

4. Süper organize bir EPK yapın

“Görüntü ve Metin” özelliği için başka bir görüntüleme seçeneği “Görüntü üzerinde metin” seçeneğidir. Bu, çok görüntü odaklı bazı güzel düzenler oluşturmak için pek çok olanağı serbest bırakır. Bu seçenek, web sitenizde, rezervasyon yapanların ve diğer sektör çalışanlarının aradıklarını tek bir tıklamayla hızla bulabilecekleri için beğenecekleri bir EPK oluşturmak için harika bir şekilde çalışır. Bu örneği kendi grubumun EPK'sinden alıyorum, burada öğeler "Görüntü üzerine metin" seçeneği kullanılarak net bir şekilde özetleniyor.

Burada, yukarıdaki “Açılış Sayfası” önerisinden (#1) benzer bir düzen kurdum. Yeni albümümüz için yaptığımız bir fotoğraf çekiminden bazı dokusal görseller kullandım ve hepsini daire şeklinde kırptım. Ardından, grubumuzun EPK'sinde bulunan çeşitli öğeleri etiketlemek için her bir resim ve metin özelliği için basit bir “Başlık” ekledim.

Her resim, her kategori için içeriği tutan menüde olmayan ayrı bir sayfaya bağlanır. Örneğin, içinde tüm basın fotoğraflarımızın olduğu özel bir “EPK - Fotoğraflar” sayfam var.

Çok görsel bir EPK sayfası için bunu denemekten çekinmeyin!

Sanatçı web sitesi: The Lifers

5. Abonelikler, Hizmetler vb. için bir Bilgi sayfası oluşturun.

Üyelerimizin çoğu, site ziyaretçilerine harika hizmetler sunuyor - bu ister hayran abonelikleri satıyor isterse diğer özel hizmetler (müzik dersleri, kayıt seansları, terapi, vb.) olsun, üyelerimizin dünyaya ne getirdiklerine her zaman şaşırıyoruz.

Jackie Gage, Abonelik teklifleri için harika bir bilgi sayfası oluşturmuştur. Jackie, sundukları hizmet türlerini özetlemek için "Görüntü ve Metin" özelliği için "Böl" görüntüleme seçeneğini kullanır. Jackie, Görüntü ve Metin özelliğinin Başlık, alt başlık ve düğme bileşenlerinden harika bir şekilde yararlanır, böylece site ziyaretçileri için önemli bilgiler açıkça belirtilir. Burada harika iş!

Sanatçı web sitesi: Jackie Gage

6. Mizanpajlarınızda büyük etki için bölüm arka planlarını kullanın

Harika görüntülerde çok fazla güç var. Bir bölüme arka plan resmi ekleyerek sayfayı görsel olarak bölmüş olursunuz. Bu ara, kayan insan gözlerimiz tarafından memnuniyetle karşılandı ve bu içerik hemen önemli ve heyecan verici olarak ortaya çıkacak. Bu, bir sayfanın herhangi bir yerine harekete geçirici mesaj eklemenin başka bir harika yoludur.

Intune Experience, bunu ana sayfasında güzel bir şekilde yapar. Ana sayfalarının bir bölümünde bir bölümde "bölüm arka plan görüntüsü" olarak hoş bir dokusal görüntü ayarlamışlar. “Metin” özelliğinde kendilerinden bir alıntı eklediler ve ardından ziyaretçileri bir oturum rezervasyonu yapmaya çağıran bağlantılı bir düğme eklediler.

Bu düzen, kişisel bir dokunuş sağladığı, görsel olarak ilgi çekici olduğu ve katılım için net bir mesaj sağladığı için mükemmeldir. Sadelik gerçekten burada anahtardır.

Sanatçı web sitesi: Becki Fleischer

7. Onunla eğlenin!

Biraz denemeye istekliysen, düzenlerle oynamanın pek çok yolu var. Şekilli kırpma, eğlenceli renkler, bölüm arka planları, farklı sütun düzenleri ve daha fazlasını kullanarak mizanpaj olanaklarıyla oynayan harika bir site örneği.

Piper Hayes, Dairesel kırpma kullanımı ve Görüntü ve Metin özelliği için 'kolaj' görüntüleme seçeneği ile Vokal Koçluğu sitesinde harika bir estetik oluşturmuştur. Bu site, çok hoş bir çevrimiçi alan yaratmak için harika bir renk paleti, hoş dokusal görüntüler ve korkusuz kişisel dokunuşları birleştirir.

Sanatçı web sitesi: Piper Hayes

Umarım bu yazı, sayfalarınızda farklı düzenler oluşturarak kendi web sitenize nasıl kişisel ve estetik açıdan hoş dokunuşlar getirebileceğiniz konusunda biraz ilham vermeye yardımcı olmuştur. Oluşturduklarınıza bir göz atmamızı ve geri bildirimde bulunmamızı isterseniz, ödüllü destek ekibimizle iletişime geçmekten çekinmeyin. Tüm üyelerimize ücretsiz grup web sitesi incelemeleri sunuyoruz!