Web Tasarımında Minimalizmin Mükemmelleştirilmesi İçin 6 Adım
Geçtiğimiz birkaç yıl boyunca, web tasarımı gelip giden çeşitli trendler tarafından sarsıldı. Gücünü koruyan eğilimlerden biri minimalizmdir, çünkü çağlar boyunca çeşitli ortamlarda popüler olan zamansız bir kavramdır. Peki neden web tasarımında değil?
Minimalizm ile ilgili şeylerden biri de, güzel görünmenin yanı sıra, kullanıcı deneyimini de geliştirmesidir. Yıllar boyunca birçok kullanıcının şikayeti, bazı web sitelerinin gezinmek için sadece çok karmaşık olduğu olmuştur. Orada, kullanıcı deneyimini, olması gerekenden daha az olan çok daha az şey var.
“Daha azı daha fazla olan” eski atasözü, özellikle 21. yüzyılda tasarım söz konusu olduğunda hala doğrudur.
1) Düz tasarımı kucaklayın
Düz tasarımın, son zamanlarda Apple'ın bu deniz değişiminin en önemli örneğini oluşturmasıyla, son zamanlarda büyük bir şekilde iyilikten uzaklaşan skeuomorphism'in tasarımının dünyadaki cevabı olduğunu biliyoruz. Düz tasarım, özellikle alt gölgelerin, 3D efektlerin ve degradelerin olmamasıyla karakterizedir; Ayrıca kullanıcının gözünü çekmek için cesur ve canlı renkler kullanır.
Düz tasarımın etkili bir şekilde benimsendiği devasa bir marka Microsoft, özellikle Windows 8 işletim sistemi ile. Üzerinde Şirketin son sürümü için resmi web sitesi , 8.1, tüm görkemiyle tasarlanmış düz tasarlanmış görüyoruz. Bu, Windows 8'in başlangıç ekranının düz tasarımıyla tanınmasından beri tutarlılık açısından tam anlam ifade ediyor.
Bu nedenle, sitede herhangi bir gölgeler veya degradeler olduğuna dair bir kanıt görmüyorsunuz - sadece her şeyi 2B'de görüyorsunuz. Başlıkları ve vücut kopyaları için çeşitli yazı tiplerinin tipografisi, herhangi bir dokuya sahip değildir; sayfa düzeni çok temiz ve dağınıklık olmadan; Simgeler ve düğmeler, olabildiğince canlı ve düzdür; ve Windows 8 başlangıç ekranlarının görüntüleri düz tasarımda bir çalışmadır.
2) Beyaz alanı birleştirin
Ne demek isterseniz, negatif ya da beyaz alan, sadece bir web sayfasına gitmek istediğiniz yere gitmek için rehberlik eden, aynı zamanda minimalizm için standart bir taşıyıcı olan, son derece akıllı bir tasarım öğesi değildir. Daha fazla ve daha fazla site, bu tasarım tekniğine ne kadar yararlı olduğunu anladıkça gidiyor.
Tüm İnternet'teki tek veya en iyi negatif veya beyaz alan örneği, belki de en azından onu ilişkilendirdiğiniz sitedir. Onu o kadar çok kullanırsın ki, sadece dikkatini çeker… ama oradadır! Hakkında konuşuyorum Google arama . Beyaz alanda, oldukça açık olması gereken nedenlerden dolayı yapılan bir çalışmadır.
Sitenin amacı arandığından beri, şirket, sayfadaki tüm evrendeki herhangi bir kullanıcının, arama sayfasındayken başka bir şey tarafından dikkatini dağıtamayacağına dair çok fazla negatif veya beyaz alan kullandı. Tüm öğeler kaldırıldı ve beyaz boşluk arama çubuğunu çevreler. Açıkçası, bu, kullanıcının gözünü en büyük ve en önemli noktaya yönlendirir: aramanızın nereye yazılacağı.
Negatif ya da beyaz alan minimalizmin ideal bir örneğidir, ama aynı zamanda kendi boşluğunu temsil etmediği de vurgulanmalıdır. Aslında kullanıcının gözlerine rehberlik eden çok kurnaz bir tasarım öğesi.
3) Sınır seçimleri
Herhangi bir e-ticaret veya B2B sitesinde dönüşümleri artırmanın en büyük kurallarından biri, kullanıcılarınıza, alıcılarınıza veya ziyaretçilere verdiğiniz tercihlerin sayısını kaldırmaktır. Bu sadece bir nedenden ötürü: Mümkün olduğunca çok seçenek aldığınızda, ziyaretçilerinizin sayfanın hedefini tamamlamalarını engelleyecek herhangi bir şey tarafından rahatsız edilmelerine izin vermiyorsunuz. Böylece, daha az seçenek web tasarımında minimalizmin çarpıcı bir örneğidir.
Seçimin minimalizminin büyüsünü görmenin en iyi yerlerinden biri, açılış sayfalarındadır. Minimalizm ilkesini benimseyen bir şirket, profesyonel altyazı çeviri şirketi olan Gengo'dur.
üzerinde açılış sayfası Seçimin yokluğunu görürsünüz. Bunun nedeni, açılış sayfasının ziyaretçiler için bir sonraki (ve sadece) adımın ne olması gerektiğini çok açık hale getirmesidir: metne yazarak veya dosyanızı çeviriye yükleyerek dönüştürün. Tabii ki, seçimi en aza indiren kalıp-sert puristler bile, çeviri servisine süper odaklanmak yerine, kullanıcılar oraya hala tıklayabildiğinden, üstteki üstteki gezinme menüsünün kaldırılması gerektiğini bile iddia ediyorlar.
4) Cesur tipografiye odaklanma
Web tasarımındaki minimalizmi, çıplak kemikleri temellerine gerçekten takdir etmek istiyorsanız, o zaman kontrol edin Brian Danaher'in sitesi . Brian bir sanat yönetmeni, tasarımcı ve illüstratör.
Gördüğünüz gibi, site tasarımı temel olarak iki şeye dayanıyor: kaçıramayacağınız cesur tipografi ve tek sütun düzeni. Bu kadar! Evet, minimalizme yönelik bu yaklaşım, oradaki bazı tatlar için çok aşırı olabilir, ancak yine de kendi kariyerlerini geliştirmek için kendi siteleri olduğunda herkesin aklında en önemli iki hedefi vardır:
- Gezinme temel olarak tek sütun düzenine oturduğundan beri, Brian ne yaptığını, kim olduğunu ve site ziyaretçilerinin onunla nasıl iletişim kurabileceğini anlayabiliyor.
- Brian, sitenin ziyaretçilerine ilginç bir şey vermesi için kontrast (yazı tipi renkleri ve arka plan renkleri arasında, yazı tiplerinin boyutları ve stilleri arasındaki kadar) kullanmayı başarır.
5) Navigasyonunuzu basitleştirin
Site tasarımında minimalizm hakkında bir tartışma yaptığımızda navigasyon menüsü genellikle gözden kaçabilir, ancak web sitenizde minimalizm çalışması yapmaya büyük (sessiz olsa da) katkıda bulunabilir. Müdahaleci olmayan ve sessizce arka plana karışmayan bir gezinme menüsü, bir siteyi işlevsel düzeyde minimalist hale getirmenin anahtarıdır.
Fotoğrafçı ve tasarımcıya göz atın Cristian Ordonez'in sitesi Bu minimalist gezinme menüsünde bir çalışmadır. Menü, tüm ana sayfanın genişliği boyunca bile uzamadığı minimalizme adanmış bir yaklaşımdır; Bunun yerine, sitenin sağ üst köşesinde sessizce saklanmış bir tür. Ayrıca, sürgülü menü işlemi devam etmiyor, bu nedenle farklı veya ek gezinme katmanları yok. Son olarak, menünün renkleri (en azından ana sayfada) arka plan rengine de zarif bir şekilde karışır.
6) yamaları renk kullanın
Site tasarımınızda küçük renk lekeleri kullanmak, minimalist yaklaşıma bağlı kalmanızı sağlarken, site ziyaretçilerinin belirli bir sayfada önemli olan şeyleri almasını kolaylaştırır. Burada ve burada küçük bir renk populasyonunu birleştirerek, sitenizin ziyaretçilerinin gözlerini önemli alanlara çekmeyi başaracaksınız.
Sitesi 960 Izgara Sistemi misyonu, web geliştirme sürecini hızlandırmak olan, bu akıllı renk kullanımını çok iyi örneklendiriyor. Hemen, “indir” ve “demoyu görüntüle” gibi iç bağlantılar için kullanılan sarı renkteki küçük sıçramalara dikkat edin. Sol üstteki tıklanabilir Twitter logosu bile gözlerini çeken parlak mavi bir yama sağlar. site ziyaretçileri (sizi doğrudan sahibi / tasarımcı Nathan Smith'in Twitter özet akışına götürür).
Minimalizm nasıl kullanılacağını biliyorsanız çalışır
Bazı tasarımcılara “minimalizm” kelimesinden bahsetmişler ve çok basit bir site tasarımının çirkin olmayacağını düşünmeleri nedeniyle endişelenirler. Yukarıdaki örneklerin gösterdiği gibi, hiçbir şey gerçeklerden daha uzak olamazdı.
Doğru yapıldığında, site tasarımındaki minimalizm, düz tasarım gibi bazı yeni ve sıcak trendlere yol açabilir veya seçim kısıtlı olduğunda dönüşümleri artırarak site sahiplerinin daha fazla para kazanmasına yardımcı olabilir. Sonuç olarak, minimalizm site ziyaretçilerinin işlerini kolaylaştıran temiz, iyi organize edilmiş ve düzenli bir web sitesi oluşturur. Site tasarımınızda kullanmak için tek sebep budur.