Eleştiri: Trityum web sitesi tasarımı


9

Bu soruyu takip ederek: Eleştiri: Trityum yazılım logo tasarımı . Web sitesi kodunu (performans, hatalar, ilgili kullanıcı deneyimi) incelemek için lütfen Kod İncelemesi'ndeki kardeş soruyu ziyaret edin .


Tritium web sitemin tasarımı için bir inceleme arıyorum ( kaynak kodu ).

resim açıklamasını buraya girin

özellikle:

  • Web sitesinin bir amacı basit tutmaktı. Bunu başardım mı?
  • Paletimdeki renkler birbirini tamamlıyor mu?

    • Arka fon: #171d25
    • Animasyonlu atom: #333
    • Logo: #f8bd24
    • Bağlantı metni: #6e6e6e
    • Marka başlığı, fareyle üzerine gelindiğinde bağlantı metni, düğme: #78C40F
    • Navbar'ın: #000
    • Gövde metni: #fff
  • Tüm geçmiş eleştiriler tasarım açısından doğru bir şekilde uygulanmış mı? Denize girdim mi?

  • Yazı tipi seçimim web sitesinin geri kalan görünümüyle iyi çalışıyor mu?

  • Göz ardı ettiğim ve uygulamadığım tasarım konseptleri var mı?

Ben hala web sitesi tasarımı için biraz yeniyim, bu yüzden lütfen bununla gerektiği kadar sert olun.


Bence renkler iyi görünüyor. Açıkçası, tasarımın arka planı veya danışmanlığı hakkında çok fazla şey bilmiyorum, ancak kişisel olarak Paletton.com ile birlikte Chrome için Eye Dropper eklentisini kullanıyorum. Doğru renkleri seçerken size çok çeşitli esneklik sağlar. Göz Damlalığı aracı ayrıca bu rengi CSS / HTML'de bildirmek için birçok seçenek sunar.
Argent Branding

"İndirme sayfasını ziyaret et" tıklandığında yeni bir sekme açılır, ancak bir pop-up ortaya çıktığından ve bunun olması gereken her şey olduğunu düşündüğüm için fark etmedim ... Yeni sekme açılmışsa ve odaklanırsa kullanıcı bunu kaçırmaz. Hedefi = "_ blank" kullanmak işe yarayacaktır ( w3schools.com/html/html_links.asp adresine bakın ). Ayrıca sıradan bir bağlantıya (mavi, altı çizili veya benzeri) benzetirseniz, insanların yeni bir sekme açtığını varsayacağını düşünüyorum.
Henrik Ekblom

1
Pop-up eleştirisine katılıyorum. Açılır pencereye, aynı anda iki şeyi açmak yerine github sayfasına devam edecek bir düğme eklerim. Bu arada sitede gerçekten harika bir iş.
Hanna

İndirme sayfasını ziyaret et bağlantısı kenar ve metin arasında biraz daha fazla dolgu tıklatıldığında görüntülenen popover'ı ve muhtemelen de kopyanın boyutunu ve başını biraz aşağıya veririm . Ve siz de dışarıdayken de kurtulmak için kaçış tıklamaları kaydetmek için bir olay dinleyicisi ekleyin; tıklamalar için tepki vermeyen popovers kullanıcı için bir sıkıntıdır. :-)
Janus Bahs Jacquet

Yanıtlar:


1

Harika tasarım! Özellikle sağdaki atom animasyonunu seviyorum.

Renklerini seviyorum. Alternatif olarak, arka plan için koyu mavi kullanabilirsiniz. Bu, sayfaya gece mavi gökyüzü gibi bir derinlik verir:

Alternatif renk paletiyle sayfanın ekran görüntüsü

Color paletinizle oynamak için Colorizr.js kullandım . Renklerinize ince ayar yapmak istiyorsanız, sayfanıza uyan aşağıdaki ayarları kullanın:

Colorizr.js ayarları

Renkler yukarıdan aşağıya doğrudur: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)


1

Bence web sitesi tasarımı işe yarıyor. Başlık bağlantıları için geçişlerinizi seviyorum. Açık ve özlü iletişim.

Renk paleti bana bir beslenme şirketini veya benzerini hatırlatıyor.

Yazı tipi seçiminin teknoloji ile ilgili web sitesi için iyi çalıştığını düşünüyorum. Muhtemelen serif yüzünü ücretsiz bir sans-serif yüzü için kazıyordum, ama bu tamamen kişisel bir tat.

Ayrıca, duyarlılık açısından, küçük ekranlarda (mobil) görüntülendiğinde başlıklarınızda bir açılır listenin yararlı olabileceğini fark ettim. Grafik tasarımın kodlama tarafında yeni olduğum için, kaynak dosyaları eklediğiniz için teşekkür ederim. Muhtemelen inceleyeceğim ve uyguladığınız başlık geçişlerinden bazılarını öğreneceğim.


0

Tam olarak bir tasarım sorunu değil, kullanılabilirlik konusunda -
Site ÜCRETSİZ olduğunu söylüyor, ancak 'SAYFAYI İNDİR' i tıkladığınızda açılır pencere bir bağış ister. Yazılımı denemeden önce bağış yapmak istemezsem ne olur? Kullanıcının indirme sayfasını ziyaret edebilmesi ve yazılımı bağışlamaması durumunda indirebilmesi için 'CONTINUE' veya 'CANCEL' gibi başka bir seçenek olmalıdır.

Bu yüzden pop-up düzenini yeniden tasarlamanızı ve önerildiği gibi başka bir düğme eklemenizi tavsiye ederim.


-2

Bunun için yılın tasarımcısını kazanamayacaksınız. Ama ne kadar az olursa, sanmıyorum sevmemek o kadar az olur.

Simgenin sarı sürümünüzde genişlerden daha uzun elipsler var:

resim açıklamasını buraya girin

Tarayıcı sekmesi simgesine yerleştirildiğinde garip görünüyor ve hatta gri bir hardal olarak garip. Bir tarayıcı sekmesi simgesi yapacaksanız, sadece koyu gri veya siyah yapın.

Görünüşe göre "indirme sayfasını ziyaret et" i tıklamanız gereken tek bir şey var. Sahip olduğunuz tek şey buysa, neden sayfa değil?

Para istiyor ama tarayıcım başka bir şey vermiyor. Belki tarayıcınızda yapar, ama TorBrowser kullanıyorum ve hepiniz de yapmalısınız. NSA kötülüktür. Her neyse, değer için, sadece bir iletişim kutusu açılır ve hiçbir şey yapmaz.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.