Web Tasarım Kritiği # 58: Alıntı Silindiri
Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Bazı işleri kullanabilen alanlara ek olarak iyi yapılmış alanlara dikkat çekeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünün sitesi Alıntı Rulo, profesyonel teklifler oluşturmak ve göndermek için muhteşem bir web uygulaması.
Envato Elements'i keşfedin
Web sitenizi gelecekteki bir Tasarım Kriterinde gösterilmek üzere göndermek istiyorsanız, sadece birkaç dakikanızı alır. Tasarımınızı eleştirmek için 49 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Alıntı Silindiri Hakkında
Quote Roller, teklif oluşturma sürecini otomatikleştirmeye ve kolaylaştırmaya yardımcı oluyor. Word'de rutin metin kopya yapışmasını unutun. Quote Roller ile şirketiniz, hizmet şartları ve tekliflere manuel olarak koymak için kullandığınız diğer şeyler hakkında genel bilgileri kaydedebilir ve yeniden kullanabilirsiniz. Quote Roller ayrıca sınırsız kişiselleştirme özelliklerine sahip samimi ve sezgisel bir sürükle ve bırak arayüzü ile geliyor. ”
İşte ana sayfanın bir ekran görüntüsü:
İlk İzlenim
Hemen bu siteyi gerçekten sevdiğimi söyleyebilirim. Modern web tasarımındaki birkaç eğilimi örneklendirir, yani tam olarak benzersiz değildir, ancak gerçekten olması gerekmez. Burada önemli olan, Quote Roller'ın gelişmiş, modern, teklif oluşturma aracı olduğu ve bu tasarımın tam olarak bunu yaptığıdır.
Bir web sitesi oluştururken bunun gibi hedefleri akılda tutmak son derece önemlidir. Çok fazla tasarımcı, herhangi bir günde ruh hallerine uygun bir yönde grev yapıyor ve çamurlu mesajlarla güzel web sitelerine yol açıyor. Bir sitedeki grafikler birincil iletişim kaynağıdır ve onlara ne istediğinizi söylediklerinden emin olmak istersiniz!
Renkler
Tartışmak istediğim ilk şey renk şeması, çünkü burada daha önce tartıştığımız çok popüler bir teknik kullanıyor. Birincil palet, temiz ve profesyonel bir görünüm için tercih edilen çeşitli mavi tonları kullanır. Bu sıkı renk kapsamı belirlendikten sonra, sayfada gerçekten göze çarpan bir vurgu rengi getirilir, bu durumda turuncu.
Bu gerçekten iyi çalışıyor çünkü kullanıcının gözünü yönlendirmeniz için size çok fazla güç veriyor. Sayfayı aşağı kaydırdıkça, çok az sayıda parlak turuncu nokta ile kesintiye uğramış çok sayıda mavi ve beyaz görürsünüz. Gözleriniz doğal olarak tasarımcının tam olarak ne istediğini göreceğiniz ve okuyacağınız parlak noktalara doğru çekilecek. Güçlü sonuçları olan çok basit bir teknik.
Grafik Teması
Sitenin ana içeriği yuvarlak köşeli bir dikdörtgende tutulur. Bu tuval dokulu bir arka plan üzerine yerleştirilir. Bu çekici ama ince doku, sayfaya çok boyut katıyor ve oluşturulması gerçekten çok kolay. Bu makalede size benzer bir teknik öğretiyoruz.
Gezinme alanı etrafına sarılmış gerçekten güzel bir şeride sahiptir. Bu, hem gezinme alanının öne çıkmasına yardımcı olur hem de sayfaya bir bütün olarak üç boyutlu bir efekt verir.
Müşterinin tekliflerinin ve önerilerinin bulunduğu altbilginin hemen üzerine başka bir katman eklenir. Bu tür etkiler sadece siteye güzel ve cilalı bir his verir. Tasarımcılara estetik kaliteyi geliştirmek için biraz zaman harcadığını söyleyebilirsiniz.
matbaacılık
Typekit veya benzeri bir premium web yazı tipi hizmeti için bütçeniz yok mu? Google Web Yazı Tipleri, şaşırtıcı, ücretsiz ve basit bir alternatif sunar. Quote Roller, benzersiz ve sofistike bir serif olan “Merriweather” başlığı için Google Web Yazı Tiplerini kullanır.
Buradaki özel yazı tipi uygulamasının oldukça muhafazakar olduğuna dikkat edin, sadece başlıklar Merriweather kullanıyor, gerisi Arial. Gövde kopyası için özel bir yazı tipi kullanmak iyidir, ancak yükleme süreleri nedeniyle her zaman en iyi seçenek değildir. Ayrıca, süslü yazı tipleriyle çıldırmak ve nihai sonucun bir karmaşaya benzemesi oldukça kolaydır. Daha güvenli bir yol, sadece bir özel yazı tipi bulmak ve benzersiz tasarım dokunuşu olmasına izin vermektir.
Mesajlaşma
Sitedeki mesajlaşma çok basit ve açıktır: Okuduğunuz ilk şey “Teklifler oluşturun, izleyin ve gönderin”. Çalıların etrafında dayak yok, neler olduğunu hemen anlıyorsun.
Bu, birçok ekran görüntüsü ile güçlendirilmiştir. Kesinlikle yeni bir web uygulaması bulmaktan ve bir ekran görüntüsü bulmak için sonunda dakika aramaktan nefret ediyorum. Bazen ana sayfada, hatta giriş videosunda hiç yoktur! Bir kullanıcı gerçekten kaydolana kadar arayüzünüzü saklıyorsanız, bundan utandığınızı varsayacağım.
Mesajlaşma cephesinde daha da ileri giderek, özelliklerin bu sitede nasıl sunulduğunu da seviyorum. Küçük bir simgeye ve paragraftan ayrılan düz alt çizgiye sahip kalın başlık gerçekten keskin görünüyor. Bu alan son derece okunabilir ve her öğeye nefes alan vermek için bol miktarda beyaz alan kullanır.
Tur Sayfası
Sağlam bir ürün turu sayfası ilhamı arıyorsanız, Alıntı Silindiri harika bir tane var. Sayfa boyunca aşağıya doğru değişen büyük ekran görüntülerini seviyorum. Bu sayfada gezinmek size uygulama için kaydolarak neler elde edebileceğiniz konusunda hızlı ve ayrıntılı bir bakış sağlar.
Sonuç
Quote Roller amacına iyi hizmet eden gerçekten harika görünümlü bir sitedir. Temiz, modern ve profesyonel, iş profesyonellerine bir web hizmeti satarken mükemmel bir kombinasyon.
Mesajlaşma, simgeler ve ekran görüntüleri aracılığıyla pek çok takviye ile çok net. Renkler mükemmel ve detaylara çok dikkat ediliyor.
Genel olarak, ben büyük bir başparmak vazgeçmek ve gerçekten bu konuda söylenecek negatif bir şey düşünemiyorum!
Senin sıran!
Artık yorumlarımı okuduğunuza, tasarımcıya biraz daha tavsiyede bulunarak yardım edin ve yardımcı olun. Tasarım hakkında neyin harika olduğunu ve neyin daha güçlü olabileceğini düşündüğünüzü bize bildirin. Her zaman olduğu gibi, sitenin tasarımcısına da saygılı olmanızı ve sert hakaretlerden yoksun bir şekilde yapıcı tavsiyeler vermenizi rica ediyoruz.