Web sitesi tasarımı söz konusu olduğunda, web sitenizin gidebileceği birçok farklı stil ve yön vardır: şıktan minimalist, eğlenceli ve canlıdan şık ve modern olana kadar her yerde olabilir.
Son görünümünüz ve tarzınız kişisel tarzınızı, çalışma alanınızı ve marka kimliğinizi yansıtmalıdır, ancak her zaman geçerli olan birkaç temel kural vardır.
Mükemmel web tasarımı, kullanıcı deneyiminizi ve işlevselliğinizi beslerken ilk bakışta anlaşılması kolaydır. Aşağıda, sitenizi etkili ve çekici hale getirmeye yardımcı olacak beş basit web sitesi tasarımı ipucu topladık:
Olağanüstü bir web sitesi için web tasarım ipuçları
-
Ana sayfanızı minimalist ve karışıklıktan uzak tutun
-
Görsel hiyerarşi göz önünde bulundurularak tasarım
-
Okunması kolay web sitesi içeriği oluşturun
-
Sitenizde gezinmenin kolay olduğundan emin olun
-
Mobil uyumlu kalın
01. Ana sayfanızı minimalist ve karmaşadan uzak tutun
Web sitenizin ana sayfası temel mesajınızı anında iletmelidir. Sonuçta, bir web sitesindeki her kelimeyi nadiren okuyoruz. Bunun yerine, hızlı bir şekilde sayfayı tararız, anahtar kelimeleri, cümleleri ve resimleri seçeriz. Bilinen bu davranışlar göz önünde bulundurulduğunda, kelime sayımından ziyade duygulara hitap etmek daha iyidir.
Ziyaretçilerin daha az site okuması, tıklaması veya hatırlaması gerekmiyorsa, içeriğinizi daha iyi işleyebilecek ve değerlendirebileceklerdir. By dikkat açıklıklı azalan için tasarım , daha olası kullanıcıların yapacağını yapmalarını istediğim şey de bu.
Bu basit web sitesi tasarımı ipuçları, içeriğinizi parçalamanıza ve sunulabilir ve davetkar bir ana sayfa tasarımı yapmanıza yardımcı olacaktır :
-
Önemli içeriği ekranın üst kısmında tutun: Ziyaretçiler, herhangi bir yere kaydırmak veya tıklamak zorunda kalmadan web sitenizin neyle ilgili olduğunu en kısa sürede anlamalıdır.
-
İçeriğinizi boşaltın : Öğeler arasında boşluk kullanın. Bazı alanları boş bırakarak tasarıma çok daha geniş ve dengeli bir his vereceksiniz. Metninize gelince, ısırık boyutlu, okunaklı paragraflar yazın.
-
Görüntü ekleyin: Güzel fotoğraflar, vektör resimleri veya simgeler gibi yüksek kaliteli medya özellikleri , noktanızı iletmenin alternatif yolları olarak harikalar yaratacaktır.
-
Harekete geçirici mesaj ekleyin: Satın alma işleminden kaydolmaya kadar, site ziyaretçilerini sitenizin ana sayfasına bir harekete geçirici mesaj (CTA) düğmesi yerleştirerek istediğiniz işlemi gerçekleştirmeye teşvik edin.
02. Görsel hiyerarşi göz önünde bulundurularak tasarım
Hiyerarşi, içeriğinizi net ve etkili bir şekilde görüntülemenize yardımcı olan önemli bir tasarım ilkesidir . Doğru hiyerarşiyi kullanarak, site ziyaretçilerinin dikkatini en önemli parçadan başlayarak öncelik sırasına göre belirli sayfa öğelerine yönlendirebilirsiniz.
Görsel hiyerarşinin ana bileşenleri şunlardır:
-
Boyut ve ağırlık: İşletme adınız ve logonuz gibi önemli varlıklarınızı daha büyük ve görsel olarak daha belirgin hale getirerek vurgulayın . Okuyucular doğal olarak önce büyük ve kalın başlıklara yönelme eğilimindedir ve ancak daha sonra daha küçük paragraf metnine geçerler.
-
Eleman yerleşimi: Ziyaretçilerinizin gözlerini doğru yönde yönlendirmek için doğru web sitesi düzenini kullanın. Örneğin , ekranın tam ortasına önemli bir harekete geçirici mesaj düğmesi yerleştirebilir veya logonuzu başlığa yerleştirebilirsiniz.
Bilgileriniz için net bir hiyerarşi oluşturduktan sonra, okuyucular yardımcı olamazlar, ancak bilinçsizce onlar için bıraktığınız ekmek kırıntılarını takip ederler. Ardından, en çok dikkat çeken şeyin ne olduğunu ve her zaman kasıtlı olduğundan emin olarak daha fazla vurgu için renk, kontrast ve boşluk uygulayın.
Güçlü bir görsel hiyerarşi elde etmenize yardımcı olacak bazı güçlü web tasarım öğeleri , Wix Pro Galerisi gibi şeritler veya ızgara düzenleridir . Daha fazla fikir ve ilham almak için tasarımcı tarafından hazırlanan web sitesi şablonlarımıza göz atın .
03. Kolay okunabilen web sitesi içeriği oluşturun
“Okunabilirlik” insanların kelimeleri, cümleleri ve cümleleri tanımasının ne kadar kolay olduğunu ölçer. Sitenizin okunabilirliği yüksek olduğunda, kullanıcılar bu siteyi zahmetsizce tarayabilir veya gözden geçirebilir . Bu şekilde bilgiyi almak zahmetsiz hale gelir.
Web sitesi okunabilirliğini sağlamak nispeten kolaydır; şu anahtar kuralları deneyin:
-
Kontrast önemlidir: Metin renginiz ile arka plan renginiz arasındaki yeterli kontrast, okunabilirlik ve web sitesi erişilebilirliği için önemlidir . Senin ederken web sitesinde renk düzeni sizin temsilcisi olması muhtemeldir marka renkleri , emin elemanları arasında yeterli kontrast var olduğunu olun. Bunu yapmak için, Kontrast Denetleyicisi gibi çevrimiçi bir araç kullanmayı deneyin .
-
Büyük harf boyutu: Çoğu insan küçük yazı tiplerini görmek için mücadele eder. Web tasarımı için tipik bir kural, gövde metninizi en az 16pt tutmaktır. Bu, başlamak için iyi bir yerdir, ancak bu sayının tamamen web siteniz için seçtiğiniz yazı tiplerine bağlı olduğunu unutmayın .
-
Yazı tipi türü: Tipografi dünyası elimizde birçok yazı tipi sunmaktadır. Serif sans için serif yazı tipleri arasında (Times New Roman gibi harflerin ucunda küçük çıkıntılı çizgiler bulunan) seçim yapabilirsiniz, bu da tam anlamıyla “serif olmadan” anlamına gelir. Sans serif yazı tipleri, şu anda okumakta olduğunuz gibi uzun çevrimiçi metinler için genellikle en iyi seçimdir. Bu farklı türleri bir araya getirerek ilginç yazı tipi eşleştirmeleri de oluşturabilirsiniz . Sizin için logo tasarımı , bol logosu yazı tiplerini kullanılabilir. El yazısı gibi görünen komut dosyası yazı tipleri gibi, dekoratif tarafta daha fazla sayıda ekran yazı tipi de vardır. Bunlardan birini yapacaksanız, ezici bir etkiyi önlemek için aşırı kullanmamaya dikkat edin.
-
Yazı tipi sayısını sınırlayın: Tek bir web sitesinde üçten fazla farklı yazı tipi kullanmayın. Bazı projeler daha ayrıntılı yazı tipi kombinasyonları gerektirebilir, ancak çok fazla çeşitli yazı tipi genellikle dağınık görünür ve marka kimliğinizden uzaklaşır .
-
Metin temalarını kullanma: Net bir hiyerarşi oluşturmak için, yazılı web sitesi içeriğinizin büyük bir başlıktan daha küçük alt başlıklara, hatta daha küçük paragraflara veya gövde metnine kadar boyut ve ağırlık bakımından değiştiğinden emin olun . Bu kullanışlı web sitesi tasarımı ipucu her zaman okuyucuların dikkatini çeken bir şey olmasını sağlayabilir.
04. Sitenizde kolayca gezinilebildiğinden emin olun
Kalıbı kırmak doğanızda olabilir, ancak web sitesi navigasyonu avangard olacak yer değildir. Sonuçta, kullanıcılarınızın aradıklarını kolayca bulmasını istiyorsunuz. Ayrıca, sağlam gezinme özelliğine sahip bir site, arama motorlarının kullanıcı deneyimini büyük ölçüde geliştirirken içeriğinizi dizine eklemesine yardımcı olur :
-
Logonuzu ana sayfaya bağlayın: Bu web sitesi tasarımı ipucu, ziyaretçilerinizin beklediği ve değerli tıklamalardan tasarruf etmelerini sağlayacak yaygın bir uygulamadır. Zaten bir tane yoksa , markalama çabalarınızın bir parçası olarak kendi logonuzu oluşturmanız şiddetle tavsiye edilir .
-
Menünüze dikkat edin: İster klasik bir yatay liste, hamburger menüsü veya başka bir şey tercih edin, web sitesi menünüzün belirgin ve bulunması kolay olmalıdır. Ayrıca, her bölümün önemine göre yapılandırıldığından emin olun.
-
Bazı dikey gezinme önerileri: Siteniz tek sayfalık bir web sitesi gibi uzun kaydırma özelliğine sahipse bir tutturma menüsü kullanın . Görüntüleyenler tek bir tıklamayla sitenin herhangi bir bölümüne hızlı bir şekilde atlayabilirler. Dikkate alınması gereken diğer bir seçenek de , ziyaretçileri sitenizde nerede olurlarsa olsunlar sayfanın en üstüne götüren ‘Başa Dön’ düğmesidir .
-
Altbilgi üzerinde çalışın: Altbilginiz büyük olasılıkla sitenizde görülen son şeydir ve tüm önemli bağlantılarınızı buraya yerleştirmek iyi bir fikirdir. Bu, iletişim bilgilerinizi, sosyal medya simgelerini ve menünüzün kısaltılmış bir sürümünü veya ziyaretçilerin ihtiyaç duyabileceği diğer ilgili bağlantıları içerebilir.
05. Mobil cihaz dostu olun
Sitenizi ziyaret eden tüm kullanıcılar, gezdikleri cihaz ne olursa olsun, profesyonel web sitenizin keyfini en iyi şekilde çıkarabilmelidir . Bir web sitesi tasarlarken , Wix otomatik olarak sitenizin mobil uyumlu bir sürümünü oluşturur, böylece giderek mobil dünyaya ayak uydurabilirsiniz.
Kendinizi kullanıcının yerine koyarken sitenizin mobil sürümünü gözden geçirin ve her sayfayı, kullanıcı işlemini ve düğmeyi test edin.
Sizin mobil web sitesi yüzden menüsü gibi, bazı varlıkların aşağı sayfa öğeleri ve ölçeklendirme minimize düşünün, daha temiz ve daha az masaüstü sürümünden daha darmadağın olmalıdır. Mobil tasarımınızı geliştirmek için kullanabileceğiniz benzersiz mobil özellikler de vardır .
Yol için son bir ipucu: En önemli web sitesi tasarım ipuçlarından biri aslında en basit – web sitesi ilham için etrafa bakın! En iyi web sitesi tasarımlarından bazılarına göz atın ve en son web tasarım trendlerini okuyun . Ayrıca , yaratıcılığınızı sürdürmek için bu olağanüstü Wix web sitelerinden bazılarını keşfedebilirsiniz .
Chase Lepard adlı geliştiriciden
Topluluk ve Sosyal Medya Yöneticisi
Eden Spivak adlı geliştiriciden
Tasarım Uzmanı ve Yazar
KAYNAK: https://www.wix.com/blog/2017/10/5-design-tips-for-a-professional-site/
Son Yorumlar