Minimalist Tasarımın Giriş ve Çıkışları
Minimalizm asla ölmeyecek bir eğilimdir. Etkileyici karmaşık tasarımlarla kaç kez huşu içinde kalırsak kalırız, sadelik hakkında her zaman bizi yakalandığı gibi bırakan bir şey olacaktır.
Bugün, web tasarımında minimalizmin bazı temel yönlerinin yanı sıra doğru yapan tasarımcıların bazı örneklerine bakacağız.
Tasarım Kaynaklarını Keşfedin
Ne değil
Neyin ne olduğunu tartışırken bir şeyin ne olmadığını keşfetmek neredeyse her zaman iyi bir fikirdir. Karşıtları incelemek bize bir nokta kontrastı verir ve tanımı şekillendirmeye yardımcı olur. Esasen, minimalizm görsel olarak gereksiz olandan ayrılıyor. Zengin çeşitlilikte renk paletleri ve karmaşık öğeler, basit düz renkler ve temel çizgiler lehine terk edilir.
Aşağıdaki iki örneği ele alalım. Bu siteler minimalist zihniyete açık bir alternatiftir. Görsel olarak oldukça meşguller ve sayfada neler olup bittiğini iyi bir şekilde kavramış gibi hissetmeden önce keşfetmek için bir dakikanızı alabilir.
Bu onları kötü tasarımlar yapıyor mu? Kesinlikle hayır. Birçok tasarımcı belirli stilleri açıkça tercih etse de, belirli bir yönteme değer ifadeleri atamak, mavinin yeşilden daha iyi veya soldan sağdan daha iyi olduğunu söylemek kadar yararlıdır; sadece bu ifadelerin hiçbir gerçeği yoktur ve bu tür olasılıkların tartışılmasında hiçbir şey kazanılmaz.
Profesyonel bir tasarımcıysanız, müşterinizin iradesini ve kişiliğini memnun etmek için herhangi bir sayıda tasarım stilini çekebilmelisiniz. Minimalizmin ne olmadığı sorusunun cevabı, web sitelerini tasarlamak için doğal olarak daha iyi bir yaklaşım olmamasıdır. Daha sonra anahtar, meşgul, minimalist veya başka sayıda tasarım stilini daha iyi olup olmadığınıza karar vermek değil, her yöntemi etkili bir şekilde uygulamayı öğrenmektir. Minimalist bir tasarım oluştururken odaklanacak birkaç alanı inceleyelim.
matbaacılık
Tipografi seçiminiz minimalist tasarımınızın etkinliğinde büyük bir rol oynar. Yüksek düzeyde okunabilirliğe sahip temiz, basit yazı tiplerini seçin. İnce yazı tipleri genellikle minimalizmi iletmek için kullanılır, ancak kalın bir yazı tipi, başlık gibi önemli bir öğeyi sergilemek için harika bir yoldur.
Aynı şekilde, karmaşık bir komut dosyası yazı tipi ile sağlam bir minimalist tasarımı bile çekebilirsiniz. Sayfadaki tek bir alana dikkat çekmek için bir komut dosyası kullanırken sayfanızı ve diğer tipografinizi mümkün olduğunca basit tutmayı deneyin.
Ek kaynaklar
40 Ücretsiz Minimalist Ve Yüksek Kaliteli Fontlar
70 Minimalist Tipografi Örnekleri
Güçlü Izgara Hizalamaları
Minimalizmin en sevdiğim uygulaması, kullanılabilirliği artırma amacına ulaşmak için yapıldığı zamandır. İyi minimalist web tasarımı genellikle sayfayı minimum sayıda ayrı bölüme sıyırmaya odaklanır ve içerik, gezinmenin neredeyse her türlü öğrenme eğrisinden veya görsel karışıklıktan neredeyse yoksun olduğu bir yoldur.
Bu genellikle kolayca görünen ızgara tabanlı hizalamalara neden olur. Gözlerimiz bu içerik modeline çok aşinadır ve genellikle hızlı bir bakışta onu sıralamakta sorun yaşamazlar. Ayrıca beyninizde, öğelerin düzgün ve öngörülebilir bir şekilde sıralanmasını isteyen bir şey var. Hem dikey hem de yatay olarak güçlü hizalama içeren bir sayfa görmek hoştur. Aksine, bir sayfadaki öğelerin düzenlenmesinde hemen net bir model belirleyemediğimizde bir tür görsel ve psikolojik uyumsuzluk vardır.
Ek kaynaklar
1KB CSS Izgarası
ZURB CSS Izgara Oluşturucu
Kontrast
Eğer eserlerde minimalist bir tasarıma sahipseniz ve sadece bir şey eksik gibi görünüyorsa, olasılıklar biraz kontrast ekleyerek tasarımı önemli ölçüde artıracaktır. Pratik bir el tarafından kullanıldığında, kontrast tüm iyi tasarımın anahtarıdır (bu battaniye ifadesini ölüme karşı savunacağım). Minimalist web tasarımında, sayfa o kadar aşağıya çekilir ki, bazı akıllı kontrastlardan daha azı vardır.
Kontrast, hepimizin doğal olarak anladığı bir kavramdır, ancak bunun farkında olmanız, tasarımlarınızı büyük ölçüde geliştirebilir. Aşağıdaki basit tasarıma göz atın:
Burada renk ve güzel resimlerle ilgili çok fazla bir şey yok. Bununla birlikte, kontrastın güçlü kullanımı nedeniyle tasarım oldukça çekici. Üstbilgi ve içerik alanı açıkça ayrılmıştır ve oldukları şey için anında tanınabilir (altbilgi aynı numarayı kullanır). Sayfadaki kopya, dikkatinizi tasarımcının önemli gördüğü mesaj bölümlerine çekmek için boyut ve kalınlık bakımından farklılık gösterir.
Yukarıdaki sayfa farklılaşma için gri tonları kullanmaktadır, ancak aynı şeyi gerçekleştirmek için farklı renkleri de kolayca kullanabilirsiniz.
Kontrast ve çakışan renkler arasında büyük bir fark olduğunu unutmayın. İki rengin çok farklı olması, gözlerinizin farkı hoş olarak algılayacağı anlamına gelmez. Sert kararlar vermeden önce renk teorisine uyduğunuzdan emin olun.
Kontrastla hatırlanması gereken en önemli şey, en iyi tasarım yazarı Robin Williams tarafından söyleniyor: “Wimp olma!” Bununla kastettiği, biraz kontrastın uzun bir yol kat etmemesidir. Eğer göze çarpacak şekilde daha büyük bir şey yapacaksanız, onu daha büyük hale getirin. Eğer daha cesur kılacaksanız, gerçekten cesur olun! Kontrastın orada olup olmadığını anında söyleyebilmelisiniz. Bunu, metin kalın harflerle gösterildiğinde sık sık görürüz. Bazen kalın metin ile normal metin arasındaki fark o kadar hafiftir ki, farkı görmek için gerçekten bakmanız gerekir! Bu durumda, kalın metin hiçbir amaca hizmet etmez ve görsel karışıklığı önlemek için diğerleriyle aynı olmalıdır.
Beyaz boşluk
Bu makalenin başındaki yoğun örnekleri tekrar düşünün. Bu tasarımcılar ekranın neredeyse her santimini görsel olarak ilginç bir şeyle doldurmayı seçti. Minimalizm yine tam tersi bir yaklaşım benimser. Sayfanın ana bileşenlerini, onları ayıran geniş solunum odasına verir.
Beyaz alan, izleyiciyi rahat ve daha az klostrofobik hissettirir. Ayrıca tasarımcının, izleyicinin nerede görünmesini istediğiniz üzerinde kontrol sahibi olmanıza yardımcı olur. Bazı tasarımcılar, görüntüleyenlerin bir z desenini izleyerek soldan sağa doğru her sayfayı okuyacaklarında ısrar ederler. Bu her durumda doğru değildir. Yukarıdaki tasarımcı, gözlerinizi bilgisayar ekranının resmine çekmek için beyaz alanı ve parlak bir görüntüyü nasıl kullandığına dikkat edin. Gözleriniz görüntünün tam ortasından başlar, sol üstte değil!
Bunun, yukarıda belirtildiği gibi kontrast ile ilgili her şeyi ve belirli bir nesnenin kapladığı alanı, çevresindeki boşlukları karşılaştırır. Başlangıç mizanpajını yaparken doğru miktarda boşluk için bir fikir edinmek için, sayfaya yerleştireceğim nesneleri genellikle Illustrator'da son derece temel şekillere dönüştürürüm. Sonra nesneleri dikkatleri dağılmadan hızla karıştırabilir ve yeniden boyutlandırabilirim. Düzeni bu şekilde yapmak, sizi daha karmaşık estetik öğelere bile yaklaşmadan önce sayfanızın dengesi hakkında düşünmeye zorlar.
Gördüğünüz gibi, Jolicloud düzeni bu şekilde bakıldığında oldukça dengeli ve çekici. Beni rahatsız eden tek şey, navigasyon bağlantılarının içeriğin sağ tarafı ile aynı hizaya gelmemesidir. Görmeyi kolaylaştırmak için basitleştirilmiş versiyonda biraz abarttım, ancak orijinal görüntüde de kesinlikle böyle. Yine, gezinme bağlantılarının biraz garip bir şekilde konumlandırıldığı (ne merkeze hizalanmış ne de sağa hizalanmış, ancak aradaki bir yerde) hemen anlaşıldığı için sayfayı temel şekillere indirmenin yararını görüyoruz.
Minimalizm Üzerine Daha Fazla Makale
Yeterli minimalizm elde edemiyor musunuz? Aşağıdaki harika makalelere ve sitelere göz atın:
- 21 Özellikle Minimalizm Sevenler İçin Kaynaklar: Vandelay Design
- Temiz ve Minimalist Tasarımların Vitrini: Smashing Magazine
- Web'de Minimalizm: Tasarım İlham ve WP Temaları: Eğitim 9
- 20 Güzel Minimalist WordPress Temaları: Altı Revizyon
- 25 Güzel Minimalist Web Sitesi Tasarımı: Vandelay Design
Sonuç
Bu, web tasarımında minimalizm tartışmamızı tamamlıyor. Aşağıdaki yorumlarda bu eğilim hakkında ne düşündüğünüzü bize bildirin. Ayrıca web tasarım minimalizm örnek favori siteleri herhangi bir bağlantı eklediğinizden emin olun.
