Simgeler (Tasarım temelleri)

Simgeler nesnelerin resimsel temsilleridir, yalnızca bir programın görsel kimliğinin bir parçası olarak estetik nedenlerle değil, aynı zamanda kullanıcıların neredeyse anında algıdığı anlamı iletmek için kısaltma olarak yardımcı nedenlerle de önemlidir. Windows Vista, Windows'a daha yüksek düzeyde ayrıntı ve gelişmişlik getiren yeni bir ikonografi stili getirir.

Not: standart simgeler ile ilgili Yönergeleri ayrı bir makalede sunulmuştur.

Tasarım kavramları

Aero, Windows Vista'nın kullanıcı deneyiminin adıdır ve hem estetiğin tasarımında yer alan değerleri hem de kullanıcı arabiriminin (UI) arkasındaki vizyonu temsil eder. Aero, orijinal, enerjik, yansıtıcı ve açık anlamına gelir. Aero, hem profesyonel hem de güzel bir tasarım oluşturmayı amaçlar. Aero estetiği, kullanıcı üretkenliğini kolaylaştıran ve hatta duygusal bir yanıt veren yüksek kaliteli ve zarif bir deneyim yaratır.

Windows Vista simgeleri, Windows XP stilindeki simgelerden aşağıdaki yollarla farklıdır:

• Stil, illüstratiften daha gerçekçidir, ancak tam olarak fotorealistik değildir. Simgeler, fotorealistikten daha iyi görünmeleri gereken sembolik görüntülerdir!
• Simgelerin boyutu en fazla 256x256 pikseldir ve bu da yüksek dpi (inç başına nokta) ekranlar için uygun olmalarını sağlar. Bu yüksek çözünürlüklü simgeler, büyük simgeler içeren liste görünümlerinde yüksek görsel kalitesi sağlar.
• Pratik olan her yerde, sabit belge simgeleri içeriğin küçük resimleriyle değiştirilerek belgelerin tanımlanması ve bulunması daha kolay hale getirilir.
• Araç çubuğu simgeleri, daha küçük boyutlar ve görsel ayırt edicilik için en iyi duruma getirmek için daha az ayrıntıya sahiptir ve perspektif içermez.

İyi tasarlanmış simgeler:

• Programınızın görsel iletişimini geliştirin.
• Kullanıcıların programınızın görsel tasarımıyla ilgili genel izlenimlerini ve uygun ve son özellikleriyle ilgili takdirlerini önemli ölçüde etkiler.
• Programları, nesneleri ve eylemleri tanımlamayı, öğrenmeyi ve bulmayı kolaylaştırarak kullanılabilirliği geliştirin.

Aşağıdaki resimler, Windows Vista'daki Aero simgeografi stilini Windows XP'de kullanılandan farklı kılan şeyi gösterir.

kilit ve anahtar simgelerinin

Windows Vista simgeleri (soldaki kilit ve tuş) orijinal, canlı ve ayrıntılıdır. Bunlar çizilme yerine işlenir, ancak tamamen fotorealistik değildir.

Dünya ve spiral not defteri simgelerinin

Windows Vista simgeleri (soldaki ikisi) profesyonel ve güzeldir ve simge üretim kalitesini geliştiren ayrıntılara dikkat eder.

Not defteri, kilit, monitör ve kağıt

Bu Windows Vista simgeleri, perspektifte ve ayrıntılarda optik dengeyi ve algılanan doğruluğu gösterir. Bu, büyük veya küçük, yukarı yakın veya uzaktan görünmelerini sağlar. Ayrıca, bu ikonografi stili yüksek çözünürlüklü ekranlar için çalışır.

Bu örneklerde perspektifte üç boyutlu bir nesne, öne dönük (düz) simge ve araç çubuğu simgesi gibi farklı simge türleri gösterilir.

Yönerge -leri

Perspektif

• Windows Vista'daki simgeler üç boyutlu olup perspektifte düz nesneler olarak veya düz olarak gösterilen iki boyutlu nesnelerdir. Dosyalar ve belgeler veya kağıt parçaları gibi düz olan nesneler için düz simgeler kullanın.

  3b bilgisayar ve düz, 2b kağıt

  Tipik 3B ve düz simgeler.

• Üç boyutlu nesneler perspektifte iki kaybolan nokta ile kuş bakışı düşük bir görünümden görülen düz nesneler olarak temsil edilir.

  Perspektifgörüntüsü

  Bu örnek, 3B simgelerin tipik perspektifini ve yok olan noktalarını gösterir.

• Daha küçük boyutlarda, aynı simge perspektiften doğrudan açık olarak değişebilir. 16x16 piksel ve daha küçük boyutta, simgeleri doğrudan (öne dönük) işleyerek. Daha büyük simgeler için perspektif kullanın.

  • Özel Durum: Araç Çubuğu simgeleri, daha büyük boyutlarda bile her zaman ön tarafa yöneliktir.

  Büyük 3b bilgisayar ve küçük 2b bilgisayargörüntüsü

  Bu örnekte, boyuta bağlı olarak aynı simgenin nasıl farklı şekilde ele alınanları gösterilmektedir.

Işık kaynağı

• Perspektif kılavuzundaki nesneler için ışık kaynağı yukarıda, biraz önünde ve nesnenin biraz solundadır.
• Işık kaynağı, nesne tabanının arka ve sağ kısmında hafifçe gölgeler oluşturur.
• Tüm ışık ışınları paraleldir ve nesneyi aynı açı boyunca (güneş gibi) vurarak. Amaç, tüm simgeler ve öne çıkan efektler arasında tekdüzen bir aydınlatma görünümüne sahip olmaktır. Paralel ışık ışınları, tümü aynı uzunlukta ve yoğunluğa sahip gölgeler üretir ve birden çok simge arasında daha fazla birlik sağlar.

Gölge

Genel

• Nesneleri arka plandan görsel olarak kaldırmak ve 3B nesnelerin boşlukta garip bir şekilde kayan yerine topraklanmış görünmesini sağlamak için gölgeleri kullanın.

• Gölgeler için yüzde 30-50 opaklık aralığı kullanın. Bazen simgenin şekline veya rengine bağlı olarak farklı bir gölge düzeyi kullanılmalıdır.

• Gerekirse, simge kutusu boyutuyla kırpılmasının engellenmesini sağlamak için Tüy veya gerekirse gölgeyi kısaltın.

• 24x24 veya daha küçük boyutlardaki simgelerde gölge kullanmayın.

  Gölgeler

  Tipik simge gölgeleri.

Düz simgeler

• Düz simgeler genellikle belge veya kağıt parçası gibi dosya simgeleri ve düz gerçek dünya nesneleri için kullanılır.
• Düz simge aydınlatması 130 derecenin sol üst kısmından gelir.
• Daha küçük simgeler (örneğin, 16x16 ve 32x32) okunabilirlik için basitleştirilmiştir. Ancak, simge içinde bir yansıma içeriyorsa (genellikle basitleştirilmiştir), sıkı bir gölgeye sahip olabilirler. Gölge aralığı yüzde 30-50 arasında opaklıktadır.
• Katman efektleri düz simgeler için kullanılabilir, ancak diğer düz simgelerle karşılaştırılmalıdır. Nesnelerin gölgeleri, en iyi görünen ve boyut kümesi içinde ve Windows Vista'daki diğer simgelerle en tutarlı olan şeye göre değişir. Bazı durumlarda gölgeleri değiştirmek bile gerekebilir. Bu, özellikle nesneler başkalarına yerleştirildiğinde geçerli olacaktır.
• İstenen sonuca ulaşmak için ince bir renk aralığı kullanılabilir. Gölgeler nesnelerin uzayda oturmalarına yardımcı olur. Renk, gölgenin algılanan ağırlığını etkiler ve çok ağırsa görüntüyü bozabilir.

Katman Stili iletişim kutusundaki Gölgeyi Bırak seçeneği ve düz simge için tipik bir gölge.

Temel düz simge gölge aralıkları

Üç boyutlu simgeler

• 3B simgeler için büyük/küçük harf temelinde gölgeler oluşturun. Bu gölgeler, bir dizi atama mesafesine sığacak ve tamamen saydam olacak şekilde geçiş yumuşatma gerçekleştirebilirsiniz. Bir gölge için alan açmak için (bir tane gerektiren boyutlar için) genel simge boyutunun gerektirdiğinden biraz daha küçük boyutlu görüntüler oluşturun. Gölgenin simgenin kenarında aniden sona ermediğinden emin olun.

'da gölge oluşturma çizimi

Bu örnekler, nesnenin şekline ve konumuna göre oluşturulan varyasyonları göstermeye yardımcı olur. Gölgenin simge kutusu boyutuyla kırpılmasının engellenmesi için bazen tüylü veya kısaltılmış olması gerekir.

Renk ve doygunluk

• Renkler genellikle Windows XP'den daha az doygunluktadır.

• Daha gerçekçi görünümlü bir görüntü oluşturmak için gradyanları kullanın.

• Standart simgeler için belirli bir renk paleti olmasa da, birçok bağlamda ve temada birlikte iyi çalışması gerektiğini unutmayın. Standart renk kümesini tercih edin; uyarı simgeleri gibi standart simgeleri yeniden renklendirmayın çünkü bu, kullanıcıların anlam yorumlama becerisini bozar. Daha fazla yönerge için bkz. Color.

• Simge dosyaları, uzak masaüstünde varsayılan ayarı desteklemek için 8 bit ve 4 bit palet sürümleri de gerektirir. Bu dosyalar bir toplu işlem aracılığıyla oluşturulabilir, ancak daha iyi okunabilirlik için rötuş yapılmasını gerektireceği için bunlar gözden geçirilmelidir.

  Renk seçici iletişim kutusunun

  Katı renk paleti kısıtlaması yoktur. Yalnızca tam doygunluk (sağ üst) önlenir.

• Bit düzeyleri: 32 bit (alfa dahil) + 8 bit + 4 bit için ICO tasarımı (yalnızca en kritik pikseli otomatik olarak aşağı kaydırır). 256x256 piksel görüntünün yalnızca 32 bit kopyası eklenmelidir ve dosya boyutunun küçültülmesi için yalnızca 256x256 piksel görüntü sıkıştırılmalıdır. Çeşitli simge araçları Windows Vista için sıkıştırma sunar.

• Bit düzeyleri: Araç çubukları 24 bit + alfa (1 bit maske), 8 bit ve 4 bit.

• Araç çubukları veya AVI dosyaları: Arka plan saydamlığı rengi olarak eflatun (R255 G0 B255) kullanın.

Boyut gereksinimleri

Genel

• Ana uygulama simgeleri, Windows Gezgini'nde görüntülenebilen dosya simgeleri ve Başlat Menüsünde veya masaüstünde görünen simgeler gibi yüksek görünürlük simgelerine özellikle dikkat edin.
  • Uygulama simgeleri ve Denetim Masası öğeleri: Tam küme 16x16, 32x32, 48x48 ve 256x256 (kod 32 ile 256 arasında ölçeklendirilir) içerir. .ico dosya biçimi gereklidir. Klasik Mod için tam küme 16x16, 24x24, 32x32, 48x48 ve 64x64'dür.
  • Liste öğesi simgesi seçenekleri: Dosya türünün canlı küçük resimlerini veya dosya simgelerini kullan (örneğin, .doc); tam küme.
  • Araç Çubuğu simgeleri: 16x16, 24x24, 32x32. Araç çubuğu simgelerinin 32x32 boyutunda bile 3B değil her zaman düz olduğunu unutmayın.
  • İletişim kutusu ve sihirbaz simgeleri: 32x32 ve 48x48.
  • Yer Paylaşımları: Çekirdek kabuk kodu (örneğin, kısayol) 10x10 (16x16 için), 16x16 (32x32 için), 24x24 (48x48 için), 128x128 (256x256 için). Bunlardan bazılarının biraz daha küçük olduğunu ancak şekil ve optik dengeye bağlı olarak bu boyuta yakın olduğunu unutmayın.
  • Hızlı Başlatma alanı: SimgeleriNin ölçeği Alt+Sekme dinamik katmanlarında 48x48'den azaltılır, ancak daha net bir sürüm için .ico dosyasına 40x40 ekleyin.
  • Balon simgeleri: 32x32 ve 40x40.
  • Ek boyutlar: Bunlar, diğer dosyaları oluşturmak için kaynak olarak kullanılabilir (örneğin, ek açıklamalar, araç çubuğu şeritleri, yer paylaşımları, yüksek dpi ve özel durumlar: 128x128, 96x96, 64x64, 40x40, 24x24, 22x22, 14x14, 10x10 ve 8x8. Bu alandaki koda bağlı olarak .ico, .png, .bmpveya diğer dosya biçimlerini kullanabilirsiniz.

Yüksek dpi için

• Windows Vista 96 dpi ve 120 dpi'ı hedefler.

Aşağıdaki tablolarda iki ortak simge boyutuna uygulanan ölçeklendirme oranları örnekleri gösterilmektedir. Bu boyutların tümünün .ico dosyasına dahil edilmemesi gerektiğini unutmayın. Kod, daha büyük olanların ölçeğini azaltacaktır.

.ico dosya boyutları (standart)

dosya boyutlarını (özel durumlar) .ico

farklı boyutlu yönlendirici simgelerinin

Ek Açıklamalar ve yer paylaşımları

• Ek açıklamalar simgenin sağ alt köşesine gider ve simge alanının yüzde 25'ini doldurmalıdır.
  • Özel Durumu: 16x16 simgeleri 10x10 ek açıklama alır.
• Simge üzerinde birden fazla ek açıklama kullanmayın.
• Yer paylaşımları simgenin sol alt köşesine gider ve simge alanının yüzde 25'ini doldurmalıdır.
  • Özel Durumu: 16x16 simgeleri 10x10 katman alır.

Ayrıntı düzeyi

• Bu simgelerin çoğunun 16x16 boyutu hala yaygın olarak kullanılmaktadır ve bu nedenle önemlidir.

• Bu boyuttaki bir simgedeki ayrıntılar, simgenin anahtar noktasını açıkça göstermelidir.

• Simge küçüldükçe, saydamlık ve daha büyük boyutlarda bulunan bazı özel ayrıntılar, basitleştirilip konuya açıklık getirmek için feda edilmelidir.

• Öznitelikler ve renkler abartılı olmalı ve önemli formları vurgulayan kullanılmalıdır.

  çizimi

  16x16'da, taşınabilir ses cihazının simgesi cep telefonuyla kolayca karıştırılabilir, bu nedenle kulak parçası gösterilecek önemli bir görsel ayrıntıdır.

• Yalnızca 256x256 boyutundan ölçeği küçültmek işe yaramaz.

• Tüm boyutların ilgili ayrıntı düzeyine ihtiyacı vardır; simge ne kadar küçük ise, tanımlama ayrıntılarını o kadar abartmalısınız.

  Net ayrıntılarıçizimi

  Bulanık ayrıntılarıçizimi

Simge geliştirme

simgeleri tasarlama ve üretme

• Deneyimli bir grafik tasarımcısı işe alın. Harika grafikler, resimler ve simgeler uzmanlarla birlikte çalışır. Vektör resmi veya 3B programları kullanan çizimlerde deneyim önerilir.
• İlk kavram taslaklarından bağlam içi mock-up'lara, son üretim gözden geçirmesine ve çalışan üründeki simgelerin uygun ve son haline bir dizi yineleme yapmayı planlayın.
• İleriyi düşün simgesi oluşturma pahalı olabilir. Tüm mevcut ayrıntıları ve gereksinimleri toplayın, örneğin: gerekli tüm simge kümesi; her biri için ana işlev ve anlam; görünür olmasını istediğiniz kümedeki aileler veya kümeler; marka gereksinimleri; tam dosya adları; kodunuzda kullanılan görüntü biçimleri; ve boyut gereksinimleri. Tasarımcıyla zamanınızı en iyi şekilde kullanabileceğinizden emin olun.
• Tasarımcının ürününüz hakkında bilgi sahibi olmayabileceğini unutmayın; bu nedenle işlevsel bilgileri, ekran görüntülerini ve belirtim bölümlerini uygun şekilde sağlayın.
• Jeopolitik ve yasal incelemeleri uygun şekilde planlayın.
• Bir zaman çerçevesi eşleyin ve düzenli iletişim sağlayın.

Kavram taslağından son ürün

cep telefonları

• Kavram taslakları oluşturun.
• Kavramı farklı boyutlarda deneyin.
• Gerekirse 3B olarak işlenme.
• Farklı arka plan renklerinde boyutları test edin.
• Simgeleri gerçek kullanıcı arabirimi bağlamında değerlendirin.
• Son .ico dosyasını veya diğer grafik kaynak biçimlerini oluşturun.

Araçları

• Kalem ve kağıt: İlk kavram fikirleri, listelenmiş ve taslak olarak belirtilmiş.
• 3B Studio Max: 3B nesneleri perspektifte işleme.
• adobe photoshop : taslak ve yineleme, bağlam içinde sahte ve son ayrıntıları.
• Adobe Illustrator/ Macromedia Freehand: Sketch ve yineleyin, ayrıntıları kesinleştirin.
• Gamani Gif Movie Gear: .ico dosyası üret (gerekirse sıkıştırma ile).
• Axialis Icon Workshop: .ico dosyası üret (gerekirse sıkıştırma ile).
• Microsoft Visual Studio, Windows Vista simgelerini desteklemez (alfa kanalı veya 256'dan fazla renk desteği yoktur).

Üretim

Adım 1: kavramsallaştırma

• Simgenin anlamlarının tutarlılığını ve diğer kullanımlarla olan ilgisinden emin olmak için mümkün olduğunda yerleşik kavramları kullanın.
• Simgenin kullanıcı arabirimi bağlamında nasıl görüneceğini ve bir dizi simgenin parçası olarak nasıl çalışabileceğini düşünün.
• Mevcut bir simgeyi düzeltiyorsanız karmaşıklığın azaltılıp azaltılamayacağını göz önünde bulundurun.
• Grafiklerinizin kültürel etkisini göz önünde bulundurun. Simgelerde harf, sözcük, el veya yüz kullanmaktan kaçının. Gerekirse, kişilerin veya kullanıcıların temsillerini mümkün olduğunca genel olarak tasvir edin.
• Birden çok nesneyi bir simgedeki tek bir görüntüde birleştiriyorsanız, görüntünün nasıl daha küçük boyutlara ölçeklendirileceğini göz önünde bulundurun. Bir simgede en fazla üç nesne kullanın (iki nesne tercih edilir). 16x16 boyutu için, tanımayı geliştirmek için nesneleri kaldırmayı veya görüntüyü basitleştirmeyi göz önünde bulundurun.
• Simgelerde Windows bayrağını kullanmayın.

2. Adım: Göster

• Windows Aero stil simgelerini göstermek için Macromedia Freehand veya Adobe Illustrator gibi bir vektör aracı kullanın. Bu makalenin önceki bölümlerinde açıklandığı gibi palet ve stil özelliklerini kullanın.
• Freehand veya Illustrator kullanarak resmi gösterin. Vektör görüntülerini kopyalayıp Adobe Photoshop'a yapıştırın.
• Photoshop'ta bir şablon katmanı oluşturup, düzenlemeye tabi boyutların kare bölgelerinde iş yapıldığından emin olun.
• Bir gölge için yer açmak için (bir tane gerektiren boyutlar için) genel simge boyutunun taleplerinden biraz daha küçük boyutlu görüntüler oluşturun.
• Dizindeki tüm simgelerin tutarlı bir şekilde konumlandırılmış olması için resimleri karelerin altına yerleştirin. Gölgeleri kesmekten kaçının.
• Bir görüntüye veya seriye başka bir nesne ekliyorsanız, ana nesneyi sabit bir konumda tutun ve büyük/küçük boyutlu görüntüleri büyük/küçük harfe bağlı olarak sol alt veya sağ üst gibi sabit bir konuma yerleştirin.

Adım 3: 24 bit görüntüleri oluşturma

• Photoshop'ta boyutları yapıştırdıktan sonra, özellikle 16x16 ve daha küçük boyutlarda resimlerin okunabilirliğini kontrol edin. Renklerin yüzdelerini kullanarak piksel dürtme gerekebilir. Saydamlığın azaltılması da gerekebilir. Önemli noktaya odaklanmak için daha küçük boyutlardaki yönleri abartmak ve yönlerini ortadan kaldırmak yaygın bir durumdur.
• 8 bit simgeler, 32 bit'ten küçük herhangi bir renk modunda görüntülenir ve 8 bit alfa kanalına sahip olmaz, bu nedenle kenarlarını temizlemeleri veya daha fazla temizlemeleri gerekebilir çünkü kenarlar düzensiz olabilir ve görüntü okunması zor olabilir).
• Photoshop'ta 24 bit görüntü katmanını çoğaltın ve katmanı 4 bit görüntüler olarak yeniden adlandırın. 4 bit görüntüleri Windows 16 renk paletine dizinleyin.
• Yalnızca 16 renk paletinin renklerini kullanarak görüntüleri temizleyin. Nesnenin renklerinin daha koyu veya daha açık sürümlerinden yapılan ana hatlar genellikle gri veya siyah olarak tercih edilir.
• Bit eşlem üzerinde çalışıyorsanız, resmin kendisinde arka plan renginin kullanılmadığından emin olun çünkü bu renk saydam renk olacaktır. Macenta (R255 G0 B255) genellikle arka plan saydamlığı rengi olarak kullanılır.

4. Adım: 8 bit ve 4 bit görüntüleri oluşturma

• 24 bit görüntülerin 32 bit simgeler haline getirilmeye hazır olduğuna göre 8 bit sürümlerin oluşturulması gerekir.
• Bağlamsal ekran görüntülerini test etmek için harika bir zaman. Bağlam içinde diğer simgeler veya bir simge ailesi görüntülenerek keşfedilebilecek şeyler şaşırtıcıdır. Bu adım zamandan ve paradan tasarruf edebilir. Dosyalar üretimden geçmeden ve devredilmeden önce sorunları yakalamak çok daha iyidir.
• Resimlerinize, bunları gerektiren boyutlarda gölge ekleyin.
• Gölgeyi ve 24 bit görüntüleri birleştirin.
• Her boyut için yeni bir Photoshop dosyası oluşturun. Uygun görüntüyü kopyalayıp yapıştırın. Her dosyayı .psd dosyası olarak kaydedin.
• Görüntü katmanını arka plan katmanıyla birleştirmeyin. Çalışırken dosya adına boyut ve renk derinliği eklemek yararlı olabilir, ancak dosyanın sonunda yeniden adlandırılması gerekebilir.

Adım 5: .ico dosyasını oluşturma

• Sanatçıların ihtiyaçlarını ve becerilerini en iyi karşılayan uygulamayı seçin. Bir sevkiyat ürününde kullanılacak simgelerin satın alınmış veya lisanslanmış bir araçta oluşturulması gerektiğini unutmayın. Bu, deneme sürümlerinin kullanılamayacağı anlamına gelir.
• Aşağıda listelenen her iki ürün de Windows Vista için simgeler üreten tasarımcılar tarafından kullanılmıştır ve her biri Adobe Photoshop CS'ye dışarı aktarma olanağı sunmaktadır.
  • Gamani Gif Movie Gear: .ico dosyası üret
  • Axialis Icon Workshop: .ico dosyası üret
• Visual Studio, Windows Vista simgelerini desteklemez (alfa kanalı veya 256'dan fazla renk desteği yoktur), bu nedenle kullanılması önerilmez.
• Simge (.ico biçimi) dosyaları 4 ve 8 bit sürümlerin yanı sıra 24 bit + alfa içermelidir.
• Hangi simge oluşturma programını kullanmayı seçerseniz seçin, dosyaları "Windows simgesi (.ico)" olarak kaydedin.
• Bazı simgesel varlıklar aslında bir alfa kanalı (örneğin, araç çubukları için) veya saydamlık ile kaydedilmiş .png dosyaları gerektiren bit eşlem şeritleri olabilir. Tümü mutlaka .ico biçim değildir; kodda hangi biçimin desteklendiğine bakın.

Adım 6: değerlendirme

• Tüm boyutlara bakın.
• Aile benzerliğini, optik dengeyi ve ayrımı değerlendirmek için aileye birlikte bakın.
• Göreli ağırlıkları ve görünürlüğü değerlendirmek için bağlama bakın (hakim olmadığından emin olun).
• Şu anda kullanılamayabilecek ancak yakın gelecekte olabilecek durumları göz önünde bulundurun. Bu simgenin açıklama eklemesi veya yer paylaşımı olabilir mi?
• Koda bakın.

Liste görünümleri, araç çubukları ve ağaç görünümleri bağlamındaki simgeler

Liste görünümleri

• Windows Vista için, küçük ölçekte görsel olarak ayrı içerik barındıran dosyalar için küçük resimler kullanın; böylece kullanıcılar aradıkları dosyayı doğrudan tanıyabilir. (Bunun için Windows Thumbnailing uygulama programlama arabirimini kullanın.)

  Klasör simgeleriekran görüntüsü

• Küçük resimlerdeki uygulama simgesi yer paylaşımları (burada gösterilmez), dosyanın önizlemesini göstermenin yanı sıra dosya türü için uygulamayla ilişkilendirmeye yardımcı olur.

Not: Görsel olarak ayrı içeriği olmayan dosyalar için küçük resimleri kullanmayın. Bunun yerine, nesne gösterimini ve ilişkili uygulamayı veya türü gösteren geleneksel simgesel dosya simgelerini kullanın.

Araç Çubukları

• Araç çubuğunda görünen simgelerin boyut, renk ve karmaşıklık düzeyinde bir optik dengeye sahip olması gerekir.
• İstenmeyen hakimiyeti veya dengesizliği önlemek için bağlamsal ekran görüntüsünde olası simgeleri test edin.
• Ekran görüntülerinde test etme, kodda pahalı yinelemeleri önlemeye yardımcı olur.
• Koddaki simgeleri de gözden geçirin. Hareket ve diğer faktörler bir simgenin başarısını etkileyebilir; bazı durumlarda daha fazla yineleme gerekebilir.

Küçük simgeler ve etiketlerekran görüntüsü

Yukarıdaki örnekte optik denge henüz sağlanmamıştır.

Farklı arka planlardaki simgelerin

Bağlam içinde yinelemeleri deneyin.

Ağaç görünümleri

• Ağaç görünümü denetiminde hiyerarşiyi korumak için optik denge gereklidir.
• Bu nedenle, genellikle bu bağlamda kullanılan simgeler orada değerlendirilmelidir. Bazen belirli bir 16x16 simgesi daha küçük hale getirilmelidir çünkü şekli diğerlerine göre optik bir hakimiyeti vardır.
• Optik dengesizliklerin telafisi, en kaliteli simgeler üretmenin önemli bir parçasıdır.

Ağaç görünümündeki iki klasör kümesinin