23 Ocak 2019 - No Comments!

Web Site Tasarımı 4 Temel Prensibi

Web site tasarımı temel prensiplerini daha önceden bilginiz varsa, muhtemelen şu tutumu aşmışsınızdır: “Web tasarımı bugünlerde çok kolaydır. Yıldırım hızında internet hızı ve gelişmiş tarayıcılar sayesinde, tasarımcılar webin ilk günlerini şekillendiren kısıtlamalarla uğraşmak zorunda kalmazlar. Bir web sitesi, her zamankinden daha fazla bir tasarımcının tuvalidir. ”

Bu, temel bilgiler konusunda zaten rahat olan birisinin bakış açısından yeterince doğru olabilir, ancak “CSS'ye duyarlı ızgara sistemi” ve “Google Web Yazı Tipleri” gibi ifadeler size yabancıysa, bu biligler çok işinize yarayabilir. Web tasarımı hala göz korkutucu gibi görünebilir.

Bunu göz önünde bulundurarak, yeni başlayanlar için gerçekten temel bir web site tasarımı rehberi oluşturduk. Tabii ki, web atsarımında iyi olsanız bile, temelleri incelemek asla kötü bir fikir değildir.

1. Grid sistemler

web site tasarımı,grid

Kodeksin 1. yüzyıldaki icadından bu yana, ızgara nasıl okuduğumuzu belirledi. Farklı satır ve sütun düzenlemelerini içeren binlerce varyasyon zaman içinde ortaya çıkmıştır.

Metin ve resimlerin kitaplarda, gazetelerde ve dergilerde nasıl düzenlendiğini düşünün. Bunlar doğrudan web üzerine taşınan sistemlerdir ve çalışırlar. Bilgece bir söz: birçok tasarımcı “yaratıcılık” adına ızgaradan kaçınmaya çalıştı; ama bu türde olan pek çok web sitesi okunmadı.

İnsanların internete, geleneksel bilgisayarlardan ziyade telefonlara ve tabletlere göz atma ihtimalinin yüksek olduğu bir dünyada, "duyarlı tasarım (responsible)" konusu (yumuşak ve kasıtlı bir şekilde daha küçük ekran boyutlarına çeviren tasarımlar) da önemli.

Hayatımızı kolaylaştırmak için, yanıt veren, ana kodlama dilleriyle uyumlu ve genellikle ücretsiz indirmek için çok sayıda önceden üretilmiş ızgara sistemleri ortaya çıkmıştır.

Bazı popüler olanları 960.gs, Basic Izgara ve Gold Izgara Sistemi'dir. İyi seçeneklerin listesi gerçekten büyüktür, ama bazıları diğerlerinden daha karmaşıktır.

Elbette, kendinize bir macera arıyorsanız veya projenizin gerçekten benzersiz bir çözüm gerektirdiğini hissediyorsanız, elbette, kendi yönteminizi oluşturabilirsiniz.

2. Görsel hiyerarşi

web site tasarımı

Temel olarak, çoğu kültürde insanların soldan sağa ve yukarıdan aşağıya okuduğu bilinen bir gerçek. Bununla birlikte, bu davranışların içinde, okuma davranışının çok daha karmaşık kurallar dizisini takip ettiği de bilinen bir gerçektir. Bu özellikle insanların sayfaları okuduklarından çok daha fazla "taradıkları" internette geçerlidir.

Okuyucu tarafından taranması beklenen eksenlerle birlikte logo, harekete geçirme ifadesi veya anahtar görüntü gibi önemli öğeler yerleştirerek, bu ölçülen okuma düzenlerine cevap olarak iyi web sayfaları oluşturulur. Bunlar geleneksel olarak “F” veya “Z” şeklini alır.

Bunun ötesinde, görsel hiyerarşi, okuyuculara önce neyin okunması gerektiğini ve sonra neyin okunması gerektiğini bildirmektir. Sayfa yerleştirmeden sonra, yazı tipi boyutu, boşluk, yön ve yazı tipi eşleştirmesinin yanı sıra renk vurgularının kullanılması gibi stratejiler de bulunabilir.

3. Web uyumlu yazı tipleri

web site tasarımı

2014 yılında, “web uyumlu yazı tipleri” terimi zaten bir anakronizme benziyor. İnternetin ilk günlerinde, tarayıcılar çok sınırlı sayıda yazı tipini destekledi - tipik olarak sadece kullanıcıların kelime işlem yazılımına yüklenenler - ve bunlardan saparsanız, bazı ziyaretçiler sadece rasgele semboller görmeye başlarlardı.

Günümüzde, bazı fontların çoğu tarayıcı tarafından desteklendiği fakat bazı fontların desteklenmediği doğrudur, ancak çoğu modern tarayıcıda font gömme olarak bilinen tekniğin benimsenmesi sayesinde web için güvenli seçeneklerin sayısı artmıştır. Gerçekten de, birçok tasarımcı, aralarından seçim yapamayacak kadar çok şeyden şikayetçi.

Ücret tabanlı font servisleri, Typekit, WebINK ve Fontspring'i içerir. Google Web Fonts gibi ücretsiz hizmetler arasında küçük bir araştırma yaparsanız, hoş ücretsiz fontlar da bulabilirsiniz.

Artık nereye bakacağınızı bildiğinize göre, akılda tutulması gereken birkaç genel kural vardır:

  • Serif fontları başlıklar içindir
    Web tasarımında serif yazı tipleri her zaman başlıklara ayrılmıştır, çünkü daha küçük boyutlarda okunması zorlaşır. Gövde metni genellikle sans-serif olmalıdır.
  • Minimal yazı tiplerini kullanın
    Dağınıklığı azaltmak için, bir web sitesindeki farklı yazı tiplerinin sayısını minimumda tutun. En fazla iki veya üç.
  • Çok fazla yer kaplamamalı
    Bazı font dosyalarının oldukça büyük olabileceğini ve bunun bir web sitesinin yüklenme zamanını yavaşlatacağını unutmayın.

4. Görüntüler ve renkler

web site tasarımı

Görüntü ve renk yerleştirme ilkeleri özellikle web tasarımı için benzersiz değildir, bu yüzden burada çok fazla derinlere girmeyeceğiz. Saklanacak en büyük değer şudur: abartmamak!

  • Renk paletinizi minimumda tutun;
    Yazı tiplerinde sadece 2 veya 3 adet kullanın. Tabii ki, "görsel hiyerarşi" bölümünde belirtildiği gibi önemli alanları vurgulamaya hizmet ederken, markayı da yansıtmalıdırlar.
  • Renk körlüğünü düşünün.
    Zihninizin bir köşesinde tutmaya değer başka bir husus, (erkek) popülasyonun% 5'i gibi bir bölümün renk körü olmasıdır, bu nedenle renk eşleşmelerinize dikkat edin.
  • Görsel hareketlerini minimumda tutun
    Hareket eden görüntülerden kaçının. Flaş dürtüsüne karşı koy. Gif bile olsa, .gif'ler bile sorgulanabilir. Genel olarak, yapılan araştırmalar izleyicilerin hala statik web sitelerini tercih ettiğini göstermektedir.

web site tasarımı

  •  Görselleri dikkatlice seçin
    Görüntüleri yalnızca boşluk doldurmanın bir yolu olarak kullanmayın; ziyaretçiler derhal bunu alır ve sayfanıza olan ilgisini kaybedebilir. Bunun yerine, yalnızca yararlı bilgileri ileten, eşlik eden metni gösteren veya açıklanan ürün hakkında bir şeyler açıklayan görüntüleri kullanın.
  • Her zaman stok görsel lisans kısıtlamalarına uyun
    Resimlerinizle ilgili lisans kısıtlamalarına dikkat edin. Çoğu görselin telif hakkı vardır, bu sizin veya müşterinizin ihtiyaçlarınız doğrultusunda bunları kullanmak için ödeme yapmanız gerekeceği anlamına gelir. Yazmış olduğumuz geçmiş makaleleri kullanarak bu konuyu tanıyabilirsiniz.
  • Dosya boyutlarını küçük tutun
    Görüntü boyutlarınızın mümkün olduğunca düşük olduğundan emin olun (web çözünürlüğü 72 dpi). Görüntüler genellikle bir web sayfasının boyut / yükleme süresinin% 60'ını veya daha fazlasını oluşturur.

Wer site tasarımı hakkında size yardımcı olabilecek en temel prensipleri ele aldık. Web site tasarımına başlarken dikkat etmeniz gereken grid sistemleri, hiyerarşik yapı, fontlar, renkler ve görseller gibi en basic ilkeler için bilmeniz gerekenler yukarıda saydığımız gibidir. Daha profesyonel olan prensipleri daha sonra ele alacağız.

 

 

https://99designs.com/blog/tips/web-design-basics-guide/

Leave your vote

0 points
Upvote Downvote

Total votes: 0

Upvotes: 0

Upvotes percentage: 0.000000%

Downvotes: 0

Downvotes percentage: 0.000000%

Published by: Betül Bayraktar in Tasarim

Leave a Reply

css.php

Hey there!

Forgot password?

Forgot your password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Close
of

Processing files…