Editoryal web tasarımınızı ve derginizi geliştirmek için 10 ipucu
Çevrimiçi hareket eden gazetelerin ve dergilerin giderek daha fazla yayınlanması ve web siteleri genellikle geleneksel sitelerden biraz daha fazla düşünce ve dikkat gerektirir. Editör, yüzyıllardır yayın tasarımlarına birçok husus ve dikkat çekti, bu yüzden dergi web tasarımına aynı kalite getirmek istedikleri sadece doğal. Ancak, bu yayın tarafından dikkate alınması gereken tek şey stil değildir. Ayrıca işlevselliği ve kullanıcı deneyimini de dikkate almaları gerekir. Bu nedenle, bu tür bir web sitesinin kullanımı ve görmek kolay olduğundan emin olmak için bir web tasarımcısı veya editoryal sitesi sahibi olarak size kalmıştır.
10 En İyi Editoryal Web Tasarım İpuçları ve En İyi Dergiler, İçerik açısından zengin haber web siteleri veya dergileri oluşturmak veya güncellemek için atanırsanız, editoryal ve dergi web tasarımı uzmanlığınızı geliştirmek için 10 ipucu vardır. Dergi stili temasını kullanın
Dergi Web Design’a gelirken bu açık olabilir, ancak çevrimiçi dergi tasarımını geliştirmenin en iyi yollarından biri, bu amaç için özel olarak tasarlanmış temayı kullanmaktır. Bu özellikle WordPress kullanıyorsanız doğrudur. Dergiler ve haber teması genellikle okuyucuyu yüklemeden, birçok farklı makaleyi tek bir yerde göstermeyi kolaylaştıran iyi tasarlanmış bir ana sayfa sergiler. Diğer yararlı özellikler genellikle en son yayınları görüntülemenin çeşitli yollarını, geniş bir menü kategorisine göre kolay olan içeriği gruplandırmayı ve daha fazlasını içerir.
WordPress kullanıyorsanız, çok amaçlı temaların birçoğu ile bu bölümde şımarık veya seçenekler olacaksınız. Çeşitli formatlarda gelen birçok içeriğe sahip web sitelerini işlemek için özel olarak neyin oluşturulduğundan bahsetmiyorum bile. Böyle bir temanın iyi bir örneği ekstra temamızdır. Bu, Divi Builder tarafından desteklenir ve Site ana sayfanızın yanı sıra kategori ve iç sayfalar için özel bir düzen oluşturmayı kolaylaştırır. Ekstra tema paketinde, baskı dergileri veya gazeteler için uygun bir makale yayınlamanıza izin veren birçok inşaat öncesi sayfa düzen seçeneği bulacaksınız. Ekstra bir tema gibi yeni olmasa da, bu tema temiz ve çok yönlü bir editoryal web sitesi oluşturmak için basit bir yol sunarak hala ilginçtir. Extra, kültürel yaşam tarzı ve editoryal için doğru seçimdir, ancak Nexus teknoloji ve sporun teknoloji web sitesi için hala düşünmeye değer. Ya siteyi yeniden tasarlarsınız ya da baştan başlarsınız, doğru temayı seçmek süreçte önemli bir adımdır. İçeriğinizi görüntülemek ve temiz ve okunması kolay bir tasarım görüntülemek için birçok farklı yol sunan birini seçtiğinizden emin olun.
2. Kitlenizi tanıyın ve onlar için tasarım
Tasarımınızın kitleniz için doğru olduğundan emin olun En son web tasarımı trendlerini takip etmeye devam edin, ancak sitenizin görünümünün temelini oluşturabileceğiniz birden fazla web tasarım stili olduğunu hatırlamak da önemlidir. Kitlenizin veya müşterinizin kitlenizin, özellikle editoryal siteler için her başarılı web tasarım projesinin başladığı yerdir. Popüler bir mizah sitesi olan Cracked.com, “20 film üniversitesinin (gerçek hayatta olmamış olan) 20 Kuralları” gibi komik fotoğraflar ve başlıklarla dolu makale sıralarıyla dolu bir ev tasarımına sahiptir. Öte yandan, loppist, sanat ve tasarım için çevrimiçi bir editördür, en iyi paroda büyük bir arka plan fotoğrafına ve altındaki minimum içeriğe sahip daha zarif bir site tasarımına sahiptir. Doğru veya yanlış dergi web tasarım stili yoktur ve Her ikisi de yayınladıkları içerik ve hedef kitleleri için iyi çalışır. Bu yayın, izleyicilerinin kişiliğini biliyor, bu da farklı okuyucuların zevklerine ve beklentilerine uyacak şekilde ev sayfaları ve makale düzeni tasarlamayı kolaylaştırıyor. 3. Daha büyük ve daha kalın bir görüntü kullanın
Resminizle Oluştur – Naghiyev / Shutterstock.com
Editoryal, onlarca yıldır dergilerinde büyük ve kalın görüntüler kullanmıştır, ancak web varlığının çoğu için daha küçük bir görüntüye eklenmiştir. Geçmişte, bunun nedeni, basit tercih problemlerinden ziyade ekran boyutları ve indirme hızları gibi daha pratik nedenlerden kaynaklanıyordu. Ancak, zaman değişiklikleri ve internet kısıtlamaları yavaş yavaş kaybolur. Bu nedenle, doğru görüntüyü doğru zamanda kullanmanın gücünü göz ardı etmemelisiniz. Haber sitesi tasarımınız veya derginiz için bir odak noktası olarak iyi optimize edilmiş yüksek kaliteli bir görüntü yapmaktan korkmayın. Kendi fotoğraflarınızı çekemezseniz, stok fotoğraflarını kullanın, ancak bunları seçmede daha stratejik. Makalelerinizi okuyucularınıza aktarmaya yardımcı olan ilginç ve iyi üretilen görüntüler bulmak için Shutterstock veya Istock gibi kaliteli siteleri kullanın. UNSSPlash ve Freefotography gibi kraliyetsiz siteleri bile kullanabilirsiniz. Aslında, projeniz için yüksek kaliteli ücretsiz görüntüler bulmak için birçok yer var. Stok görüntüleri kullanmaya karar verirseniz, makaleniz için stil veya temaya bağlı kalmayı deneyin. Örneğin, burada zarif bir tema üzerinde, genellikle illüstrasyonlar veya fotoğraflar yerine vektör görüntülerini kullanmayı tercih ediyoruz. Bu fotoğrafları belirli makaleler için büyük bir başlık görüntüsü olarak kullanmaktan korkmayın. Siz veya müşterinizin doğru görsel efektleri kullanarak daha iyi bir hikaye anlatabilmesi için yaratıcı olun. Yeni bir yazı yaptığınızda, ana görüntünün bir dergi kapağı olarak görüntülenmeye değer olup olmadığını durdurun ve düşünün.
Doğru WordPress dergisi temasını seçmek için geri kalan en iyisi, WordPress gönderme editörleri içermeyen bir sayfa düzeni oluşturmanıza izin verecektir. Bu, makaleniz için metin ve görüntüleri olağanüstü efektlerle birleştiren bir düzen tasarlamanızı sağlar. 4. İyi tasarlanmış birçok harf türünü kullanın ve tipografinin gücünü hafife alın – Oleekii Badusov / Shutterstock.com’un resimleri
Bir w iteb-web yazı tipi kullanmak hala çok önemlidir. Giderek daha fazla kişi mobil cihazlar aracılığıyla haber tüketiyor, yani yazı tipleriniz çeşitli ekran boyutlarında iyi görünmelidir. Ama endişelenecek her şey bu değil.
Özellik görüntüsü, kullanıcıları makalelere tıklamaya teşvik etmenin en iyi yollarından biridir. Bununla birlikte, seçilen tipografinin gücünü hafife almayın. Sitenizin tasarımı için oyunu değiştiren ek olmayabilirler, ancak büyük bir rol oynarlar. Ayrıca bir sayfada birkaç yazı tipi kullanmayı düşünmelisiniz. Makalenizin başlığı için bir yazı tipi, başlık için başka bir yazı tipi ve paragraflar için üçüncü yazı tipini kullanın. Tamamlayıcı yazı tiplerinin yanı sıra yapmayanların bir karışımını denemeyi deneyin. Mevcut içeriği tüketmek için kullanılan çeşitli cihazlar olduğundan, 2016’da görünen bazı ilginç tipografik eğilimler vardır, bu nedenle web sitenizle deney yaptığınızdan ve içeriğiniz için en uygun olduğunu gördüğünüzden emin olun.
5. Büyük görüntüleri seçilen yazı tipleriyle birleştirin Görüntüleri ve metni birleştirerek deney
Büyük ve kalın görüntüleri iyi tasarlanmış yazı tipleriyle birleştirdiğinizde, editoryal içeriği canlı hale getirecek ilginç bir görsel yapabilirsiniz. Domani Studios’un bunu ana sayfalarında nasıl yaptığına bakın. Aynı tekniği, bir makalenin özellikleri veya başlık görüntüleri için, önemli bir gönderiden tüm mesajı yapmak için kullanabilirsiniz. Ayrıca her zaman büyük, kalın yazı tipi olmak zorunda değildir. Yayınınız için en iyi olanı görmek için tasarımınızla oynamak. Örneğin, hafif bir komut dosyası yazı tipi, yüksek sınıf ve sofistike moda dergileri için daha iyi çalışabilir. 6. Gridtata sistemini kullanın Izgaranın yeri olağanüstü efektler için kullanılabilir
Editoryal dergisi onlarca yıldır geleneksel yayınlarda bir ızgara sistemi kullandı, bu nedenle web tasarımcılarının bu uygulamayı tasarımlarına dahil etmeleri doğal. Kafes sistemi, içeriği görsel olarak çekici ve kullanıcıların tüketilmesi daha kolay bir şekilde görüntülemek için yatay ve dikey çizgileri kullanan web sitesinin web sitesi olan sayfalar için bir yapıdır. Kendi kafes sisteminizi tasarlamak için bir sayfa üreticisi kullanabilirsiniz ve divi üreticileri de içerir. Dergi web tasarımınızı geliştirmek için basit bir yol istiyorsanız, Tom’un En İyi WordPress Grid eklentisi hakkındaki yayınına bakın. En görsel olarak çekici ızgara sistemi, metinden daha fazla resim kullanır, bu nedenle kitlenizin seveceği ve ızgara sistemini kullanırken arkasındaki hikayeyi bilmek isteyeceği ilginç bir mini görüntü kullandığınızdan emin olun. 7. Beyaz alanı kucaklayın
Beyaz alandan korkma Beyaz alan, dergilerin ve genel olarak çevrimiçi tasarımların web tasarımı dünyasında büyük bir yasaktı. Tasarımcılar, özellikle grafik tasarımcılar, beyaz boşluk “boşa harcanan” olduğu için mevcut her beyaz alanın kullanımını öneren zor kurallara hızlı bir şekilde sahiptir. Bu büyük bir sorun yaratıyor – kaos. Beyaz bir alan olmadan, siz veya müşterinizin iyi haberler üretmek ve tasarımlı görüntüler üretmek için harcadığınız her zaman, bu beyaz alanın tasarımı ile verilmeyen kaosla boşa harcanabilir. Beyaz alanı kucaklayın ve okuyuculara dikkatlerini nereye odaklamak zorunda olduklarını göstermek için kullanın. Örneğin bir ortam alın. Bu site makaledeki yan çubuğu görüntülemez ve sayfada birkaç ek öğe kullanır. Reklam, e-posta katılım formları ve diğer unsurlardan rahatsız olmak yerine, okuyucunun dikkati yalnızca bir şey içeriğine odaklanır. 8. Google Materyal Tasarımını Kucaklamak için Google Malzeme Tasarım Temizliğini Kullanın
2016 yılında Web Tasarım Trendleri için Randy Brown Tahminleri okursanız, Google’ın malzeme tasarımının bu yıl ana oyuncu olacağını ve editoryal tasarımcıların dikkat etmeleri gerektiğini bileceksiniz. Google tarafından tanıtılan malzeme tasarımı, 2014’ün sonunda Android cihazlarda kullanılacak, düz bir tasarımın yeni bir biçimidir. Temel olarak, bu, bir veya iki ek katmanın düz bir unsuru verir, böylece tamamen düz olmaz ve bu popüler tasarım trendine yeni bir hayat verir. Bu, öğeleri kartlara değiştirir, böylece birbirinden farklı olurlar. Bunu derginize girmenin iyi bir örneği web tasarım stratejisi, bunu makalelerin listesi gibi veranda unsurları için kullanmaktır. Yukarıdaki resimde görebileceğiniz gibi, Wired bu tasarımı ana sayfalarındaki çeşitli makaleleri görsel olarak ayırmak için kullanıyor. Makale kartı, imleci üste yönlendirdiğinizde bir “asansör” animasyonu bile vardır. Bu dergi web tasarım trendi, sayfadaki iki veya daha fazla öğeyi, standart düz tasarım tarafından sunulan tipik seçenekten daha görsel olarak çekici bir şekilde ayırt etmek için bir web seçenek tasarımcısı sunar. 9. Günlük canavar tarafında mikro etkileşimlerin zarif bir mikro etkileşim örnekleri kullanın
2016 yılında dikkate alınması gereken beş UX trend tasarımcısı yayınlama ve Virgillito’da, editoryal web sitesinde iyi çalışan iki iyi mikro etkileşim örneğinden bahsetti.Mikro etkileşimler, kullanıcıların web sitelerinde gezinmelerine yardımcı olan küçük etkileşimlerdir.Bu, web sayfasının sağ alt köşesinde, kullanıcıyı tıklandığında doğrudan sayfanın üstüne taşıyan küçük bir düğme içerebilir.İyi bir örnek verildi ve kullanıcıların bir makalede ne kadar uzakta olduklarını bilmelerine izin veren bir ilerleme bıçağıdır.Daily Beast bunu, her makaleye eşlik eden bu listeyi okumanın yan yana özelliğinde kullanır.Bu özelliği dergi web tasarımınıza eklemek, kullanıcıları içeriğinizle ilgili olarak mümkün olduğunca uzun süre tutmanın iyi bir yoludur.10. Okuyucuyu çekmek için koparma kutusunu kullanarak bilgi örnekleriBazı yayınlar, önemli bilgileri paketlemekten ve makalenin yanında okuyucu tarafından daha kolay sindirilecek şekilde sergilemekten çok sayıda kullanım alabilir. Bu uygulama, web sitelerini pişirmede popülerdir ve yan bıçaklarda veya makalenin kenarına yakın bir malzeme listesi görüntülemenin etkili bir yolunu sunar. Ayrıca, yaratıcı web siteleri tarafından DIY projesini tamamlamak için okuyucuların ihtiyaç duyduğu malzemelerin listesini görüntülemenin bir yolu olarak da kullanılabilir. Editoryal aynı uygulamayı sitelerinde makale üretiyorlarsa kullanabilir, ancak bunları kullanmanın başka yolları da vardır. Örneğin, ters piramit yazma yöntemini kullanan yayınlar, bu kutulardan birinde bir makalenin noktalarını ve bir makalenin ana gerçeklerini görüntülemek için yararlı olabilir, ancak daha sonra bu noktaları ve gerçekleri deşifre etmek için tüm makaleleri kullanabilir. Bazı ek içeriklerden çıkın, okuyucularınıza makalenizi desteklemek ve web sitenizi araştıran herkesi çekmek için kolayca sindirilmiş bazı bilgiler vermenize yardımcı olabilir. Style dergisinin web tasarımı hakkındaki son düşünce, bu tür bir web sitesi ve iyi nedenlerle dikkate alınması gereken en önemli unsurlardan biridir. Yayınlanan içeriğin her bir parçası da dahil olmak üzere tüm yayınlar, bu stil etrafında döner. Bu nedenle, stili uygularken site kullanıcılarının bir bütün olarak işlevselliğini ve deneyimini korumak için bir tasarımcı olarak sizin için çok önemlidir. Yayın sitesinde yeni bir tasarım girdiğinizde, site kullanıcılarının deneyimini nasıl etkileyeceğini düşünün.
