Tek görsel dil, birçok sayfa
Bu portföy, farklı içerik türlerini ilgisiz şablonlardan oluşan bir koleksiyona dönüşmeden taşımalı. Ana sayfa işi tanıtıyor, liste sayfaları hızlı taramayı destekliyor, yazılar ise uzun okumaya alan açıyor. Bu farklı tempoları aynı kimlik içinde tutacak tek bir yerleşim dili tasarladım.
Sistem; kâğıt tonlu bir yüzey, ana içerik için mürekkep rengi, tek vurgu rengi, ortak kenarlıklar ve ekran genişliği değişirken ritmini koruyan bir tipografi ölçeğiyle başlıyor. Bunlar sonradan eklenen tema ayrıntıları değil. Her sayfayı kurarken kullandığım sınırlar.
Önemli kurallar
- Paneller keyfi boşluklarla değil, doku şeritleriyle ayrılır.
- Markdown işaretleri (#, ##, –) tek ek süstür.
- Meta veriler her zaman vurgu rengini kullanır; mürekkep rengini değil.
Bu kurallar, her sayfa için yeniden karar verme ihtiyacını azaltıyor. Yeni bir bölüm içerik yoğunluğunu değiştirebilir; ancak bunun için yeni bir kenarlık stili, süsleme motifi ya da meta veri yaklaşımı üretmiyor. İçerik değişse bile sayfa aynı sistemin parçası olarak kalıyor.
Sayfa türü, ritmi değiştiriyor
Ortak kurallar bütün sayfaların aynı olması anlamına gelmiyor. Ana sayfa kısa bölümler arasında ilerliyor. Liste sayfasında tekrar eden satırların kolay taranması gerekiyor. Yazı sayfasında satır uzunluğu ve başlıklar arasındaki duraklar, uzun okumaya göre ayarlanıyor. Her format aynı görsel sözlüğü kullanıyor, ardından sıralamayı ve boşlukları kendi okuma görevine göre düzenliyor.
Bu sayfa türlerini birlikte değerlendiriyorum. Bir tipografi, renk ya da boşluk kararı değiştiğinde yalnızca tek ekranın iyileşip iyileşmediğine değil, sitenin tamamının hâlâ tutarlı bir sistem gibi okunup okunmadığına bakıyorum.
Tasarım ve geliştirme birbirinden kopmuyor
Portföyü tasarlarken aynı anda geliştirmek, kuralları çalışan sınırlara dönüştürüyor. Görsel bir fikir responsive genişliklerde, gerçek içerik uzunluklarında ve tekrar eden kullanımda ayakta kalmalı. Yalnızca tek bir hazırlanmış ekranda çalışıyorsa henüz sistemin parçası değildir.
Bu döngü, görsel dili gevşetmeden esnek tutuyor. Tekrar eden kullanım hangi kararların ortak kurala dönüşmesi, hangilerinin sayfaya özel kalması gerektiğini gösteriyor.
Çalışma neyi gösteriyor
Proje, kişisel bir siteyi bağımsız ekranlar dizisi yerine bir yayın sistemi olarak ele almanın değerini gösteriyor. Sınırlı palet ve az sayıdaki yerleşim kuralı dikkati işe bırakıyor; tutarlı uygulama da site büyürken deneyimin dağılmasını önlüyor.