Daha geniş bir ekranda soldan sağa bakardık, daha dar bir ekranda ise yukarıdan aşağıya bakma eğilimindeyiz. Sağdaki içerik, daha geniş bir ekranda solda görünecek içeriğin altına taşınır. Sonunda, yatay alan tamamen sınırlı olduğunda, gezinme basitleştirilir ve dikey olarak istiflenir ve bazı tekrarlanan veya gereksiz öğeler kaldırılır. Sert haşlanmış Sert haşlanmış Bu tasarım, bir baskı stilinden ilham alan karmaşık bir düzene sahiptir. Standart geniş bir bilgisayar ekranında görüntülendiğinde, daha fazla portföy parçası öne çıkarılır ve sayfaya yatay olarak yayılır. Sayfada aşağı doğru ilerledikçe, daha fazla grafik ve görüntü alanı kaplar. Daha küçük bir ekranda, portföy parçası bire indirilir ve sonunda çok küçük ekranlar ve dar tarayıcılar için tamamen dışarıda bırakılır. Aşağıdaki görselleştirmeler daha az sütun ve daha fazla satıra daralır ve yine bazıları çok küçük ekranlar için tamamen düşer. Bu tasarım, çok yaygın olmayan bir düzeni duyarlı bir şekilde çalıştırmanın yaratıcı ve akıllı bir yolunu gösterir. Teixido Teixido Bu tasarımın, ekranın veya tarayıcının ne kadar geniş olduğuna bağlı olarak, tasarımın ve düzenin daha kullanıcı dostu bir forma dönüştüğü üç ana aşaması vardır. Ana görüntü (öne çıkan tip), esnek bir görüntü yöntemiyle orantılı olarak ölçeklenir. Her “düzen yapısı”, bir kırılma noktasına ulaşana kadar tamamen esnektir ve bu noktada düzen, daha az yatay alanla daha kullanışlı bir şeye geçer. En alttaki dört sütun sonunda ikiye daralır, logo gezinmenin üzerine taşınır ve aşağıdaki gezinme sütunları birbirinin üstüne veya altına taşınır. Tasarımın en dar aşamasında, gezinme süper basitleştirilir ve bazı gereksiz içerikler tamamen kesilir.