Web Tasarımında 14 Güzel Dergi Mizanpajı Örneği
Yayınlanan: 2022-09-03Bir dahaki sefere popüler basılı/kağıt gazetelere veya dergilere göz attığınızda, sayfa düzenlerinin birinden diğerine ne kadar değişken olduğuna dikkat edin. Bazı sayfa düzenleri net, temiz ve okunabilirliği yüksektir.
Diğerleri biraz daha şık, belki iddialı. Yine de hepsi en yüksek tasarım standartlarına uyar ve içeriği net, derli toplu ve güzel bir şekilde sunar.
Bu yüksek standartları korumak kolay olamaz, ancak tutarlı bir şekilde elde edilir. Ve çoğu zaman, bu yüksek tasarım standartları web sürümlerine yansır ve özellikle de çok farklı cihazlara ve ekran boyutlarına içerik sunmak zorunda olduklarından, genellikle yeniliği zorlarlar.
Dergi stili web sitesi tasarımı çok popüler bir düzen stilidir, ancak çoğu zaman bu web siteleri çevrimdışı dergilerden ilham almaz. Basılı sürümleri tasarlamaktan sorumlu olanlar genellikle çevrimiçi dergilerin düzenlerinin tasarımına da katkıda bulunduğundan, neyin en iyi çalıştığını bulmanın mükemmel bir yolu, popüler çevrimiçi dergilere daha yakından bakmaktır.
Hepsi estetik açıdan hoş olsa da, aşağıdaki dergi tarzı web sitelerinin her biri yaratıcı ve son derece benzersiz bir düzene sahiptir, hepsi kullanıcı deneyimini ön planda tutar ve hepsi tasarımdaki tutarlılığın en önemli örnekleridir. Magazin tarzı web tasarımı bu şekilde yapılmalıdır.
- 404 Sayfa Web Sitesi İlhamı
- Hakkında Sayfa Web Sitesi İlhamı
- Yönetici Panosu Web Sitesi İlhamı
- İş ve Kurumsal Web Sitesi İlhamı
- Temiz Tasarım Web Sitesi İlhamı
- Kolej ve Üniversite Web Sitesi İlhamı
- Tasarım Ajansı Web Sitesi İlhamı
- e-Ticaret Tasarımı Web Sitesi İlhamı
- Minimal Tasarım Web Sitesi İlhamı
- Kâr Amacı Gütmeyen Web Sitesi İlhamı
- Tek Sayfalık Web Sitesi İlhamı
- Paralaks Kaydırma Web Sitesi İlhamı
- Fotoğrafçı Web Sitesi İlhamı
- Portföy Tasarımı Web Sitesi İlhamı
- Fiyatlandırma Sayfası Web Sitesi İlhamı
- Restoran ve Yiyecek Web Sitesi İlhamı
- Site Haritası Tasarım İlhamı
- Spor Web Sitesi Tasarımı İlhamı
- UI Stil Kılavuzu Tasarım İlhamı
- Ultra Minimal Tasarım Web Sitesi İlhamı
Zaman
Time ana sayfası ağırlıklı olarak görsellerden yararlanır, ancak bu, tarihi boyunca bu derginin basılı versiyonunda her zaman böyle olmuştur. Bununla birlikte, web tasarımcıları, izleyiciye çok sayıda seçenek sunarken aynı zamanda karmaşık bir görünümden kaçınmayı başardılar.
Bu web sitesinin kullanılabilirliği ve okunabilirliğinin başarısının sırlarından biri, görsel hiyerarşiye dayanmasıdır . Ziyaretçi, o anın öne çıkan hikayesinin ne olduğunu her zaman görebilir.
Sınır
Buna mozaik veya yapboz diyebilirsiniz, ancak The Verge'in ana sayfa tasarımı size içindekilerin hızlı bir resmini verir ve sizi hızlı bir şekilde gitmek istediğiniz yere götürür.
Düzen de göze hoş geliyor. Ve makalelerin listesine göz atmak sadece bir veya iki saniye sürer. İç sayfalar bazen resim küçük resimlerinden oluşan döngülere bölünür; bu da belirli bir hikayeye veya ilgi konusuna inmeyi kolaylaştırır.
New Yorklu
The New Yorker'ın basılı sürümünün hayranları, çevrimiçi sürümün düzeninden hayal kırıklığına uğramayacaklar. Birincil odak içeriğe yerleştirilmiştir ve düzen stili minimalist ve çekicidir.
Basılı versiyonun tipografisi site genelinde tutarlı bir şekilde korunduğu için New Yorker'ın tipografisi tanıdıktır. Bu dergi, çevrimiçi izleyicilerini evlerinde hissettirmek için mükemmel bir iş çıkarıyor.
kablolu
Wired'ın web sitesi, (çoğu geek odaklı gibi görünse de) çok çeşitli temaları alma ve bunları gerçekten rahat görüntüleme ve mükemmel okunabilirlik sağlayacak şekilde düzenleme konusunda neredeyse esrarengiz bir yetenek sergiliyor.
Bu, sütun genişliklerinin, boşlukların, dolgunun, beyaz alanın rahat kullanımı ve göze hoş gelen bir sans-serif yazı tipinin ustaca kullanılmasıyla gerçekleştirilir. Yazı tipi boyutu aynı zamanda hangi makalelerin çoğu izleyicinin ilgisini çekebileceğinin bir göstergesidir. Tutarlılık kuraldır ve tüm çeşitli parçalar site boyunca uyumlu bir bütün oluşturur.
Haber haftası
Newsweek'in web sitesi özenle yapılandırılmıştır, ancak aynı zamanda güzel bir şekilde tasarlanmış duyarlı bir sürümle birlikte gelir, böylece hareket halindeyken makalelerini gözden geçirebilirsiniz.
Bu, özellikle mobil kullanıcılar için iyi bir haber çünkü bu dergi birçok mükemmel makalesi ve görseliyle tanınıyor. Her şeyi bir araya getirmek için harika bir iş çıkarıyor.
Bloomberg
Bloomberg.com, güncel haberler sunan ve bunu modern, kullanıcı dostu bir biçimde sunan bir haber deneyimi sunma becerisi nedeniyle birçok kişi için dijital bir destinasyon haline geldi.
Ziyaretçiler özellikle günümüzün küresel web tüketicisi için oluşturulmuş bu çevrimiçi derginin en güçlü medya varlıklarını ustaca birleştirme şeklini beğeniyor.
GQ
Düzenli olarak GQ okuyucuları olan ve çevrimdışı sürümdeki içeriğin şık bir şekilde sunulmasına alışmış olanlar, çevrimiçi sürümde aynı tanıdık görünümü bulacaklardır.
Şaşırtıcı olmayan bir şekilde, ilk gördüğünüz şey, sayfanın genişliği boyunca uzanan bir moda görseli afişidir. Aşağı kaydırın ve makalelerin listesi şık bir ızgarada güzel bir şekilde düzenlenmiştir.
National Geographic
National Geographic'in çevrimiçi versiyonu hayal kırıklığına uğratmaz. Site sade bir tasarıma sahiptir ve okunması kolay bir yazı tipi seçimi ile birlikte büyük resimler sergiler.
Yol izi
Road and Track dergisi, bilgilendirici makaleleri ve harika görselleriyle uzun süredir araba tutkunları arasında popüler. Bu derginin editörleri, çevrimiçi versiyonun oluşturulmasına karar verildiğinde açıkça oynamaya hazır hale geldi.
Harika makaleler ve çarpıcı fotoğraflar, son derece kullanışlı bir statik gezinme çubuğuyla birlikte hala orada.
Gösteriş Fuarı
Vanity Fair web sitesini bir yıl önce yeniden tasarladı ve sonuçlar fazlasıyla tatmin ediciydi. Yeni çevrimiçi sürüm, derginin dikkat çektiği uzun makaleleri hızlı alınan haberler, slayt gösterileri, videolar ve daha fazlasıyla birleştirme konusunda mükemmel bir iş çıkarıyor.
Web sitesi editörleri, birçok ziyaretçinin mobil cihazlarda gezindiğini de not etti. İçeriğin tüm platformlarda harika görünmesini sağlamak için büyük çaba sarf ettiler ve son derece başarılı oldular.
Los Angeles zamanları
LA Times, şimdiye kadar oluşturulmuş en büyük duyarlı web sitelerinden birini oluşturmayı başardı. Okuyucular, dünyanın en büyük gazetelerinden birini herhangi bir cihaz veya ekran boyutunda okurken aynı birinci sınıf deneyimi yaşayabilir.
Bunu yapmak için web tasarımcıları geleneksel sayfa ızgarasından vazgeçtiler. Bunun yerine, gazetelerin önemli gazeteciliği vurgulanır, dağınıklık ortadan kaldırılır ve gazetenin benzersiz seslerine ve multimedyasına daha fazla odaklanılır.
Sonraki Web
Sonraki Web (TNW), cesur bir tasarıma sahip tek sayfalık sağlam bir web sitesi biçiminde sunulur. Güçlü bir UX ile iş ihtiyaçlarını dengelemek için mükemmel bir iş çıkarır.
İçerik önde ve merkezde, bol miktarda var, ancak dağınıklık belirtisi yok.
Girişimci
İşletme sahipliğinin zorluklarını aşmak için eksiksiz bir rehber olan Entrepreneur, 30 yıldır gazete bayilerinde bulunuyor, ancak çevrimiçi baskısı kesinlikle modern bir düzene sahip.
Ana sayfa özellikle yenilikçi olmayabilir, ancak düzen basit ve takip edilmesi kolaydır. Aylık olarak yayınlanan bu dergi, hem basılı hem de mobil aplikasyon üzerinden sunulmaktadır.
Reklam Çağı
1930'da geniş sayfalı bir Chicago gazetesi olarak başlangıcından küresel bir yayın haline gelmesine kadar, Ad Age artık günlük ve haftalık e-posta haber bültenlerinin yanı sıra hem basılı hem de çevrimiçi baskılarda mevcut.
Vurgulanan makale dışında, konulara bir veya iki sayfa aşağı kaydırana kadar eşit boşluk verilir, ardından birçoğu satır öğesi olarak listelenir. Reklam Çağı düzeni, taklit edilmesi kolay olan bir düzendir.
Bu örneklerden biri veya bir veya ikisinin kombinasyonu işinize yarayabilir. Tasarımda tutarlılığın önemini unutmayın.