Zmiana górnego paska menu. Ciemniejszy odcień?

6

Parę dni temu wrzuciłem na mikrobloga screenshot z ciemniejszym nagłówkiem z menu. Nie ukrywam, że piszę tego posta aby zebrać trochę feedbacku :) Na mikro jeden z userów zasugerował, że font jest zbyt ciemny na tym moim screenie, co wziąłem sobie do serca.

Wszystko zaczęło się od tego, że postanowiłem zrefaktoryzować kod CSS tego menu i poprawić jego wyświetlanie. Pozycje w submenu nie mieszczą się bowiem na mniejszych ekranach. Dalej miałem się zabrać za zmiany na forum mające poprawić responsywność. Postanowiłem sprawdzić jednak jak czy możemy zwiększyć kontrast pomiędzy tłem strony a paskiem menu. Wziąłem więc kolor tła używany w stopce i użyłem w menu. Dalej zostawiłem jedynie sam symbol graficzny z loga, zmniejszyłem odrobinę odstęp pomiędzy pozycjami w menu (będzie miejsce aby wstawić linka do kolejnego działu ;) oraz zmieniłem font na ten, który jest użyty w logo. Menu rozwijalne można ułożyć wszerz tak jak ma to miejsce w stopce.

screenshot-20191121200250.png

0

jest spoko

przy docelowo całe forum dostanie dark skina?

1
Adam Boduch napisał(a):

Na mikro jeden z userów zasugerował, że font jest zbyt ciemny na tym moim screenie, co wziąłem sobie do serca.

Tzn. była mowa o zbyt małym kontraście pomiędzy kolorem tła a tekstu. IMO poziom kontrastu w tamtej propozycji był w porządku, bo był niewielki (co pozwala oczom odpocząć), ale i Twoja nowa sugestia jest ładna, więc spokojnie można zastosować.

Podoba mi się taki pasek menu – pasuje do stopki i ogólnie do całości.

Dalej zostawiłem jedynie sam symbol graficzny z loga, zmniejszyłem odrobinę odstęp pomiędzy pozycjami w menu (będzie miejsce aby wstawić linka do kolejnego działu ;)

Dla działu Użytkownicy, o którego stworzenie wnioskowałem lata temu? :)

1

Ponieważ górna belka jest przyklejona i widać ją cały czas, ciemna wersja będzie odciągać wzrok. Obecna wtapia się wizualnie i nie przeszkadza. Mój głos leci na pozostawienie wersji jasnej.

0

Jak coś to te moje wypociny można zobaczyć na serwerze testowym. Np. http://dev.4programmers.info/Mikroblogi

1

@Adam Boduch: ten font dla głównych pozycji menu jest jakiś taki dziwny, brzydki jak Comic Sans… Może lepiej by to wyglądało, gdyby zostawić obecny font i dodać mu pogrubienie? Oczywiście w połączeniu z ciemnym paskiem menu:

menu.png

Wygląda całkiem fajnie. ;)

Jednak jeśli już pasek menu ma być ciemny, to trzeba dostosować do niego kolor pola wyszukiwarki.

1

Na telefonie wygląda ok.

0

@furious programming: po screenie widać że u Ciebie font się źle wyświetla. Muszę sprawdzić co jest przyczyną, z jakiegoś powodu Twoja wiekowa przeglądarka nie rozpoznaje go :) Zapewne chodzi tutaj o format danego fonta, który nie jest wspierany.

3

fajne to, mi sie podoba ;)

0

@Adam Boduch: to jest zrzut z Firefoxa, lekko przerobiony przeze mnie za pomocą narzędzi deweloperskich. Chciałem Ci pokazać jak będzie wyglądało menu, jeśli skorzystasz z obecnego fontu z pogrubieniem, zamiast z tego nowego, komicznego. ;)

A klasyczną Operą się nie przejmuj, bo nie ma powodu.

0

Aaa ok. Ten "komiczny" font to jest font używany w logo :)

1

Może kolor wracałby do jasnego po przewinięciu strony, żeby nie odciągał wzroku?

0

Teoretycznie dobry pomysł, jednak ciekaw jestem jak to w praktyce będzie wyglądąło. :D

0

Spokojnie, na początek wrzucę ten pasek z możliwością przełączania, aby zebrać więcej feedbacku. Obawiam się że tak nagła zmiana mogłaby wywołać niemały szok :D

0

@Adam Boduch: przerobienie paska menu to pierwszy krok do implementacji ciemnego motywu dla całej strony, czy po prostu taki mały smaczek do zrobienia w wolnej chwili dla rozluźnienia? ;)

0
Marooned napisał(a):

Może kolor wracałby do jasnego po przewinięciu strony, żeby nie odciągał wzroku?

Obstawałbym za efektem całkowitego usuwania paska gdy scrollowanie odbywa się w dół strony, i pokazywaniem go ponownie gdy lecimy do góry.

0

@furious programming: może to jest jakiś kompromis pomiędzy ciemnym a jasnym motywem? :) Ja się nie podejmuje stworzenia ciemnego motywu, są ważniejsze zadania do zrobienia. Już ta zmiana dała mi w kość, niby prosta rzecz, ale kod CSS tego paska menu to istne spaghetti. Oj, nie jestem z tego dumny.

0

a się nie podejmuje stworzenia ciemnego motywu

Coś mi świta, że @MasterOf walczył/chciał walczyć z tematem ciemnego motywu. Dobrze mi się wydaje, czy coś pokręciłem?

1
cerrato napisał(a):

a się nie podejmuje stworzenia ciemnego motywu

Coś mi świta, że @MasterOf walczył/chciał walczyć z tematem ciemnego motywu. Dobrze mi się wydaje, czy coś pokręciłem?

Tak było, ale marzenia czasami umierają [*]

Ps. Leniuchem jestem i mi się nie chcę trochę :D Teraz bawię się pythonem po godzinach pracy

1

Wincy zieleni a mniej szarego pls.

0

@Adam Boduch: widzę że nowości zawitały. Teraz muszę poprawić user-css, bo mi się menu sypie… :D

0
Azarien napisał(a):

Wincy zieleni a mniej szarego pls.

Jak dla mnie, jeśli już, to można wyróżnić górną belkę lekko zielonkawym tłem. Czarności mnie nie przekonują.

BTW: ta nowa tabelka podmenu pod "forum" nie jest responsywna i w oknie szerokim na jakieś 1000px nie widać jej w całości.

0
Freja Draco napisał(a):

Jak dla mnie, jeśli już, to można wyróżnić górną belkę lekko zielonkawym tłem. Czarności mnie nie przekonują.

BTW: ta nowa tabelka podmenu pod "forum" nie jest responsywna i w oknie szerokim na jakieś 1000px nie widać jej w całości.

Ten czarny grafit to naprawdę kolor z naszej stopki, który to natomiast jest kolorem wykorzystywanym w naszym logo :) Nie za bardzo wyobrażam sobie takie zielone menu. Jaki kolor hex masz na myśli?

0

Po kliknięciu miniaturki avatara, pojawia się menu drop-down. Jest tam opcja "nowe menu", ale z tego co widzę, to zmienia ona jedynie kolor. Układ menu (czyli te kilka kolumn/grupowanie) pozostaje, a jedynie zmienia się kolor. Czy o taki efekt chodziło, czy coś w tym przełączaniu "nowego" i starego menu szwankuje?

0

Tylko o kolor.

0

To może lepiej by było dać bardzie pasujące do stanu rzeczywistego "ciemne menu", bo "nowe" sugeruje inny układ, inne zachowanie, inne elementy itp. A to jest to samo, tylko ciemne. Moim zdaniem przełącznik "jasne/ciemne" byłby bardziej intuicyjny.

0
Adam Boduch napisał(a):

Ten czarny grafit to naprawdę kolor z naszej stopki, który to natomiast jest kolorem wykorzystywanym w naszym logo :) Nie za bardzo wyobrażam sobie takie zielone menu.

Ale stopki raczej nie muszę oglądać.

Jaki kolor hex masz na myśli?

Jakieś: #ECF9DB, #DBF2BF ale ja tylko sobie tak gadam, skoro pozwalają i jeszcze pytają ;)

1

screenshot-20191127011808.png

zmienił się button od logowania?

błagam zmieńcie ten font, jest o wiele mniej czytelny niż poprzedni oraz litery jakieś poucinane Forum oraz te e :D

screenshot-20191127011838.png

screenshot-20191127012055.png

0

To jest font używany w naszym logo, ale to już druga osoba, która zwraca na to uwagę więc może rzeczywiście trzeba pomyśleć o jakimś innym foncie.

@Freja Draco: hmm, nie wiem czy to jest taki dobry pomysł :)

screenshot-20191127070639.png

1

Powiem tak, ciemne menu podoba mi się na telefonie. w przeglądarce jednak zbyt się wyróżnia i wracam do "straego"

1 użytkowników online, w tym zalogowanych: 0, gości: 1