İçeriğe geç
Tasarım · UYGULAMALI REHBER

İkonlarda optik hizalama ve çizgi kalınlığı nasıl dengelenir?

Aynı ölçüdeki iki ikon, gözde aynı ağırlığı taşımaz. Çember, kare ve çapraz çizgileri birlikte dengeleyen bir kontrol yöntemi.

İkonlarda optik hizalama ve çizgi kalınlığı nasıl dengelenir? konusunu anlatan özgün BiDoping illüstrasyonu
BiDoping için hazırlanan editoryal illüstrasyon.

Ölçü eşitliği ile görsel eşitliği ayır

Bir iletişim kutusunda telefon, zarf ve konum işaretini yan yana koyduğunda, üçü de aynı kareye sığsa bile biri daha büyük görünebilir. Bunun nedeni yalnızca çizgi kalınlığı değildir. Kapalı yüzeylerin miktarı, köşelerin yönü ve şeklin boşluğu nasıl çevrelediği de algılanan ağırlığı değiştirir. Tasarıma başlamadan önce ikonların aynı görevi mi, farklı öncelikleri mi temsil ettiğini belirle.

Önce tek bir çalışma alanı seç. Örneğin 24 piksel kare içinde çizilen bir aileyi değerlendirirken bütün ikonları aynı yakınlaştırma oranında göster. Birini büyük çizim penceresinde, diğerini küçük önizlemede düzeltmek sağlıklı bir karşılaştırma vermez. Ölçü tablosu geometrik bir başlangıçtır; son kararı gerçek kullanım boyutundaki görünümle ver.

Dış sınırdan önce iç boşluğa bak

Bir çemberin iç boşluğu çok dar, aynı ailedeki zarfın iç boşluğu çok genişse, çember daha koyu bir leke gibi durabilir. Sadece dış kenarları hizalamak bu farkı çözmez. Çizgiler arasındaki açıklıkları, kesişen noktaları ve köşe birleşimlerini karşılaştır. Özellikle küçük ikonlarda birbirine yaklaşan iki çizgi tek bir kalın parçaya dönüşebilir.

Bir deneme kopyasında çemberi çok az büyüt, kareyi sabit tut ve ikisini metinle yan yana göster. Bu bir evrensel büyütme kuralı değildir; şekiller arasındaki farkı görmene yardım eden bir testtir. İkonun kapladığı görünür alanı, metnin büyük harf yüksekliğine ve satır içindeki boşluklara göre değerlendir.

Çizgi ailesini birlikte düzenle

Kalınlığı her dosyada göz kararı seçmek yerine bir ana örnek üzerinden ilerle. Düz çizgi, çapraz çizgi ve yuvarlak köşenin birbirine nasıl bağlandığını kontrol et. Bir ikonun uçları yuvarlak, diğerinin uçları keskinse bu fark bilinçli bir karar olmalı; farklı kaynaklardan alınmış parçaların rastlantısal sonucu olarak kalmamalı.

İkonları açık ve koyu zeminde ayrı ayrı dene. Aynı renk değeriyle çizilmiş iki işaret, çevrelerindeki boşluk değiştiğinde farklı ağırlıkta algılanabilir. Tek bir ikonu tek başına kusursuzlaştırıp ailenin geri kalanını sonradan eşlemek yerine, küçük bir karşılaştırma şeridini her düzeltmeden sonra yeniden incele.

Dosya teslimine optik karar notu ekle

Son çıktıda gerçek kullanım boyutu, çizgi ailesi ve korunacak boşluk için kısa bir not hazırla. Tasarımın başka bir bölümünde ikonlar yeniden boyutlandırılırken bu not başlangıç kararlarının kaybolmasını önler. Piksel önizlemesini ve vektör görünümünü birlikte kontrol ederek beklenmeyen kenar kalınlıklarını yakala.

Teslim kontrolünde şu üç soruyu kullan: İşaretler ilk bakışta aynı aileden mi görünüyor, metinle dengeli bir satır kuruyor mu ve küçük boyutta anlamları korunuyor mu? Cevaplardan biri hayırsa yalnızca dosyanın kenar ölçüsünü değiştirmekle yetinme; iç boşluğu veya çizgi birleşimini yeniden ele al.