IconScout Downloader: Simge, 3D ve Lottie Dosyaları Rehberi

IconScout downloader, bir varlık bağlantısını yapıştırarak simgelere, 3D illüstrasyonlara ve Lottie animasyonlarına ulaşmanızı sağlar; böylece birkaç dosya için tam bir plan satın almadan gösterişli bir arayüz veya sunum hazırlayabilirsiniz. Bu rehber her dosya türünü, hangi iş için hangi biçimin seçileceğini ve tüm projenin görsel olarak tutarlı nasıl tutulacağını anlatır.

IconScout'tan neler alabilirsiniz?

IconScout, tasarım varlıkları için bir pazar yeri ve kütüphanedir. Çoğu kişinin ilgilendiği üç kategori şunlardır:

• Simgeler: çizgi, dolu, duotone ve düz renk gibi birçok stilde tekli simgeler ve simge setleri.
• 3D illüstrasyonlar: açılış sayfalarına ve sunumlara derinlik katan render edilmiş nesneler ve sahneler.
• Lottie animasyonları: uygulamalarda, web sitelerinde ve sunumlarda yükleyiciler, ilk kullanım tanıtımı, boş durumlar ve mikro etkileşimler için kullanılan küçük animasyonlu dosyalar.

İllüstrasyonlar, çıkartmalar ve başka varlıklar da vardır, ancak çoğu talebin özünü simgeler, 3D ve Lottie oluşturur.

Hangi dosya biçimini kullanmalısınız?

Yeni başlayanların çoğu zamanı biçimlerde kaybeder. İşte kısa özet.

Simgeler ve düz illüstrasyonlar için SVG

SVG bir vektör biçimidir. Bulanıklaşmadan her boyuta ölçeklenir, dosya boyutu çok küçüktür ve renkleri kodda ya da bir tasarım aracında değiştirebilirsiniz. SVG'yi web sitesi simgeleri, uygulama arayüzleri, mockup üzerindeki logolar ve baskı hazırlığı için kullanın.

Hızlı yerleştirme için PNG

PNG, saydamlığı olan bir raster görseldir. Şekli düzenlemeniz gerekmeyen slaytlar, sosyal medya gönderileri ve e-postalar için iyidir. Yüksek yoğunluklu ekranlarda keskin kalması için görüntüleme boyutunuzun en az iki katı bir boyutta dışa aktarın.

Lottie animasyonları için JSON

Lottie animasyonu, hareketi tanımlayan bir JSON dosyasıdır. Bir web sayfası veya uygulama onu küçük bir oynatıcı kütüphanesiyle oynatır. Bir GIF'ten çok daha hafiftir ve her boyutta keskin kalır. Bazı kütüphaneler sıkıştırılmış bir paket olan dotLottie sürümünü de sunar.

3D için seçim

3D illüstrasyonlar normalde saydam arka planlı PNG olarak, bazen ek açılar veya renk varyantlarıyla teslim edilir. Simgelerden daha ağırdır, bu yüzden bir web sayfasında kullanmadan önce sıkıştırın.

IconScout downloader nasıl kullanılır?

1. IconScout'ta arayın. Önce tür filtresini kullanın: simgeler, 3D, Lottie veya illüstrasyonlar. Ardından payment, shopping cart veya success gibi bir anahtar kelime ekleyin.
2. Varlık sayfasını açın ve stile, paket adına ve mevcut biçimlere bakın.
3. Adres çubuğundan bağlantıyı kopyalayın.
4. IconScout downloader'ı açın, bağlantıyı yapıştırın ve gönderin.
5. Dosyayı indirin ve paket olarak geldiyse arşivden çıkarın.
6. Daha fazlasını indirmeden önce tasarımınızda test edin. Doğru stildeki tek bir simge, uyuşmayan yirmi simgeden daha değerlidir.

Tüm kütüphaneyi serbestçe keşfetmeyi tercih ederseniz, eklenti, güvenli tarayıcı veya bulut sürümüyle açılan hesap üzerinden IconScout erişimi de vardır.

Bir simge seti tutarlı nasıl tutulur?

Arayüzlerin amatör görünmesine yol açan hata, stilleri karıştırmaktır. Şu kurallara uyun.

• Proje başına tek aile. Bir paket seçin ve oradan indirin. Paketin içermediği bir simgeye ihtiyacınız varsa yalnızca aynı konuyu değil, aynı stil etiketini arayın.
• Aynı çizgi kalınlığı. 2 px çizgili simgeleri 2 px çizgili simgelerle karşılaştırın. İnce ve kalın çizgileri karıştırmayın.
• Aynı köşe stili. Yuvarlak köşeler yuvarlakla, keskin köşeler keskinle.
• Aynı ızgara boyutu. Hizalamanın kolay olması için tüm simgeleri 24 px veya 32 px ızgaraya yerleştirin.
• Tek bir renk mantığı. Tek bir renk ya da markanıza bağlı tanımlı iki renkli bir palet kullanın.

Lottie animasyonlarını iyi kullanmak

Lottie'yi aşırı kullanmak kolaydır. Birkaç küçük animasyon bir arayüzü canlı hissettirir; aynı anda on tanesi gürültülü hissettirir.

• Animasyonu açıklamak için kullanın: ödemeden sonra bir onay işareti, veri gelirken bir yükleyici, boş bir durumda hafif bir hareket.
• Döngüleri kısa ve sakin tutun. İçerikle yarışmayan, onu destekleyen bir hareket hedefleyin.
• Azaltılmış hareketi tercih eden kullanıcılara saygı gösterin. Onlar için hareketsiz bir sürüm sunun veya animasyonu duraklatın.
• Dosya boyutunu test edin. Basit bir Lottie dosyası birkaç kilobayttır; çok katmanlı karmaşık bir dosya çok daha büyük olabilir.
• Yayına almadan önce animasyon renklerini markanızla eşleştirin.

Video için hareket üzerinde çalışıyorsanız, Motion Array şablonları rehberimiz hareket varlıklarına başka bir yaklaşımı ele alıyor.

3D illüstrasyonları gerçek yerleşimlerde kullanmak

3D sanat dikkat çeker, ancak yalnızca süs olarak kullanılırsa sıradan görünebilir. Bir mesaja yardımcı olduğu yerde kullanın: tek güçlü bir nesneli hero bölümü, tanınabilir bir kavramla özellik kartı veya bir sunumun başlık slaydı.

Yumuşak bir gölge, tutarlı bir ışık yönü ve sınırlı bir renk paleti kullanın. Sayfanızda zaten fotoğraflar varsa üzerine 3D eklemeyin. Sayfa başına tek bir görsel dil seçin.

Lisans ve kaynak gösterimi

Her IconScout varlığının lisans koşulları lisans türüne ve bazen içerik üreticisine bağlıdır. Bazı varlıklar kaynak gösterimi gerektirir ve varlığın kendisini satmak ya da rakip bir kütüphane oluşturmak gibi bazı kullanımlara izin verilmez.

Yaygın koşullar hakkında daha fazlasını stok varlıklar ve lisanslar açıklaması yazısında okuyabilirsiniz.

Pratik örnekler

Bir fiyatlandırma sayfası: özellik maddeleri için çizgi simge seti, hero için tek bir 3D illüstrasyon ve onay durumu için küçük bir Lottie onay işareti kullanın.

Bir yatırımcı sunumu: her slaytta tek bir paketten PNG simgeler ve kapakta bir 3D nesne kullanın. Animasyon gerekmez, bu yüzden Lottie'yi atlayın.

Bir mobil uygulama ilk kullanım tanıtımı: ekran başına bir tane olmak üzere aynı palet ve aynı hareket hızına sahip üç Lottie dosyası.

Sıkça sorulan sorular

Lottie animasyonlarını JSON dosyası olarak indirebilir miyim?

Evet, Lottie varlıkları JSON olarak, bazen de sıkıştırılmış dotLottie biçiminde sunulur. Bunları bir web sayfasında veya uygulamada Lottie oynatıcı kütüphanesiyle oynatırsınız.

Simgeler için SVG mi PNG mi kullanmalıyım?

Simge yeniden boyutlandırılacak veya yeniden renklendirilecekse, web siteleri ve uygulamalarda olduğu gibi, SVG kullanın. Yalnızca bir görsele ihtiyaç duyduğunuz slaytlarda, belgelerde ve gönderilerde hızlı yerleştirme için PNG kullanın.

İndirdiğim simgenin renklerini değiştirebilir miyim?

SVG ile evet, herhangi bir vektör düzenleyicide veya kodda. PNG ile renk değişiklikleri sınırlıdır. Lottie renkleri Lottie düzenleme araçlarında değiştirilebilir.

Kaynak göstermem gerekiyor mu?

Varlık lisansına bağlıdır. Kaynak gösterimi gereksinimleri için varlık sayfasına bakın ve gerekirse belirtebilmek için paket adını saklayın.

3D illüstrasyonlar baskı için uygun mu?

Yüksek çözünürlüklü bir sürüm indirirseniz olabilir. Piksel boyutlarını baskı boyutunuzla karşılaştırın ve matbaaya göndermeden önce baskı ve web dosyaları rehberimize bakın.