Krytyka: projekt strony internetowej Tryt

9

W odpowiedzi na to pytanie: Krytyka: projektowanie logo oprogramowania Tritium . Aby przejrzeć kod witryny (wydajność, błędy, związane z tym wrażenia użytkownika), odwiedź siostrzane pytanie na temat recenzji kodu .


Szukam recenzji projektu mojej strony internetowej Tritium ( kod źródłowy ).

wprowadź opis zdjęcia tutaj

Konkretnie:

  • Jednym z celów witryny było uproszczenie jej. Czy to osiągnąłem?
  • Czy kolory w mojej palecie się uzupełniają?

  • Czy wszystkie wcześniejsze krytyki są właściwie wdrażane pod względem projektowym? Czy poszedłem za burtę?

  • Czy mój wybór czcionek działa dobrze z resztą wyglądu strony?

  • Czy są jakieś koncepcje projektowe, które przeoczyłem i których nie wdrożyłem?

Nadal jestem nieco nowy w projektowaniu stron internetowych, więc bądź tak surowy, jak to konieczne.

syb0rg
źródło
Myślę, że kolory wyglądają OK. Oczywiście nie wiem zbyt wiele o tle ani konsultacjach dotyczących projektu, ale osobiście używam wtyczki Eye Dropper dla Chrome wraz z Paletton.com. Daje to szeroki zakres elastyczności w doborze odpowiednich kolorów. Narzędzie Kroplomierz zapewnia również wiele opcji deklarowania tego koloru w CSS / HTML.
Argent Branding
Po kliknięciu „Odwiedź stronę pobierania” otwiera się nowa karta, ale tego nie zauważyłem, ponieważ pojawiło się okienko wyskakujące i myślałem, że to wszystko, co powinno się zdarzyć ... użytkownik nie przegapiłby tego. Użycie target = "_ blank" powinno załatwić sprawę (sprawdź w3schools.com/html/html_links.asp ). Jeśli sprawiłeś też, że wygląda jak zwykły link (niebieski, podkreślony lub podobny), myślę, że ludzie zakładają, że otwiera nową kartę.
Henrik Ekblom
1
Zgadzam się z krytyką wyskakującego okienka. Dodałbym przycisk w wyskakującym okienku, aby kliknąć, aby przejść do strony github, zamiast otwierać dwie rzeczy na raz. Nawiasem mówiąc, naprawdę świetna robota na stronie.
Hanna
Dałbym okienku popover, które pojawia się, gdy kliknięto link do strony pobierania Visit, nieco więcej wypełnienia między krawędzią a tekstem, a także prawdopodobnie nieco mniejszego rozmiaru i prowadzenia kopii w nim. I dodaj detektor zdarzeń, aby zarejestrować kliknięcia ucieczki, aby pozbyć się popovera, gdy jesteś przy nim - popoversy, które nie reagują na kliknięcia Escape, są uciążliwe dla użytkownika. :-)
Janus Bahs Jacquet

Odpowiedzi:

1

Świetny design! Szczególnie podoba mi się animacja atomu po prawej stronie.

Lubię twoje kolory. Jako alternatywę możesz użyć ciemnoniebieskiego tła. To daje stronie głębię jak nocne niebo:

Zrzut ekranu strony z alternatywną paletą kolorów

Użyłem Colorizr.js do zabawy z twoją paletą kolorów. Jeśli chcesz precyzyjnie dostroić kolory, użyj następujących ustawień, które pasują do Twojej strony:

Ustawienia Colorizr.js

Kolory są od góry do dołu: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)

analogowo-nico
źródło
1

Myślę, że projekt strony działa. Lubię twoje przejścia dla linków nagłówka. Jasna i zwięzła komunikacja.

Paleta kolorów przypomina mi firmę żywieniową lub podobną.

Myślę, że wybór czcionek działa dobrze na stronie internetowej związanej z technologią. Prawdopodobnie zeskrobałbym twarz szeryfową w celu uzyskania bezpłatnej twarzy bezszeryfowej, ale to jest wyłącznie osobisty gust.

Zauważyłem również, że jeśli chodzi o szybkość reakcji, rozwijanie może być przydatne w nagłówkach, gdy oglądane są na małych ekranach (urządzenia mobilne). Ponieważ jestem nowy w kodowaniu grafiki, dziękuję za dołączenie plików źródłowych. Prawdopodobnie go przeanalizuję i nauczę się niektórych zaimplementowanych przejść do nagłówków.

użytkownik3931564
źródło
0

Nie do końca problem z projektem, ale z użytecznością -
strona twierdzi, że jest BEZPŁATNA, ale po kliknięciu „ODWIEDŹ STRONĘ POBIERANIA” wyskakujące okienko prosi o darowiznę. Co jeśli nie chcę przekazać darowizny przed wypróbowaniem oprogramowania? Powinna istnieć inna opcja, np. „KONTYNUUJ” lub „ANULUJ”, aby użytkownik mógł faktycznie odwiedzić stronę pobierania i pobrać oprogramowanie, jeśli nie przekazuje darowizny.

Dlatego zalecam przeprojektowanie układu wyskakującego okienka i dodanie innego przycisku zgodnie z sugestią.

Sam
źródło
-2

Nie wygrasz za to projektanta roku. Ale im mniej jest, tym mniej chyba nie lubię.

Twoja żółta wersja ikony ma elipsy wyższe niż szerokie:

wprowadź opis zdjęcia tutaj

Jest dziwnie wyglądający, a nawet dziwniejszy jak musztarda na szaro, gdy jest umieszczona w ikonie karty przeglądarki. Jeśli masz zamiar zrobić ikonę zakładki przeglądarki, po prostu ustaw ją jako ciemnoszary lub czarny.

Wygląda na to, że istnieje tylko jedna rzecz do kliknięcia, którą jest „odwiedź stronę pobierania”. Jeśli to wszystko, co masz, dlaczego nie jest to strona?

Prosi o pieniądze, ale moja przeglądarka nie daje nic więcej. Może robi to w przeglądarce, ale używam TorBrowser i wszyscy też powinniście. NSA jest zły. W każdym razie, za ile jest warte, po prostu pojawia się okno dialogowe i nic nie robi.

Cakey
źródło