Zmiana górnego paska menu. Ciemniejszy odcień?

Odpowiedz Nowy wątek
2019-11-21 20:03
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

edytowany 2x, ostatnio: Adam Boduch, 2019-11-21 20:05

Pozostało 580 znaków

2019-12-01 00:48
5

Ja tam bym w końcu poszedł z duchem czasu:

title

bede rzigoł - Sunnydev 2019-12-01 01:10

Pozostało 580 znaków

2019-12-01 14:00
0

Lekkie przyciemnienie fonta.

screenshot-20191201133717.png

...oraz ze zmienionym fontem:

screenshot-20191201140037.png

Pokaż pozostałe 4 komentarze
Ok ok, tylko doprecyzowałem o co mi chodziło. ;) - furious programming 2019-12-01 15:18
Czyli bardziej Ci się podoba jednak font taki jaki mamy obecnie w czarnej wersji paska :) - Adam Boduch 2019-12-01 15:19
Nom, tyle że na małych rozdzielczościach, gdy wysokość znaków (w pikselach) jest nieduża, wygląda on źle. Myślę, że z tym może być problem na urządzeniach mobilnych, bo na pecetach dziś raczej każdy ma wysoką rozdzielczość (oprócz mnie). - furious programming 2019-12-01 15:21
Ok, chciałem doprecyzować bo mnie zaskoczyłeś. Pare dni temu pisałeś że font wygląda jak comic sans ;) - Adam Boduch 2019-12-01 16:28
Bo u mnie wygladał paskudnie, a że nie miałem pod ręką komputera z wysoką rozdziałką to nie miałem jak sprawdzić. :P - furious programming 2019-12-01 21:14

Pozostało 580 znaków

2019-12-02 19:12
0

Przyciemniłem kolor liter na #eee? Nadal za jasno? Dodatkowo pola wyszukiwania też nabrało ciemniejszego odcienia.

Pozostało 580 znaków

2019-12-03 05:54
1

Mnie się bardzo podoba, że jest zrobione! Że działa! Trochę mi czcionka nie odpowiada, ale ja i tak wiem mniej-więcej, co gdzie jest umieszczone, więc – nieważne. :)


Patrz 2 posty wyżej gdzie prezentowałem dwie różne wersje fonta. Lepiej gdy jest Open Sans (2 screen)? - Adam Boduch 2019-12-03 07:53
@Adam Boduch: tak, dla mnie lepszy Open Sans. - Silv 2019-12-03 16:45

Pozostało 580 znaków

2019-12-03 10:58
1

Moim zdaniem ten kolor jest hideous :/

Kontrast pomiędzy tym ciemnym szary a białym jest zbyt duży, a pomiędzy szarym a 4p-zielonym zbyt mały.
Screenshot 2019-12-03 at 15.43.04.png

Również kontrast pomiędzy ciemnym szarym a elementami UI jest zbyt mały.
Screenshot 2019-12-03 at 10.59.51.png

Z kolei kontrast pomiędzy tłem a białymi ikonkami jest zbyt duży:
Screenshot 2019-12-03 at 11.00.23.png

Dodatkowo ciemna belka paskudnie wygląda jak jest powiadomienie
Screenshot 2019-12-03 at 15.41.41.png

Chętnie mogę przygotować PR'a z moją propozycją.


edytowany 3x, ostatnio: TomRiddle, 2019-12-03 15:43

Pozostało 580 znaków

2019-12-03 11:52
0

@TomRiddle: może póki co zaproponuj jakieś kolory, zmień w narzędziach deweloperskich oraz wstaw screena abyśmy mogli zobaczyć. Staram się dla spójności, dobierać takie kolory, które są już wykorzystywane w innych częściach strony.

Pozostało 580 znaków

2019-12-03 12:09
1

Z czystej ciekawości, co w obecnym wyglądzie jest złe, że potrzebna jest zmiana?


Ach, ileż się już pisało o ciemnym trybie forum. :) - Silv 2019-12-03 16:46

Pozostało 580 znaków

2019-12-03 15:44
1

I dodatkowo to że czcionki w menu oraz w tym pop-up są różne, bardzo mnie razi. Moim zdaniem byłoby ładniej gdyby były takie same. Swoja drogą sam pop-up można by zrobić żeby był większy, i łatwiej było w niego trafić myszką na większych rozdzielczościach.

Screenshot 2019-12-03 at 15.43.50.png


Pozostało 580 znaków

2019-12-03 21:08
2

@TomRiddle: @Silv zmieniłem font.
@TomRiddle możesz zasugerować jakąś zmianę z tym menu (BTW: ten element nazywa się mega menu ;)) oraz kolorami?

@Marooned nasz layout ma już pare ładnych lat i wypadałoby go trochę odświeżyć. Nie jestem w stanie utrzymać dwóch wersji kolorystycznych, ale pomyślałem, że można poprawić nieco kontrast strony bo co jakiś czas pojawiają się posty z prośbą o ciemniejszy layout. Naturalnie modyfikacja samego menu głównego nie wystarczy: za tym miały iść dalsze zmiany, ale nie jakieś drastyczne.

Generalnie co na pewno należy zmienić na froncie:

  • poprawienie wyświetlanie na urządzeniach mobilnych. niektóre elementy są zbyt małe albo zbyt blisko siebie
  • pozbycie się legacy code Javascript oraz jQuery
  • upgrade do nowej wersji bootstrapa
  • poprawienie szybkości renderowania strony

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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