Kritik: desain situs web Tritium

9

Sebagai tindak lanjut dari pertanyaan ini: Kritik: desain logo perangkat lunak Tritium . Untuk meninjau kode situs web (kinerja, bug, pengalaman pengguna terkait), silakan kunjungi pertanyaan saudara tentang Tinjauan Kode .

Saya mencari review desain untuk situs Tritium saya ( kode sumber ).

Secara khusus:

Salah satu tujuan situs web ini adalah membuatnya tetap sederhana. Sudahkah saya mencapai itu?
Apakah warna-warna di palet saya saling melengkapi?
- Latar Belakang: #171d25
- Atom animasi: #333
- Logo: #f8bd24
- Teks tautan: #6e6e6e
- Header merek, arahkan kursor teks, tombol: #78C40F
- Navbar: #000
- Teks isi: #fff
Apakah semua kritik di masa lalu diimplementasikan dengan benar berdasarkan desain? Apakah saya berlebihan?
- Menerapkan desain logo @ DA01 ( digunakan dengan izin ).
- Menambahkan atom ke latar belakang per salah satu saran @ Yisela , animasi milik @squeamishossifrage .
- Mencoba membuatnya sederhana berdasarkan banyak saran lainnya.
Apakah pilihan font saya berfungsi dengan baik dengan tampilan dan nuansa situs web yang lain?
Apakah ada konsep desain yang saya abaikan dan belum terapkan?

Saya masih agak baru dalam mendesain situs web, jadi harap sekeras yang diperlukan dengan ini.

website-design critique identity

— syb0rg
sumber

Saya pikir warnanya terlihat OK. Jelas saya tidak tahu terlalu banyak tentang latar belakang atau konsultasi desain, tetapi saya pribadi menggunakan plugin Eye Dropper untuk Chrome bersama dengan Paletton.com. Ini memberi Anda banyak fleksibilitas dalam memilih warna yang tepat. Alat Penetes Mata juga memberi Anda banyak opsi untuk mendeklarasikan warna itu dalam CSS / HTML.

— Argent Branding

Ketika mengklik "Kunjungi laman unduhan" tab baru dibuka tetapi saya tidak menyadarinya, karena sembulan muncul dan saya pikir hanya itu yang seharusnya terjadi ... Jika tab baru dibuka dan fokuskan pengguna tidak akan melewatkannya. Menggunakan target = "_ blank" harus melakukan trik (lihat w3schools.com/html/html_links.asp ). Jika Anda juga membuatnya seperti tautan biasa (biru, bergaris bawah atau serupa), saya pikir orang akan menganggap itu membuka tab baru.

— Henrik Ekblom

1

Saya setuju dengan kritik pada pop-up. Saya akan menambahkan tombol di pop-up untuk mengklik yang kemudian akan melanjutkan ke halaman github, daripada membuka dua hal sekaligus. Omong-omong, pekerjaan hebat di situs ini.

— Hanna

Saya akan memberikan popover yang muncul ketika tautan Kunjungi halaman unduhan diklik sedikit lebih padding antara tepi dan teks, dan mungkin juga turun ukuran dan memimpin salinan di dalamnya sedikit. Dan menambahkan pendengar acara untuk mendaftarkan klik melarikan diri untuk menghilangkan popover, juga, saat Anda berada di sana — popover yang tidak bereaksi terhadap melarikan diri klik adalah gangguan bagi pengguna. :-)

— Janus Bahs Jacquet

1

Desain hebat! Saya terutama menyukai animasi atom di sebelah kanan.

Saya suka warna Anda. Sebagai alternatif, Anda bisa menggunakan biru tua sebagai latar belakang. Ini memberikan kedalaman halaman seperti langit biru malam:

Cuplikan layar halaman dengan palet warna alternatif

Saya menggunakan Colorizr.js untuk bermain dengan palet warna Anda. Jika Anda ingin menyempurnakan warna Anda gunakan pengaturan berikut yang sesuai dengan halaman Anda:

Pengaturan Colorizr.js

Warnanya dari atas ke bawah: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)

— analog-nico
sumber

1

Saya pikir desain situs web berfungsi. Saya suka transisi Anda untuk tautan tajuk. Komunikasi yang jelas dan singkat.

Palet warna mengingatkan saya pada perusahaan nutrisi atau sejenisnya.

Saya pikir pilihan font berfungsi dengan baik untuk situs web terkait teknologi. Saya mungkin akan memotong wajah serif untuk wajah sans-serif gratis, tapi itu murni selera pribadi.

Juga, saya perhatikan bahwa dalam hal responsif, dropdown mungkin berguna di header Anda ketika dilihat di layar kecil (ponsel). Karena saya baru mengenal sisi pengkodean desain grafis, saya berterima kasih karena telah memasukkan file sumber. Saya mungkin akan membedahnya dan mempelajari beberapa transisi tajuk yang Anda laksanakan.

— pengguna3931564
sumber

0

Bukan masalah desain, tetapi pada kegunaan -
Situs mengatakan itu GRATIS, tetapi ketika Anda mengklik 'KUNJUNGI HALAMAN DOWNLOAD' pop-up meminta sumbangan. Bagaimana jika saya tidak ingin menyumbang sebelum mencoba perangkat lunak? Seharusnya ada pilihan lain seperti 'LANJUTKAN' atau 'BATAL' sehingga pengguna dapat benar-benar mengunjungi halaman unduhan dan mengunduh perangkat lunak, jika dia tidak menyumbang.

Jadi saya akan merekomendasikan mendesain ulang tata letak pop-up dan termasuk tombol lain seperti yang disarankan.

— Sam
sumber

-2

Anda tidak akan memenangkan desainer tahun ini untuk itu. Tapi semakin sedikit ada, semakin sedikit untuk tidak suka kurasa.

Versi ikon kuning Anda memiliki elips lebih tinggi dari lebar:

masukkan deskripsi gambar di sini

Ini terlihat aneh dan bahkan lebih aneh sebagai mustard on grey ketika diletakkan di ikon tab browser. Jika Anda akan membuat ikon tab browser maka cukup buat abu-abu gelap atau hitam.

Sepertinya hanya ada satu hal untuk diklik yaitu "kunjungi halaman unduh". Jika hanya itu yang Anda miliki, mengapa bukan halaman?

Ia meminta uang tetapi browser saya tidak memberikan yang lain. Mungkin itu ada di browser Anda, tapi saya menggunakan TorBrowser dan Anda semua juga harus. NSA itu jahat. Bagaimanapun, untuk apa nilainya, itu hanya muncul dialog dan tidak melakukan apa pun.

— Cakey
sumber