Kolorystyka ciemnego motywu - cytaty, spoilery, rangi, itd.

[tomcug 3 953]

Witojcie

 

Przez ostatnie kilka dni pracowałem nad eliminacją pozostałych niewidocznych elementów dla motywu Bravo oraz zbyt kontrastowych (za jasnych). Wydaje mi się, że ta kwestia jest już ogarnięta w całości, więc pozostał temat kolorystyki cytatów, spoilerów oraz rang. Do wyboru trzy warianty:

a) obecne bordo

b) bordo + bardziej wyrazista napisy

c) propozycja @Isharoth

 

Głosujcie i decydujcie

[eNeSik 510]

jak dla mnie opcjas "b" zdecydowanie. Zaznaczone w ankiecie  (ale uzywam ciemnego stylu wiec nie wiem jak to wyglada na innych)

[Pan Mateoo 779]

Btw otworzcie sobie zdjecia w nowej karcie poprzez klikniecie na nie. Zdecydowanie lepiej widać i można porównać

[azgan 1 827]

Oczywiście że propozycja @Isharoth, głos oddany 

[Mar_s 2 471]

Bordo to można mieć beret jak kogoś wezmą do desantu. Głosowałem na szaraka.   

[Isharoth 691]

Bordo kłuje mnie już w oczy  dlatego ostatnia opcja

 

No chyba że ktoś zaproponuje lepszy kolor. Generalnie do ciemnego motywu najlepsza jest paleta różnych odcieni szarości, inaczej ciemny motyw trochę traci sens. Oczywiście można pójść też w kierunku dopasowania do logo strony, czyli tego czerwonego, ale to zdecydowanie nie do tak dużych elementów jak belki od cytatów, bo będzie zbyt mocna żarówa. W jasnym motywie można się już bardziej pobawić.

 

Btw. @tomcug ten pasek w cytacie, który obecnie jest bordowy, wygląda jak lekko przesunięty. Można to naprawić usuwając niepotrzebny border dla tego elementu. Wynika to z tego że border ten ma kolor zbyt podobny do tła cytatu, przez co ten boczny pasek nie wygląda jakby obejmował cały cytat, tylko ten ciemniejszy górny pasek. Myślę że można by go całkiem wywalić, czyli zrobić border: unset; czy też border: none;  

 

 

Edytowane 28 Listopada 2024 przez Isharoth

[jagular 671]

Już wcześniej zaangażowałem się w dyskusję na temat kolorystyki, na czacie. Dalej nie widzę sensu wprowadzania w to UI dodatkowego koloru "bordo"  

[Godlike 1 040]

Każdej mordzie dobrze w bordzie 

Edytowane 28 Listopada 2024 przez Godlike

[tomcug 3 953]

Godzinę temu, Isharoth napisał(a):

Btw. @tomcug ten pasek w cytacie, który obecnie jest bordowy, wygląda jak lekko przesunięty.

Wiem o tym, nietrudno zauważyć. Ale nigdy z tym nic nie robiłem, bo mnie nie kłuło w oczy

[Pawelek6 364]

Czyli będzie szaro, buro i ponuro wg wyników. No cóż, trudno.

[Wu70 970]

Długo się zastanawiałem ale chyba ostatnia opcja. Pierwsze dwie wyglądają fajnie ale ostatnia pewnie lepiej sprawdzi się w użytkowaniu.

 

Ale szczerze mówiąc - nie ma powodu żeby po prostu nie udostępnić dwóch wersji stylu jeśli jest zainteresowanie a później jedną usunąć jeśli nikt nie będzie korzystał.

 

Można też udostępnić dwie wersje na sam czas trwania ankiety to ludzie sobie potestują.

[PaVLo 1 274]

Bordo nie pasuje, dlatego zagłosowałem na ostatnią opcję

[Ayane 20]

Ostatnia zdecydowanie. Bordo może i jeszcze by mogło być jakby to były jakieś elementy szerokości piksela, żeby coś zaakcentować, ale na tych bloczkach cytatowych to nie, oj nie  

[blabla123 991]

Propozycja Isharoth'a +1

[voltq 1 372]

Dla mnie najważniejszy jest wyrazisty kolor czcionki więc b

[Suchy211 1 425]

A da się bez bordo, ale żółte napisy te co są żółte?

[tomcug 3 953]

Wszystko się da, tylko kwestia czy innym takie połączenie będzie pasowało.

[Isharoth 691]

Jeśli miałbym znów wtrącić swoje 3 grosze  to lepiej niż żółte wyglądałyby jakieś bardzo uwydatnione, jasne napisy. Chociażby zwykły biały. Oczywiście tylko dla tekstu w tytułach ramek np. od cytatów, bo gdyby taka czcionka była wszędzie to kontrast mógłby trochę męczyć oczy.

 

Dobry przykład tego o co mi chodzi podesłałem wyżej.

 

Tak samo można by spróbować zrobić w liczniku punktów do rangi.

 

Dla porównania z tym żółtym:

 

 

Niby nie jest źle, ale coś tu nie pasuje. Za dużo kolorów to też niedobrze, chyba że chcemy oddać klimaty stron internetowych na przełomie wieku.  

Edytowane 30 Listopada 2024 przez Isharoth

[tomcug 3 953]

Złoty do czarnego mi też nei pasuje. Natomiast taki mocniej biały jest za intensywny dla mnie. Ale zrobimy jak Wam będzie pasować, pod siebie mogę zrobić drugi ciemny motyw

[Isharoth 691]

@tomcug Może coś pomiędzy?  

 

 

Kolor tła: #1a1a1a
Kolor czcionki: #bbbbbb
+ Usunięty border przy cytatach

[Mar_s 2 471]

Ja coś takiego proponowałem to mówili że będzie szaro, buro i ponuro.  

A mnie tam się podoba.

[tomcug 3 953]

11 minut temu, Isharoth napisał(a):

@tomcug Może coś pomiędzy?

To do mnie już przemawia.

[Isharoth 691]

@Mar_s @tomcug A co myślicie o stronie głównej?

 

 

Co zrobiłem:

Zmieniłem kolory pasków tytułu (zarówno ten nad chatboxem jak i kolory pasków tytułów działów): #121212, czcionka: #bbbbbb

Lekko rozjaśniłem pasek do wprowadzania tekstu na chatboxie: #0c0c0c

Zmieniłem tło tego bordo paska informacyjnego na takie jak kolor tła chatboxa. Usunąłem też style dot. koloru tekstu i koloru linków (link teraz podświetla się na biało po najechaniu kursorem)

Przyciemniłem lekko ten pasek na dole chatboxa, służący do rozszerzania go, no i zmniejszyłem o 1px: border-bottom: 2px solid #696969 !important;

 

Ogólnie celem tych zmian było uwydatnienie ważnych informacji (np. nazwy działów), oraz zmniejszenie kontrastu na stronie. Bo zbyt duży kontrast na dłuższą metę męczy oczy.

Można też dodatkowo dostosować czcionkę tam gdzie jest 'Ogólny' żeby była taka sama jak paski tytułów działów, czyli font-size:16px i font-weight: bold; Spójniej to wygląda.

Edytowane 30 Listopada 2024 przez Isharoth

[Pan Mateoo 779]

3 minuty temu, Isharoth napisał(a):

Zmieniłem tło tego bordo paska informacyjnego

on powinien sie wyrozniac wlasnie dlatego ze to informacyjny pasek

[Isharoth 691]

5 minut temu, Pan Mateoo napisał(a):

on powinien sie wyrozniac wlasnie dlatego ze to informacyjny pasek

Na jasnym trybie niewiele się wyróżnia jeśli chodzi o kolor. Tutaj nawet jest bardziej uwydatniony, bo jest pomiędzy ciemnymi paskami. Ten bordo jest trochę zbyt nachalny, a w dodatku nie pasuje do ogólnej kolorystyki motywu. Pasek nie byłby problemem, gdyby nie to że nie da się go zamknąć po przeczytaniu. 

 

Może mógłbym napisać skrypt, że po wciśnięciu 'X' pasek by się ukrywał do czasu aż nie zmieniłaby się jego treść.

 

Ewentualnie można jeszcze pomyśleć nad odpowiednim kolorem, ale myślę że na dłuższą metę każdy który będzie się za bardzo wyróżniać, będzie irytujący. Tym bardziej jeśli pasek będzie stałym elementem tego forum. I w szczególności dla ludzi, którzy często przesiadują na chatboxie.