Web 2.0’ın Web Tasarıma Etkileri

Görsel Tasarım Üzerine Düşünceler

Web 2.0’ın görsel tasarıma etkileri, dolaşım, sayfa düzeni, logo ve metin, renk gradyanı ve simge başlıkları altında açıklanmaktadır.

navigasyon

Web 2.0 tabanlı tasarımlarda sayfa düzeninin en önemli unsurlarından biri dolaşım veya menü yapısı. Web 2.0’daki en önemli özellik, basitlik, basitlik ve anlaşılması kolay olan dolaşım yapısının temel taşlarını ortaya çıkarmasıdır. Bu eğilimdeki genel dolaşım kuralı; Geniş, kalın, temiz ve ayrılabilir, aynı zamanda makalede kullanılan bağlantıların normal yazı tipinden farklı olması gerekir. Dolaşımın öğeleri, bir bağlantı, menü veya ikincil menü olup olmadığı içerikten görsel olarak ayrılmalıdır. Gereksiz görsel unsurları, gölgeleri, tamamlayıcı olduğu düşünülen bazı yardımcı grafik parçalarını ve görselliği eklemek için eklenen elemanları kaldırmak gerekir.

Etiket Bulutu

Bir web sitesinin içeriğini göstermek için kullanılan bir anahtar kelime haritası. Önceden tanımlanmış anahtar kelimeler veya etiketler, kullanım sıklığına bağlı olarak etiket bulutuna dahil edilir. Sık kullanılan kelimeler büyük harflerle gösterilmiştir. Sitedeki kullanıcıların site içeriğini nasıl yönlendirdiğine en iyi örnektir. Etiket bulutu, siteye ilgi duyduğunuz konuların veya siteye girildiğinde anında paylaşılan zihinlerin özet fotoğrafını çekmenizi sağlayan bir araçtır.

Açılır menü

Ajax veya benzeri teknolojileri kullanarak, daraltılabilir içerik ve dolaşım alanları oluşturmak, tasarımlardaki olası alan kısıtlamalarına alternatif bir çözüm sunar.

etiketleme

Etiketleme kavramı (folksomony), sitelerdeki klasik menü yapılarından uzaklaşarak tamamen kullanıcı tarafından kontrol edilen bir liste mantığıdır. Bu liste, web sitesinin içeriğini, çevrimiçi fotoğrafları ve web bağlantılarını kategorize eden ortak bir şekilde oluşturulan açık uçlu etiketleri kullanır. Etiketlemenin önemli bir özelliği, kontrollü bir kelime bilgisine sahip profesyonel olarak geliştirilmiş taksonomiler gibi bir hiyerarşiye sahip olmamasıdır. Bu yüzden doğal olarak açık uçludurlar. Bu nedenle folksonomiler, Flickr’da kullanıcı tarafından oluşturulan fotoğraf etiketleri veya Del.icio.us’ta sık kullanılan etiketler gibi web’de içerik listeleme yöntemlerinde değişikliklere, yeniliklere ve geçici ilgi alanlarına hızlı bir şekilde tepki verir.

Sayfa düzeni

İyi bir web 2.0 sitesi ortaya çıkarmak için, CSS ile kodlamanın temellerini bilmek gerekir. CSS ile kodlama kutuların mantığına dayandığından, tasarımlardaki düzen ve sütun yapısı bu mantığa uyarlanmalıdır. Bu sayede tasarımlar daha basit ve anlaşılır hale gelir. Tasarımlardaki düşük sütun sayısı ve içeriğin doğru yerleştirilmesi anlaşılabilirlik açısından çok önemlidir.

Logo ve metin

Logo, bir şirketin veya web sitesinin ilgi alanına giren ilk nesnedir. Logosu basit, anlaşılabilir ve amaçları için tasarlanmış şirketler genellikle kendilerini ifade edebilecek ve bu anlamda öne çıkan ilk ve en önde gelen kuruluşlardır. Web 2.0 tarzı tasarımında kalın veya kalınlaştırılmış logolar, görsel ve görsel olarak desteklenen bir grafikle desteklenen kalın veya kalınlaştırılmış, ilk dikkat çeken logolardır.

Web 2.0 sitelerinde ana amaçlardan biri anlaşılabilir olması olduğundan, ince, cılız logolar artık kullanılmamaktadır. Yeni nesil logoların ilk amacı kurumsal kimliği ilk bakışta yansıtmak, kim olduğumuzu sorusuna cevap vermektir.

Yeni trendlere göre tasarlanmış bir sitede eski nesil bir logoya sahip olsanız bile, mevcut logoyu sadece web arayüzünde kullanılabilecek şekilde küçük dalgalanmalar, çeşitli parlaklık ve gölge efektleri kullanarak geliştirmek mümkündür. kurumsal kimliği bozmamak.

Birkaç yıl önce metnin kullanılmasıyla, kullanıcılara bazen uzun metinler içeren birçok küçük arial ve verdana yazı tipi vardı. Şimdi web 2.0 ile bu yaklaşım değişti. Daha kolay, daha anlaşılır, kısa açıklamalar, erp mrp sistemleri nedir gibi kullanıcıyı ana kaynağa kolayca yönlendirmek için hedeflenen direktifler üzerinden hızlı ve kolay bilgi akışı.

Renk geçişi (Gradyan) kullanımı ve simgeler

İki farklı renk arasındaki derecelendirme, grafik dilinde degrade veya degrade olarak adlandırılır. Bu tür yüzeyleri kullanmanın faydası, sahaya derinlik eklemektir. Geçmesi planlanan renkler, aynı ölçekte veya mümkünse, aynı rengin farklı veya yakın tonlarından seçilmelidir. En önemli nokta, simgenin konuyu net bir şekilde açıklamasıdır. Örneğin, bir kullanıcı girişi içeren alanın yanına yerleştirilen dünya simgesi, site ziyaretçisinin kafasını karıştırmasına neden olmaz. Doğru yerde yorumlanan ve yerinde kullanılan simgeler, kullanıcıları kötüye kullananlar sitenin kullanılabilirliğini azaltırken, kullanıcıları siteye hızlı ve doğru bir şekilde yönlendirir.

WordPress.com ile böyle bir site tasarlayın
Başlayın