Bu wikiHow makalesi sana pürüzsüz, profesyonel görünümlü bir web sitesi tasarlamayı öğretir. Sitenizin tasarımına karar vermekte özgür olsanız da, bir web sitesi oluştururken yapmanız ve kaçınmanız gereken bazı önemli şeyler vardır.
Adım
Bölüm 1 / 2: Site Tasarımı Oluşturma
Adım 1. Bir web sitesi oluşturucu kullanmak isteyip istemediğinize karar verin
Sıfırdan bir web sitesi oluşturmak, HTML kodunun ayrıntılı bir şekilde anlaşılmasını gerektirir, ancak Weebly, Wix, WordPress veya Google Sites gibi ücretsiz bir barındırma hizmeti kullanarak bir site oluşturabilirsiniz. Web sitesi yaratıcıları, acemi tasarımcılar için HTML'den çok daha kolay olma eğilimindedir.
- Kendiniz kodlamaya karar verdiyseniz HTML ve CSS kodlamayı öğrenmelisiniz.
- Kendi web sitenizi oluşturmak için zaman ve enerji harcamak istemiyorsanız, bir web sitesi tasarımcısı kiralayabilirsiniz. Serbest tasarımcı hizmetleri çok çeşitlidir, bazıları saat başına, bazıları proje başına ücretlendirilir ve toplamda milyonlarca rupi ile on milyonlarca rupiah arasında değişir.
Adım 2. Bir site haritası oluşturun
Web sitesi oluşturucuyu açmadan önce sitede kaç sayfa olduğunu, her sayfada içeriğin ne olduğunu ve "Ana Sayfa" ve "Hakkında" gibi önemli sayfaların genel düzenini belirlemeniz gerekirdi.
Sadece gölgeler değil, kaba görüntüler oluşturarak sitenizin sayfalarını görselleştirmeniz daha kolay olacaktır
Adım 3. Sezgisel bir tasarım kullanın
Yeni fikirler genellikle ilgi çekici olsa da, temel tasarımlar şu genel yönergeleri izlemelidir:
- Gezinme seçenekleri (örneğin, farklı sayfalar için birden çok sekme) sayfanın en üstüne yerleştirilmelidir.
- Menü simgesini (☰) kullanıyorsanız, sayfanın sol üst köşesinde olmalıdır.
- Arama çubuğunu kullanıyorsanız, sayfanın sağ üst tarafına yakın bir yere yerleştirin.
- Yararlı bağlantılar (örneğin, "Hakkında" veya "Bize Ulaşın" sayfalarına bağlantılar) sayfanın altında olmalıdır.
Adım 4. Tutarlı olun
Seçtiğiniz metin, renk paleti, resim teması ve tasarımı ne olursa olsun, sitenizde aynı kararları uyguladığınızdan emin olun. Kullanıcılar, "Hakkında" sayfasındaki yazı tipi ve renk düzeninin ana sayfada kullanılandan çok farklı olduğunu görünce şaşıracaklar.
- Örneğin, ana sayfanız için yumuşak bir renk kullanıyorsanız sonraki sayfada parlak bir renk kullanmayın.
- Parlak veya çarpışan renklerin, özellikle de dinamik olarak görüntülenen (veya hareketli) renklerin kullanımının, kullanıcıların azınlığında nöbetleri veya epileptik nöbetleri tetikleyebileceğini unutmayın. Eğer böyle bir renk kullanmaya karar verirseniz, söz konusu sayfanın önüne mutlaka bir "ele geçirme riski" uyarısı eklediğinizden emin olun.
Adım 5. Gezinme seçenekleri ekleyin
Ana sayfanın yukarısına önemli sayfalara doğrudan bağlantılar yerleştirmek, yeni ziyaretçilerin kendileri için önemli olan içeriğe yardımcı olacaktır. Web sitesi yaratıcılarının çoğu bu bağlantıyı varsayılan olarak ekler.
Sadece sayfa adresi üzerinden değil, site içindeki bir seçeneğe tıklanarak sitenin tüm sayfalarına ulaşılabilmesinin sağlanması önemlidir
Adım 6. Eşleşen renkleri kullanın
Tüm tasarım türleri gibi, web sitesi tasarımı da hoş renk kombinasyonlarına dayanır. Bu nedenle, eşleşen bir tema rengi seçmek çok önemlidir.
Kafanız karıştıysa, siyah, beyaz ve gri ile başlayın
Adım 7. Minimalist bir tasarım düşünün
Minimalist konsept, soğuk tonların, basit grafiklerin, beyaz bir arka plan üzerinde siyah metin sayfalarının ve mümkün olduğunca az süslemenin kullanılmasını teşvik eder. Minimalist bir tasarım çok az öğe gerektirdiğinden, çok fazla çaba harcamadan sitenizin profesyonel ve çekici görünmesini sağlamak için kolay bir seçenektir.
- Çoğu web sitesi yaratıcısı, bir web sitesi oluştururken seçebileceğiniz "minimalist" bir tema sağlar.
- Minimalist alternatif, daha sert kelimeler, parlak renkler, kalın metin ve minimal grafikler kullanan "vahşilik"tir. Minimalistlere göre brütalist tasarımların çok daha az kullanıcısı vardır, ancak içerik uygunsa, bu tasarım iyi bir seçim olabilir.
Adım 8. Benzersiz seçenekleri uygulayın
Izgara ve düz çizgi öğeleri güvenli seçimlerdir, ancak bazı benzersiz stiller kişisel bir dokunuş katacak ve sitenizi diğerlerinden ayıracaktır.
- Asimetrik site öğeleri yerleştirerek veya katmanlı bir görünüm oluşturmak için yığılmış öğeler kullanarak trendi alt etmekten korkmayın.
- Zarif, keskin kenarlı kare öğeler (kart tabanlı sunum olarak bilinir) yumuşak, yuvarlak öğelerden daha az tercih edilir.
Bölüm 2/2: Site Performansını En Üst Düzeye Çıkarma
Adım 1. Araba optimizasyon seçeneklerinden yararlanın
Mobil tarayıcılar, masaüstü tarayıcılardan daha fazla trafik getirir. Bu, mobil sürüme verdiğiniz dikkatin en az masaüstü site geliştirme kadar olması gerektiği anlamına gelir. Çoğu otomatik içerik oluşturucu web sitesi zaten bir araba sürümü üretmiştir, ancak mobil siteler için aşağıdaki bilgileri aklınızda bulundurun:
- Düğmelerin (örneğin site bağlantılarının) büyük olduğundan ve dokunması kolay olduğundan emin olun.
- Mobil cihazlarda görülemeyen özelliklerden kaçının (örn. Flash, Java vb.).
- Siteniz için bir araba uygulaması oluşturmayı düşünün.
Adım 2. Sayfa başına çok fazla fotoğraf eklemeyin
Masaüstü ve mobil tarayıcılar bazen çok sayıda fotoğraf veya video içeren sayfaları yüklerken sorun yaşar. Web tasarımında görseller çok önemli olsa da, sayfa başına aşırı miktarda medya yükleme sürelerini uzatabilir ve bu da kullanıcıları bu sayfaları ziyaret etmekten caydırır.
Genel olarak, bir sayfanın yüklenmesi dört saniyeden az sürmelidir
Adım 3. Bir "İletişim" sayfası ekleyin
Çoğu sitenin iletişim bilgilerini (telefon numarası ve e-posta adresi gibi) içeren bir "Bize Ulaşın" sayfası sağladığını fark edebilirsiniz. Aslında, bazı siteler bu sayfada otomatik bir sorgulama formu sağlar. "İletişim" sayfası, site ziyaretçileri ile sizin aranızdaki doğrudan bir iletişim hattıdır; bu, aynı zamanda bir ziyaretçinin sorusuna veya hayal kırıklığına da bir çözüm olduğu anlamına gelir.
Adım 4. Özel bir 404 sayfası oluşturun
Bir ziyaretçi, oluşturulmamış veya mevcut olmayan belirli bir sayfaya geldiğinde, "404 Hatası" sayfası görünecektir. Çoğu tarayıcı yerleşik bir 404 sayfası sağlar, ancak nasıl göründüğünü web sitesi oluşturucu ayarlarından özelleştirebilirsiniz. Özel bir 404 sayfası oluşturmak istiyorsanız aşağıdaki ayrıntıları girin:
- Komik ve eğlenceli hata mesajları (örneğin, "Tebrikler, bir hata sayfasına geldiniz!")
- Ana sayfaya geri bağlantı
- Ziyaretçilerin genellikle gördüğü bağlantıların listesi
- Sitenizin resmi veya logosu
Adım 5. Mümkünse arama çubuğuna girin
Kullandığınız web sitesi oluşturucu yöntemi bir arama çubuğu eklemeyi destekliyorsa, eklemenizi öneririz. Bu, kullanıcıların tüm gezinme seçeneklerini tıklamak zorunda kalmadan aradıkları belirli sayfayı veya içeriği bulmalarını sağlar.
Arama çubuğu, ziyaretçiler rastgele sayfalarla uğraşmadan ortak terimleri aramak istediklerinde de çok kullanışlıdır
Adım 6. Ana sayfaya daha fazla dikkat edin
Ziyaretçiler ana sayfaya gittiklerinde sitenizin temasının özünü almış olmalıdırlar. Ayrıca, gezinme seçenekleri ve resimler de dahil olmak üzere ana sayfanın tüm öğeleri hızlı bir şekilde yüklenmelidir. Ana sayfa ayrıca aşağıdaki hususları da sağlamalıdır:
- Harekete geçirici mesaj (örneğin, tıklanacak bir düğme veya doldurulacak bir form)
- Araç çubuğu veya gezinme menüsü
- Davetkar grafikler (sağlam bir fotoğraf, video veya tamamlayıcı metin içeren birden çok fotoğraf gibi)
- Sitenizin hizmeti, konusu veya odağıyla ilgili anahtar kelimeler
Adım 7. Sitenizi farklı tarayıcılarda ve platformlarda test edin
Bu çok önemlidir, çünkü tarayıcılar bir web sitesinin özelliklerini farklı şekillerde işler. Sitenizi tanıtmadan önce, sitenizi Windows, Mac, iPhone ve Android platformlarında aşağıdaki tarayıcılarda açmayı ve kullanmayı deneyin:
- Google Chrome
- Firefox
- Safari (yalnızca iPhone ve Mac)
- Microsoft Edge ve Internet Explorer (yalnızca Windows)
- Bazı Android telefonların varsayılan tarayıcısı (Samsung Galaxy, Google Nexus, vb.)
Adım 8. Siteyi güncel tutun
Tasarım trendleri, bağlantılar, fotoğraflar, konseptler ve anahtar kelimeler sürekli değişiyor. Bu nedenle, siz de çağa ayak uydurmak için her zaman değişiklik yapmalısınız. Sitenizin performansını en az üç ayda bir (tercihen daha sık) kontrol etmeli ve benzer sitelerle karşılaştırmalısınız.
İpuçları
- Erişilebilirlik, web sitesi geliştirmede de eşit derecede önemli bir husustur. Erişilebilirlik, işitme engelli ziyaretçiler için açıklamaları, görme engelli ziyaretçiler için sesli açıklamaları ve siteniz potansiyel olarak nöbet tetikleyici efektler kullanıyorsa ışığa duyarlılık uyarılarını içerir.
- Çoğu web sitesi yaratıcısı, istenen öğeleri eklemeden önce düzeni ve tasarımı belirlemek için kullanabileceğiniz şablonlar sağlar.
Uyarı
- Çoğu içerik oluşturucu sitesi ücretsizdir, ancak kendi alan adınızı ("www.adınız.wordpress.com" yerine "www.adınız.com" gibi) kullanmak istiyorsanız, aylık veya yıllık bir ücret ödemeniz gerekir.
- İntihalden kaçının ve tüm telif hakkı yasalarını öğrenin. İnternetten rastgele görseller veya yapısal elemanlar izinsiz olarak dahil etmeyin.
