Yeni Başlayanlar İçin Web Sitesi Tasarım Eğitimi 2022

Web sitesi tasarımı, profesyonel BT uzmanlarının özel alanıydı. Artık durum böyle değil. Teknoloji yıldan yıla gelişiyor ve yavaş yavaş World Wide Web’e erişimi sıradan İnternet kullanıcılarına açtı.

Yine de, modern dijital web tasarım araçlarıyla bile, kendiniz veya işletmeniz için özel bir web sitesi oluşturmadan önce birkaç şeyi bilmeniz gerekir. En azından, bu eğitimde paylaşacağımız dokuz kolay adımı nasıl uygulayacağınızı bilmelisiniz.

9 kolay adımda bir web sitesi tasarlayın

Tamamen yeni başlamış olsanız bile endişelenmeyin. Bu dokuz adımı takip etmek zor değil ve her adımı daha ayrıntılı incelemeye karar verseniz bile (ki bunu yapmanızı tavsiye ederim), ilk basit web sitenizi birkaç saat içinde oluşturabilirsiniz.

1. Adım: Web sitesinin amacını ve hedeflerinizi tanımlayın

Tüm web siteleri eşit yaratılmamıştır. Hepsi teknik olarak aynı şekilde ve aynı teknoloji üzerinde çalışırken, ne inşa edeceğinizi anlamanız çok önemlidir. Bir web sitesi birçok amaca hizmet edebilir.

İşte birkaç seçenek:

  • Tek sayfalık web sitesi veya özgeçmiş;
  • Basit broşür veya portföy sitesi;
  • küçük işletme web sitesi;
  • Blog bölümü olan bir web sitesi; veya
  • e-ticaret veya online alışveriş sitesi.

Basit bir broşür web sitesi oluşturmak, düzinelerce kategori içeren bir blog başlatmaktan çok farklı olabilir. Ve bu seçenekler, dijital veya fiziksel ürünler satacağınız en basit e-ticaret web sitesini oluşturmaktan bile tamamen farklı olabilir.

Bu farklılıklar nedeniyle, hedeflerinizi belirlemeniz ve siteniz için bir vizyona sahip olmanız önemlidir.

Adım #2: Yapıyı bulun ve siteniz için plan yapın

Hedefinizi belirledikten ve ne tür bir web sitesi istediğinizi anladıktan sonra, onu detaylandırmanın zamanı geldi. Basit bir site veya blog ise, onu kağıda dökmeniz bile gerekmez. Sadece hayal edin ve kafanızda bir yapı oluşturun.

İşte size doğru yöne işaret etmenize yardımcı olacak, kendinize sormak isteyebileceğiniz bazı sorular:

  1. Sitenizin sadece birkaç bölümden oluşan tek sayfalık bir sayfa mı yoksa ayrı sayfaları olan normal bir web sitesi mi olmasını istersiniz?
  2. Sitenizde başka bir bölüm olarak bir blog mu olmasını istiyorsunuz yoksa sadece birkaç kategoriden oluşan bir blog mu istiyorsunuz?
  3. Web siteniz aracılığıyla bir şey satmayı mı planlıyorsunuz?
  4. Bir bütçeniz var mı ve yeni siteniz için ne kadar harcamak istiyorsunuz?

Bununla birlikte, daha karmaşık bir şey inşa etmek üzereyseniz, her şeyi kağıda (veya dijital bir taslağa) yazmanızı şiddetle tavsiye ederim. Sitenizden ne beklediğinizi yazın ve hatta mevcut başka bir sitede hayal ettiğiniz veya gördüğünüz düzeni çizin.

basit ana sayfa yapısı

Fikirler her an ortaya çıkabilir, bu nedenle kaliteli bir fikir düşünmeye değer not alma uygulaması fikirlerinizi daha sonra kaydetmenize yardımcı olmak için. Bu sorular ve yorumlar, ihtiyaçlarınızı ve isteklerinizi anlamanıza yardımcı olacak ve sizi web sitenizi güçlendirecek platformu seçmeye hazırlayacaktır.

3. Adım: Sitenizi oluşturmak için platformu seçin

Artık siteniz hakkında bir vizyona ve basit bir plana sahip olduğunuza göre, web sitenizi oluşturmanıza ve sürdürmenize yardımcı olacak platforma karar verme zamanı.

Yeni başlayan biri olduğunuz için popüler içerik yönetim sistemlerinden birine yönelmenizi öneririm. Özel bir web sitesi oluşturmak eğlenceli olabilir ve etkileyici sonuçlar verebilir, ancak gerçekten yetenekli bir web tasarımcısı olmanız yıllar alır. Öte yandan, ondan fazla popüler web sitesi oluşturucu, yeni başlayanların ihtiyaç duyduğu hemen hemen her şeyi yapabilir.

Kendi kendine barındırılan bir web sitesi oluşturmayı seçerseniz, yanlış gidemezsiniz. Ancak, daha dik bir öğrenme eğrisine ve çözmesi fazladan zaman alan daha fazla seçeneğe hazırlıklı olun.

  Bir blog yazarı olarak nişinizi nasıl bulabilir ve doğrulayabilirsiniz?

Wix, Weebly, Squarespace ve daha önce Firstsiteguide.com’da inceleyip karşılaştırdığımız diğerleri gibi daha basit çözümler de var. Bu yüzden acele etmeyin, yapınızı ve planınızı bir perspektife oturtun ve yeni web siteniz için doğru platforma yönlendirilmenize izin verin.

Ayrıntılı bir inceleme için vaktiniz yoksa, size yardımcı olabilirim:

  • Basit bir küçük işletme web sitesi başlatmak mı istiyorsunuz – deneyin Wix veya Kare alan.
  • Daha fazla özelleştirilebilir seçeneğe ihtiyacınız var ve bir blog ekleyin – WordPress web sitesini seçin.
  • Birkaç ürün mü satıyorsunuz ve bir çevrimiçi mağazaya mı ihtiyacınız var – şu adrese gidin: Shopify.

4. Adım: Web siteniz için bir tema veya şablon seçin

Sonunda eğlenceli ve yaratıcı bölümlere geçiyoruz. Platformlardan birine karar verdiğinizde, yeni web sitenizin düzenini ve görünümünü tanımlayacak bir tema veya şablon seçme zamanı.

Çoğu popüler web sitesi oluşturucu benzer seçeneklere sahiptir – aralarından seçim yapabileceğiniz ücretsiz veya premium (ücretli) şablonlar vardır ve web sitenizi anında şekillendirmeye başlarlar. Hatta çoğu, sıfırdan başlamak yerine mevcut içerikle bir site başlatmanıza izin vererek demo içeriği içe aktarmanıza izin verir.

Burada özellikle ilginç olan şey, popüler platformların çoğunun sürükle ve bırak editörleriyle gelmesidir. Bu, basitçe bir öğe seçebileceğiniz, imlecinizle yakalayabileceğiniz ve düzen üzerinde bir konuma yerleştirebileceğiniz anlamına gelir. En iyi sürükle ve bırak düzenleyicilerinden biri, Wix’in istediğiniz her şeyi oluşturmanıza izin veren düzenleyicisidir. WordPress için bazı değerli üçüncü taraf düzenleyiciler de vardır, örneğin Divi.

Ücretsiz seçenekler çoğunlukla işlevseldir, ancak daha kolay özelleştirme ile daha gösterişli bir tasarım arıyorsanız, birinci sınıf bir tema düşünmeye değer. Premium temalar ve şablonlar yalnızca daha iyi görünmekle kalmaz, aynı zamanda daha iyi bir web sitesi oluşturmanıza yardımcı olabilecek bir dizi ek özelliğe de sahiptir.

Farklı web sitesi oluşturucuları kullanan güzel şablon seçimlerine örnekler:

1. Wix Şablonu – J. Alissa

Wix şablonu

2. Kare Uzay Şablonu – Clarkson

Kare boşluk şablonu

3. WordPress Teması – Divi

WordPress teması Divi

Adım #5: Logonuzu tasarlayın ve marka stilinizi tanımlayın

Logonuzu oluşturmak eğlenceli ve eğlenceli bir deneyim olabilir. Profesyonel bir tasarımcı tutmaya gerek yoktur. Ücretsiz çevrimiçi logo oluşturuculardan birini seçin, birkaç soruyu yanıtlayın, en sevdiğiniz renkleri ve anahtar kelimeleri seçin ve bir araç bazı fikirler üretecektir. Ardından, web siteniz ve markanız için mükemmel bir logo oluşturana kadar tüm fikirlerinizi kolayca değiştirebilirsiniz.

Başlamak için, ilk ücretsiz logonuzu oluşturmanıza yardımcı olacak en popüler hizmetlerden bazıları şunlardır:

Şimdi web sitenizin bazı ince detaylarına odaklanalım. Tema/şablon seçeneklerinizi keşfedin ve zevkinize göre özelleştirmeye başlayın. Beğendiğiniz yazı tiplerini seçin, istediğiniz renkleri ayarlayın ve yeni oluşturduğunuz logoyu başlığa yerleştirin. Yaratıcı olmanın zamanı ve yeri bu yüzden acele etmeyin. Yeni platformu ve temanızı/şablonunuzu keşfedin ve sonuçları görmek için birkaç ayarı değiştirmekten korkmayın.

Renkleri ve yazı tiplerini seçmenize yardımcı olabilecek bazı ilginç hizmetler şunlardır:

6. Adım: Mobil cihazlar için optimize edin ve tüm cihazları kontrol edin

Akıllı telefonlarda çalışmayan bir web sitesine sahip olmak 2022’de bir seçenek değil. İnsanlar telefonlarına her zamankinden daha fazla bağlı ve çevrimiçi ziyaretçiler sitenizi öncelikle mobil cihazlarından yükleyecek.

Mobil ayarlarınız, seçtiğiniz platforma bağlı olacaktır, ancak iyi haber şu ki, hepsinin mobil görüntüleyenler için dikkate alınması gereken bazı noktalar var. Yine de standart mobil optimizasyonu hafife almayın. Her akıllı telefon ve tablet farklı olduğundan ve web sitenizi farklı şekilde görüntüleyebileceğinden, web sitenizi farklı mobil cihazlardan kontrol ettiğinizden emin olun. Mükemmel mobil sonuçları elde edene kadar farklı eklentiler ve eklentilerle oynayın.

  Sitenizin Google'daki sıralamasını yükseltmek için blog ipuçları

Web sitenizi nasıl mobil uyumlu hale getireceğiniz hakkında zaten yazdık, bu yüzden daha fazlasını okuduğunuzdan emin olun.

Halihazırda bir web siteniz varsa ve Google’ın mobil uyumlu olup olmadığını kontrol etmesini istiyorsanız tek yapmanız gereken bunu yapmak. bu web sitesini aç ve web sitenizin URL’sini girin. Google yakında kontrol edecek ve ayrıntıları size bildirecektir. Bu ücretsiz araç, sitenizin mobil cihazlarda nasıl göründüğünü bile gösterir ve gerekirse değişiklik önerir.

Web sitenizin mobil sürümünü test etmenize yardımcı olabilecek birkaç benzer araç daha:

Adım #7: Site İçeriği ve Grafikler

Site düzeniniz artık hazır olmalıdır. Logonuz tamamlandı, renkleriniz seçildi ve yazı tipleriniz sahte bir metin veya demo sitenin içeriği kullanılarak seçildi. Şimdi nihayet içeriğinizi oluşturma zamanı.

Her web sitesinin bir kopyasına ihtiyacı vardır, bu nedenle acele etmeyin ve kullanıcılarınıza sunmak istediğiniz bilgileri yazın. Bu, insanların sitenizde okudukları ilk şeydir, bu nedenle sitenizin iyi yazıldığından ve herhangi bir gramer veya yazım hatası içermediğinden emin olun. Size yardımcı olması için Grammarly veya ProWritingAid gibi ücretsiz araçları kullanabilirsiniz.

Bir blog yazmayı planlıyorsanız, ilk gönderinizden başlayabilirsiniz. Seçtiğiniz platformda bulunan farklı seçenekleri deneyin ve oynayın. Bu sizin ilk gönderiniz, yani kimse onun mükemmel olmasını beklemiyor. Ancak yazım tarzınıza, gramerinize ve imlanıza dikkat edin.

Fotoğraflar, grafikler ve videolar herhangi bir sitenin önemli bir parçasıdır. Özel bir şeyiniz varsa, bu harika! Ancak değilse, çevrimiçi olarak hangi grafik öğelerini yayınladığınıza dikkat edin. Google’da bulunan resimlerin çoğu telif hakkıyla korunmaktadır, bu da onları izinsiz olarak sitenizde yayınlayamayacağınız anlamına gelir. Yine de, gibi birçok web sitesi var. Unsplash web siteniz için özgürce kullanabileceğiniz telifsiz görseller sağlar.

Kesinlikle en popüler olan Unsplash’ın yanı sıra, kullanmanız için ücretsiz stok fotoğrafları sunan diğer bazı siteler:

Adım #8: SEO için Hazırlanın ve Optimize Edin

Ortalama bir insan internette bir şeyler ararken ne yapar biliyor musun? Evet, haklısın – Google’da aratıyorlar. Bu nedenle, web sitenizin daha geniş bir kitle tarafından erişilebilir olmasını sağlamak için onu Google dostu hale getirmeniz gerekir.

Bu süreç SEO (arama motoru optimizasyonu) olarak bilinir ve fikir, içeriğinizin Google ve diğer arama motorları tarafından belirlenen yönergelere uyduğundan emin olmaktır. Açıkçası, profesyonellerle rekabet ediyorsanız bu süreç oldukça zorlu ve uzun olabilir. Neyse ki, bir acemi olarak bile SEO’ya girebilirsiniz. Yönergelerimizi takip edin ve Google’da daha iyi bir sıralamaya bir adım daha yaklaşın.

İşte yeni web sitenize hızlı bir başlangıç ​​yapmanıza yardımcı olabilecek birkaç iyi bilinen SEO hizmeti:

Adım #9: Web sitenizi başlatın

Budur. Şimdiye kadar platformunuzun gölgesinde bir web sitesi oluşturdunuz. Değişiklikler kaydedildi, ancak siteniz hâlâ herkese açık değil. Yayınla düğmesine basmadan önce iyice test ettiğinizden emin olun.

Sitenizi farklı tarayıcılarda açın ve diğer cihazlardan görüntüleyin. Bir arkadaşınıza bir bağlantı gönderin ve bir göz atmalarını isteyin. Bildirilen tüm hataları düzeltin ve sitenizi yayınlayın.

  2019'da Hindistan'daki En İyi Mobil Promosyon Kodu Siteleri Nelerdir?

Tebrikler!

2022’de web sitesi tasarımındaki trendler

Tıpkı modada olduğu gibi, web sitesi tasarımındaki trendler yıldan yıla değişir. Geçen yıl bir rengin popüler olması onun popüler kalacağı anlamına gelmez. İşte 2022’deki web sitesi tasarım trendlerinin kısa bir özeti:

  • multimedya deneyimi – İnternet hızları arttı, bu nedenle sitenize yüksek kaliteli resimler ve videolar yüklemekte sorun yok.
  • Retro yazı tipleri – Size 50’leri hatırlatan bir yazı tipi bulabilirseniz, o yazı tipidir.
  • emojisi – sosyal medyada popülerler, bu yüzden onları web sitenizde de kullanmalısınız.
  • Açık renkler – isabetli renk kombinasyonu sarı ve gridir.
  • Yaratıcı ürün fotoğrafları – sadece bir resim yüklemek yeterli değildir. Ürününüzü sergilemek için yaratıcı bir yol bulmanız yardımcı olacaktır.
  • Paralaks efektiParalaks animasyonları sitenizde modaya uygun ve beklenen kalın.
  • neomorfizm – bu, “yumuşak, ekstrüde plastik bir görünümle tasarlamanın minimum yolu” anlamına gelir. (Kaynak: uxdesign)
  • Kaydırma animasyonları – insanlar sayfayı kaydırırken sitenizle ilgili bir şeyler yapın. Herkes onu seviyor.
  • Yeni anketler – İnsanlara bir şey sormak yeterli değildir. İyi görünmeli ve komik olmalı.

Sıkça Sorulan Sorular

Bir web sitesi tasarlamanın maliyeti nedir?

Sadece basit bir web sitesi veya blog istiyorsanız, ilk sitenizi tamamen ücretsiz olarak oluşturmanız mümkündür. Bu konuda size yardımcı olabilecek birkaç popüler ücretsiz web sitesi oluşturucu vardır. Öte yandan, daha karmaşık bir şeye ihtiyacınız varsa veya web sitenizin tamamen sizin tarafınızdan yönetildiğinden emin olmak istiyorsanız, premium seçenekleri tercih etmelisiniz. Bu durumda, bir web sitesi size ayda birkaç dolardan birkaç yüz dolara kadar her şeye mal olabilir.

Kendim mi bir web sitesi tasarlamalıyım yoksa bir web sitesi tasarım ajansı mı tutmalıyım?

Profesyonel bakım gerektiren karmaşık bir işletme web sitesi oluşturmuyorsanız, kendinize güvenebilir ve kendi web sitenizi oluşturabilirsiniz. Kendi web sitenizin kontrolünü elinize almanıza izin veren bir düzineden fazla harika çevrimiçi web sitesi oluşturucu var. Sadece yeterli zamana ve ayarlarla oynamak ve öğrenmek için iradeye sahip olmanız gerekir.

Hangi web sitesi tasarım yazılımını kullanmalıyım?

İlk web sitenizi oluşturmaya gelince, Wix, Weebly, WordPress.com veya Squarespace gibi ücretsiz bir web sitesi oluşturucu kullanmanızı öneririm. Biraz deneyiminiz varsa ve web sitenizden daha fazlasını elde etmek istiyorsanız, sitenizi oluşturma ve sürdürme konusunda size daha fazla seçenek ve özgürlük sağlamak için kendi kendine barındırılan WordPress ile başlamalısınız.

Hangisini kullanmalıyım: WordPress veya web sitesi oluşturucuları?

WordPress, dünyadaki en popüler içerik yönetim sistemidir. Dünyadaki tüm web sitelerinin üçte birinden fazlasını destekler. Kendi web sitenizi öğrenmek ve sürdürmek için zamanınız varsa veya daha karmaşık bir şeye ihtiyacınız varsa, ücretsiz web sitesi oluşturuculardan daha iyi web sitesi projeleri oluşturmanıza olanak tanıyan WordPress’i şiddetle tavsiye ederim. Öte yandan, teknik ayrıntılar için zamanınız yoksa veya basit web sitelerine ihtiyacınız varsa, web sitesi oluşturucular sizin için daha rahat ve dolayısıyla daha iyi bir çözüm olabilir.

Çözüm

Modern telaşlı çevrimiçi dünyanın dezavantajları vardır. Ancak web tasarımı alanında sadece olumlu gelişmeler var. Yeni başlayanlar artık kendi özel web sitelerini saatler içinde tasarlayabilir ve düzinelerce ücretsiz ve premium web sitesi oluşturucu arasından seçim yapabilirler.

Bu öğreticiyi daha yakından takip edip keşfederseniz, aynı zamanda bir servet harcamadan web sitenizi tasarlamanıza yardımcı olacaktır.