Web sitesi veya uygulama için ikon seti: nasıl planlanır ve sipariş edilir

2 dk okuma

İkonlar, insanlara nereye dokunacaklarını söyleyen küçük görsellerdir: ana sayfa, sepet, teslimat, destek, profil. Farklı ücretsiz paketlerden geldiklerinde site yamalı görünür: kalın çizgiler incelerin yanında, yuvarlak köşeler sivri köşelerin yanında. Uyumlu bir set bunu düzeltir ve basit bir siteyi bile bitmiş gösterir. Bir seti şöyle planlayabilirsiniz.

Bir web sitesi veya uygulama için uyumlu ikon seti

Her şeyden önce bir liste yapın

Sitenizi veya uygulamanızı baştan sona gezin ve bir ikonun yardımcı olacağı her yeri not edin:

  • Ana menü: ana sayfa, katalog, arama, sepet, hesap.
  • Özellikler veya avantajlar: hızlı teslimat, güvenli ödeme, iade, destek.
  • İletişim ve eylemler: telefon, e-posta, konum, paylaş, indir.

Her ikonu birkaç kelimeyle tarif edin, örneğin "teslimat: küçük bir kamyonet" veya "iade: oklu bir kutu". Liste ne kadar net olursa sonradan o kadar az değişiklik gerekir.

Kaç ikona ihtiyacınız var

  • Yaklaşık 4: üç dört avantajı olan bir landing page veya kısa bir sunum.
  • Yaklaşık 8: küçük bir sitenin ana bölümleri ve özellikleri.
  • Yaklaşık 16: bir uygulama veya çok bölümlü daha büyük bir site için tam set.

Bugün ihtiyacınız olandan birkaç tane fazla sipariş etmek genellikle daha iyidir. Sonradan, ayrı bir siparişle çizilen ikonları birebir eşleştirmek daha zordur.

Tek bir stil seçin

Bir stil seçin ve bütün sette ona bağlı kalın:

  • Çizgisel (outline): ince çizgiler, hafif ve modern, sade arayüzler için iyi.
  • Dolgulu: dolu şekiller, çok küçük boyutlarda bile kolay okunur.
  • Çift tonlu: tek rengin iki tonu, biraz daha karakterli.
  • 3D: yumuşak hacim ve gölgeler, canlı landing page'ler için iyi.

Beğendiğiniz birkaç ikonunuz zaten varsa onların bağlantısını paylaşın ki yeniler aynı görünümü izlesin.

Renkler

Marka renklerinizi kullanın ve varsa #1A73E8 gibi hex kodlarıyla verin. Genellikle bir ana renk ve bir vurgu rengi yeterlidir. Henüz marka renkleriniz yoksa nötr bir palet her arka planda işe yarar.

Her şeyi küçük boyutlar belirler

Menüdeki bir ikon çoğu zaman yalnızca 24 piksel genişliğindedir. Bu boyutta ayrıntılar kaybolur, bu yüzden basit şekiller kazanır:

  • Her ikonda tek bir fikir. Teslimat için bir kamyonet; yol, saat ve kutuyla birlikte bir kamyonet değil.
  • İçinde yazı yok. İkon küçükken kelimeler okunmaz hale gelir.
  • Tanıdık semboller. Arama için büyüteç, alışveriş için sepet her yerde anlaşılır.

Ne alırsınız ve nasıl kullanırsınız

Tipik bir set, şeffaf arka planlı ayrı PNG dosyaları olarak gelir; böylece her ikon herhangi bir rengin üzerine yerleştirilebilir. PNG bir raster formatıdır: web siteleri, uygulamalar ve slaytlar için uygundur, ama sınırsız büyütebileceğiniz bir vektör dosyası değildir. Bir favicon gerekiyorsa ücretsiz bir online dönüştürücü bir dakikada PNG'yi ICO dosyasına çevirir.

Kısacası

Net bir liste, doğru sayıda ikon, tek bir stil ve marka renkleriniz: bir set her ekranda böyle tutarlı görünür. Setin sizin için çizilmesini tercih ederseniz ikon seti sipariş edin: ikon listesini, stili ve renklerinizi gönderirsiniz, şeffaf arka planlı ayrı PNG dosyaları halinde 4, 8 veya 16 uyumlu ikon alırsınız. Ödeme ancak siz işi onayladıktan sonra serbest bırakılır.