Minimalist Tasarım: Yapılması ve Yapılmaması Gerekenler

Minimalist tasarımla ilgili bir şey şudur: İyi yaptığınızda kesinlikle güzeldir. Yanlış yaptığınızda, tamamen aynı nedenlerle iğrençtir. Doğru yapmak, gerçekten sadece bir avuç tasarım öğesinden oluşan bir dengeleme eylemidir.

Sanat ve tasarım bir sürü gibi, sadece sadece iş ve bir şey yapmaz olacak bir şey arasındaki farkı anlatmak için oldukça keskin göz alabilir.

Ve web tasarımınızda kaçınmak istediğiniz işe yaramayan şeyler. Minimalizme doğru çalışıyorsanız ve sitenizin bir eww yerine ziyaretçilerden bir ooh almasını istiyorsanız, yapmanız gereken birçok şeyle (ve yapmamanız gerekenlerle) ilgilendim. .

Yapın: Renk Kullanın!

İnsanlar minimalist tasarımın tek renkli veya daha da kötüsü siyah-beyaz ve/veya gri tonlamalı olduğunu düşünme eğilimindedir.

Hayır hayır hayır. Numara.

Minimalist tasarım, neredeyse paradoksal olarak, çok az şeye sahip olmakla ilgili değildir; çok az şeyi maksimize etmekle ilgili. Amacınız, sahip olduğunuz az miktardan mümkün olan en iyi şekilde yararlanmak olmalıdır.

Bu, renkler söz konusu olduğunda, renk kullanmanız gerektiği anlamına gelir. Epoch Design'dan şu örneğe bir göz atın:

Burada renk kullanımı minimum düzeydedir, ancak tasarımcı, onu görmenizi sağlamak için kullanımını en üst düzeye çıkarmıştır.

Ve burada, Boorbool'dan:

Çift tonlu arka plan çarpıcı ve akılda kalıcı, ancak sizi tokatlamıyor.

Yapmayın: TÜM Renkleri Kullanın!

Bu keyifli tasarımların diğer tarafında, minimalistler tüm renkleri kullanmak için çok fazla karanlık dürtü barındırır, yalnızca tasarımlarının temizliğini spektrumdaki hemen hemen her tonla değiştirir.

Tamam, belki o kadar da kötü değildir, ancak diğer minimalist estetiklerle rengin aşırı kullanımı inanılmaz derecede dikkat dağıtıcı ve kendi kendini yenilgiye uğratabilir.

Rogue + Co gibi. Kullanıcının dikkatini çekmek için minimalizmin temiz çizgilerini ve asimetrik kart boyutlarını kullanmaya çalışıyorlar. Ama her şeye gereksiz renkler eklediler ve sonra sebepsiz yere canlandırdılar. Kullanıcıyı içeriğin içine çekmek yerine içerikten uzaklaştırır.

Minimalist tasarımın tam tersi, yani.

Ve sonra minimalizmi tamamen anlayan Bolden var. Renk olayı hariç. Çok fazla renk ve çok zeki olmaya çalışmak, onları gereksiz animasyon eklemek zorunda bıraktı. Metni görmek için fareyi ekranın köşelerinin üzerine getirmeniz gerekir.

Bu çok az değil, değil mi?

Yapın: Animasyonu Kullanın

Görüyorsunuz, yukarıdaki animasyonlar… önemli değil. Onlar web şey katmayan. Ancak Rogue & Co kullanımı gibi sinema grafikleri işe yarayabilir; sadece siteyi geliştirmeleri gerekiyor, dağınıklığı değil.

Çoğunlukla, mikro etkileşimler işe yarayacaktır - bir düğmenin üzerine gelmek veya bir kartta vurgulanmış bir vurgu. Rahatsız edici olmayan yükleme, kaydırma veya arka plan animasyonları bile, aradığınız minimalist tasarımı geliştirebilir.

En büyük engel, animasyonun tasarımınıza uygun olduğundan emin olmaktır. Onları ait olmadıkları yerlere eklemeyin. Divi sayfamızda genişleyen altbilginin siz kaydırdıkça dikkatinizi nasıl çektiğini, ancak sayfayı kullanma şeklinizi etkilemediğini görün.

Şaşırtıcı olmayan bir şekilde Divi, bu tür mikro etkileşimleri gerçekleştirmek için yerleşik bir özelliğe sahiptir.

Yapın: Boşluk Kullanın

Renk patlamaları gibi, boşluk (veya negatif boşluk) cephaneliğinizdeki en kullanışlı silahlardan biri olabilir. Örneğin, saçma bir şekilde popüler olan Medium, neredeyse tamamen boşluktur ve işe yarıyor.

Ve dikkatinizi kesinlikle ihtiyacınız olan düğmelere ve bağlantılara çekmek için tek rengin nasıl kullanıldığını gördünüz mü?

Boşluğu etkili bir şekilde kullanmanın bir dengesi var. Okunabilirliği ve kullanışlılığı estetik çekicilikle dengelemek istiyorsunuz. Etkili bir şekilde kullanıldığında boşluk, minimalist tasarımınızı unutulmaz kılmak için inanılmaz derecede güçlüdür. Google öksürük öksürük

Yapmayın: YALNIZCA Boşluk Kullanın

Spektrumun diğer ucunda, boşlukları aşırı kullanmak, sitenizi ziyaretçiler için neredeyse kullanılamaz hale getirir. Görüyorsunuz, Google'ın boşluk kullanımı siteyi nasıl kullanmanızı istediklerini vurguluyor: kutuya bir şeyler yazın.

Ancak, boşluk kullanımınız kullanıcıyı sitenizin amacına yönlendirmiyorsa veya sitenizde daha iyi bir deneyim yaşamalarını sağlamıyorsa, onları yönlendirmek için daha açık öğelere ihtiyacınız olabilir.

Örneğin, Thru You Too harika bir proje. Ama nasıl kullanılacağını bulmam uzun zaman aldı (ortadaki büyük yazının üzerine gelmeniz gerekiyor, sağ üst köşeye çizdiğim için yapmadım). Aldığınızda navigasyon basit olsa da, boşluk beni oraya yönlendirmedi.

Yapın: Uygun Bir Şekilde Harika Yazı Tipleri Kullanın

Hemen hemen tüm minimalist tasarımın güvendiği bir şey, yazı tiplerinin etkili kullanımıdır. Siteniz için doğru yazı tipini seçmek, kişiliğinizi ve ürün veya şirketinizin kişiliğini nasıl gösterdiğinizdir.

Yani, insanların gördüğü andan itibaren marka kimliğinizi ortaya çıkaran bir yazı tipi istiyorsunuz. Şık yazı ile temiz çizgiler. Kaba kenarlar ve belki bazı fırça darbeleri. Zarif ve klas. Her ne için gidiyorsanız, buna uygun bir yazı tipi seçtiğinizden emin olun.

Örneğin Squarespace'e bakın. Sadece kayıt formuna ve kullanılan yazı tiplerine bakarak şirketlerinden tam olarak ne bekleyeceğinizi bilirsiniz. Temiz, basit ve net. Öncelikle seçtikleri yazı tipi aracılığıyla reklamını yaptıkları şıklığı yansıtır. (Çünkü burada görebileceğiniz tek tasarım öğesi bu.)

Ve Folks'taki insanlar sıradan bir his arıyorlar, bu yüzden kesinlikle iyi hissettiren bir yazı tipi buldular. Kitleleri, ürünlerine bakışları kadar belirgindir. Ve açıkça belirtilmemiştir.

UYGUN OLMAYAN Harika Yazı Tipleri kullanmayın

Bu yelpazenin diğer ucunda, çok kalın bir yazı tipi seçmek, yanlış türden bir saçmalık içerebilir. Herkes kendi sitesinin benzersiz olmasını ve öne çıkmasını ister. Ama yanlış nedenlerle öne çıkmasını istemiyorsunuz.

İhtiyacı olan bir aile üyesine yardım etmek için bir kriz hattı aradığınızı ve şuna benzeyen bir site bulduğunuzu hayal edin:

Hayatını kurtarmak için en iyi seçim olduğunu bildiğinden emin olmak isteyen bir doktora ne dersin?

Ya da fantastik, çağdaş bir web tasarımcısı arıyorsanız ve tüm gördüğünüz şuydu:

Tamam, bir Comic Sans kazısına karşı koyamadım. Beni dava et. Ama demek istediğimi anladınız: yazı tipi seçimi önemlidir. Özellikle minimalist bir tasarım kullandığınızda, yazı tipi seçiminiz tasarımın en büyük parçası olabilir.

İleri Git ve Küçült!

Ve küçültün de, ama bu tamamen farklı bir makale. #iamadelight

Şaka bir yana, renklerin, yazı tiplerinin ve negatif boşlukların bir tür tasarım temelleri olduğunu unutmayın. Bunları doğru bir şekilde kullanabilmek için sadece sağduyulu davranmanız gerekir. Sürece dediklerimi senin kadar, bu minimalist tasarıma gelince ben yapmayacağım, ne hakkında endişe bir şey olmamalıdır.

Minimalist siteler tasarlarken yönergeleriniz nelerdir?

Boo-Tique / Shutterstock.com'dan makale küçük resmi