Ev Kişisel Finans Infographic Web üzerinde yayınlayın - mankenler

Infographic Web üzerinde yayınlayın - mankenler

Video: Web Applications with Interactive Infographics 2024

Video: Web Applications with Interactive Infographics 2024
Anonim

Infographic'iniz iki şekilde olabilir: basılı veya elektronik (çevrimiçi yayınlanmış). Her formatta bazı ortak özelliklerin yanı sıra avantaj ve dezavantajları vardır. Web grafikleri, okuyucuyu bilgileri dolaştırır, ancak baskı grafikleri genellikle tek, daha geniş bir blokta tasarlanır. (Şekle bakınız.)

Çevrimiçi olarak yayınlanan grafiklerin çoğu uzun, dikey bir yönelime sahiptir. Okuyucular web sayfasının üst kısmından başlayıp aşağıya inerek bilgi keşfetmek için aşağıya inin "alanının altındadır. "

" Kat "terimi gazete yayıncılığından alınır; bütün gazeteler gazete bayisinde olduğu gibi yarıya katlanır. İlk gördüğünüz şey - yalnızca ön sayfanın üst yarısı - "üst kısım" dır. "Bir çevrimiçi ya da mobil cihaz ayarında, katının üzerindeki bir ziyaretçinin, yalnızca bir siteyi ilk ziyaretinde gördüğü şey ya da bu durumda bilginin ilk bölümü.

Katlamanın altında ve üstünde yerleştirdiğiniz şey, bir tasarımcı olarak akılda tutmanız gereken bir şeydir; çünkü, grafiklerin, okuyucunun üzerindeki etkisini, şeyleri açığa çıkardığınız sırayı değiştirerek denetleyebilirsiniz. Okuyucular sayfayı aşağı doğru kaydırdığında, yeni gerçeklerin ortaya çıktığı bir hikaye izliyorlar.

Web grafiklerinin bir dezavantajı, genişliğin, bir akıllı telefonda özellikle dar olabilen okuyucu ekranının (görünüm alanı) boyutuyla sınırlı olmasıdır. Bu durumda, kaydırma yaparken okuyucunun duraklatacağı bölümler açısından grafiğinizi düşünün. Grafiğinizin akışı, bir kitabın bölümleri gibi, her bir bölüme hangi bilgileri koyduğunuza göre belirlenir.

Teknoloji hiç bir zaman gelişmeden durmadığından mobil cihazlar için altyapı tasarlamanın en iyi yollarının üzerinde durmak zor olabilir. Halen, en iyi yol, metin içeriğinizi sunmak için HTML veya CSS kullanmanızdır. Uzman olmak zorunda değilsiniz - yalnızca enformasyonunuzun kullanıcı dostu olmasını sağlamak zorundasınız.

Daha az çan ve ıslık ile bir grafik oluşturmak için HTML veya CSS kullanmak, infografın daha hızlı yüklenmesini sağlayabilir. Ayrıca daha az bant genişliği emiyor ve izleyici zayıf bir bağlantıya sahip bir yerdeyse yavaşlamanın bir kısmını da ortadan kaldırıyor.

Kişisel bilgisayarlar kadar mobil cihazlar ve tabletler gibi birden çok format için de bilgi grafiği tasarlamanız istenecektir. Web tabanlı çözümleri keşfetmek, karşılıklı etkileşim kullanma, destekleyici bilgilere bağlantılar oluşturma veya basılı materyallerle mümkün olmayan eylem çağrıları yapma gibi yeni yollar da sağlayabilir.

Öte yandan, web grafiklerini kullanmanın en büyük avantajlarından biri, neredeyse sınırsız uzunluğa (yükseklik) sahip olduğunuzdan, çok sayıda bilgiyi birleştirmenizi sağlar. Elbette, grafik çiziminizi özlü ve odaklı yapmaya hiç bakmadan devam ettirmemelisiniz.

Nokta, basitçe yükseklik boyutlarının ne kadar veri ekleyebileceğinize karar vermediğidir. Bilgileriniz çekici ve ana noktanızla alakalı olduğu müddetçe, anlatı akışınız basılı bir sayfaya dahil edebileceğinizin ötesine devam edebilir.

Infographic Web üzerinde yayınlayın - mankenler

Editörün Seçimi

Kullanarak Excel Array İşlevini kullanın: LOGEST for Statistical Analysis - aumlalar

Kullanarak Excel Array İşlevini kullanın: LOGEST for Statistical Analysis - aumlalar

Bir ilişki kurulması mümkündür doğrusal olmaktan çok eğrisel olan iki değişken arasında. Excel işlevi LOGEST, bu eğrisel denklem için a ve b'yi tahmin eder. Aşağıdaki resim LOGEST İşlev Argümanları iletişim kutusunu ve bu örneğe ait verileri göstermektedir. Sonuçlar için de bir dizi gösterir. Bu işlevi kullanmadan önce ...

Excel Veri Analizi Eklentisi'ni kullanarak - <TABLOLAR ile

Excel Veri Analizi Eklentisi'ni kullanarak -

Veri Analizi eklentisi (Excel'in önceki sürümlerinde Analiz Araç Paketi veya ATP olarak bilinir) her çeşit istatistiksel analiz yapmanıza yardımcı olur - ve satış tahminleri kesinlikle bir tür istatistiksel analizdir. Bir eklenti, Visual Basic kodunu içerir: Excel'in çalıştırabildiği bir BASIC sürümünde genellikle yazılmış bir program. Bu ...

Editörün Seçimi

Yaşlanma Karşıtı İpuçları -

Yaşlanma Karşıtı İpuçları -

Akdeniz'de yaşayan bir yaşam tarzı da hissetmenize ve bakmanıza yardımcı olabilir elinden gelenin en iyisi. Besin maddelerinde yüksek bir diyet, ılımlı aktivite ve arkadaşlarınızla çok fazla kahkaha sizi sağlığın avantajlarından istifade etmenizi sağlar! İşte Akdeniz yaşam tarzıyla zarifçe yaşlanmanın bazı yolları. Uzun ömürlülüğün artırılması: NIH-AARP Diyet ve Sağlık Araştırması ...

Akdeniz Diyetinde Meze ve Tatlı Tarifleri - AYDINLATMA

Akdeniz Diyetinde Meze ve Tatlı Tarifleri - AYDINLATMA

Akdeniz Diyeti lezzet ve lezzetle doludur. Çeşitlilik. Herhangi bir yaşam tarzı gibi, bir salata ve antreyi içeren Akdeniz menü seçimleri yapmanız gerekir. Akdeniz yaşam tarzınıza uyan mezeler ve tatlılar için çok seçenek var.

Akdeniz'de Popüler Fındık ve Tohum Çeşitleri Diyet -

Akdeniz'de Popüler Fındık ve Tohum Çeşitleri Diyet -

Burada bir liste Akdeniz beslenme için gerekli olan fıstığı ve tohumları. Seçtiğiniz fındık ve tohum çeşitleri ne olursa olsun, kendinize bir iyilik yapıyor ve faydalar biriktiriyorsunuz demektir. Ayrıca ne kadar çok yerseniz, aldığınız besin maddelerinin çeşitliliği de o kadar artar. Fakat bazı fıstık ve tohumlar düşer ...

Editörün Seçimi

Web Sitelerini 960 Grid - Mankenler İçinde Tasarlama

Web Sitelerini 960 Grid - Mankenler İçinde Tasarlama

Web sayfalarını tasarlama zorluğuna, web sayfalarının neden 960 px genişliğiyle başlaması gerekir. Fakat onlar mı? Hayır, hepsini değil. Ancak web tasarımcılarının sayfaları standart bir 960 px genişliğine getirmek için çekim yapmalarının zorlayıcı güçlü nedenleri var: işlev ve ...

Bir Gezinti Yapısı Nasıl Geliştirilir - aumlalar

Bir Gezinti Yapısı Nasıl Geliştirilir - aumlalar

Bir gezinme yapısı bir web sitesinin planlanması için anahtardır. Bir gezinme yapısı, yalnızca sayfaları çizmekten çok daha üst düzeyde soyutlamayı içerir. Bir navigasyon akış şeması (veya site haritası), materyalleri aracılığıyla ziyaretçilere nasıl rehberlik edeceğinizi organize eder. Sitenizde bir şeyler arayan engellerin ziyaretçiler önünde bulunmasını istemezsiniz. ...

HTML5'i HTML5 Dışı Ortamlarda Dağıtma - mankenler

HTML5'i HTML5 Dışı Ortamlarda Dağıtma - mankenler

HTML5 öğeleri en çok sayfa düzeni oluşturmak için mantıklı bir yol. Üstbilgi ve altbilgi gibi, hangi içeriğin hangi öğe içerisine girdiğini açıkça gösteren etiketlerle, tasarımcıların yaşamını kolaylaştırıyorlar. Ayrıca, arama motorları HTML5 yapı öğelerini tanımayı ve bunları birleştirmeyi öğrenirler; içeriği, arayan kişiler için daha erişilebilir hale getirirler ...