optik hizalama UI tasarım kararlarında matematiksel mükemmelliğin gözü yanılttığı durumlardır. Piksel hassasiyetiyle hizalanmış iki nesne görsel olarak hizasız görünebilir; gözün algı mekanizmaları matematiksel eşitliği değil görsel dengeyi arar. Bu problem en çok üç senaryoda ortaya çıkar: 1. Geometrik şekil ve metin: Bir daire ile bir kare aynı sınırlayıcı kutuya (bounding box) sahipse daire görsel olarak daha küçük algılanır. Bunun nedeni karenin köşelerinin ağırlık noktaları oluşturmasıdır. optik hizalama UI tasarım pratiğinde çözüm: daireyi birkaç piksel dışa taşıyarak görsel büyüklük eşitliği sağlanır. 2. İkon ve metin hizalaması: Yüksek profilli ikonlar matematiksel olarak merkeze yerleştirildiğinde alt kısımlarının ağır göründüğü sıklıkla gözlemlenir; görsel merkez matematiksel merkezin biraz üzerindedir. Bu nedenle ikonlar sıklıkla 1-3 piksel yukarı kaydırılır. 3. Köşe yarıçapları ve dolgu: Dairesel kenarlı bir button içinde metin matematiksel olarak merkezlense de dolgu köşeye yaklaştığında görsel sıkışma hissi oluşur. Köşe yarıçapının büyüdüğü kenarlara daha fazla dolgu eklenmesi optik dengeyi geri kazandırır. Tipografide optical sizing de bu olgunun bir parçasıdır. Küçük font boyutlarında x-yüksekliği (x-height) ve kontrast oranı, büyük boyutlara göre farklı optik ağırlık davranışı gösterir. Değişken font (variable font) teknolojisinde optical size ekseni tam bu sorunu çözer: 12px ve 72px sürümler matematiksel olarak orantılı değildir ancak her boyutta optimal optik ağırlık sağlar. Nümerik sistemlere karşı kural şöyledir: matematiksel hizalama bir başlangıç noktasıdır; son karar her zaman optik değerlendirmeye aittir. UI review sürecinde piksel şablonu üzerinde 1-4 px fark normal kabul edilmeli; bu farkların kasıtlı ve tutarlı uygulandığı belgelenmelidir.